金三银四大潮如期到来，在这个裁员、降薪、倒闭无处不在的寒冷季节里，咱们都没有太多选择的余地。唯有努力提高自身能力，才能在寒风凛冽中站住脚跟，抵御随时到来的风险。

也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言都说今年是最惨工作年，大厂裁员，小厂跟风，简历投了几百封回信的寥寥无几，金三银四怕是成了铜三铁四，冷冷清清，凄凄惨惨。但是今天的主角，小帅同学却在逆风环境中给了面试官当头一喝，秀了他一身，优秀如他，到底经历了一场怎样的面试？文中的例子和代码都...

你的文件夹里有没有一些私人喜好的小网站？嘿嘿！！！必须有啊！分享10个我经常使用、能够提高工作效率、美化图片、绘制流程图的网站，你可能也用得上喔。

也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言JavaScript在不断地升级迭代，越来越多的新特性让我们的代码写起来变得简洁有趣，这篇文章会介绍5个新特性，一起研究一下把。1.# 使用"Object.hasOwn"替代“in”操作符有时，我们想知道对象上是否存在某个属性，一般会使用“in”操作符或“obj.hasOwnProperty”，但它...

也许你我素未谋面，但很可能相见恨晚，我是前端胖头鱼前言chrome浏览器作为前端童鞋的老婆，相信你一定不陌生。调页面、写BUG、画样式、看php片少了它整个世界都不香了。不信？一起来看看我们的老婆有多厉害....1#. 一键重新发起请求在与后端接口联调或排查线上BUG时，你是不是也经常听到他们说这句话：你再发起一次请求...

金三银四，又到了换工作的最佳时机，我幻想着只要跳个槽，就能离开这个”鸟地方“，拿着更多的钱，干着最爽的事...然而现实总是残酷的，最近有个学妹在换工作，面试前什么手写Priomise、vue双向绑定原理,webpack优化方式,准备了一大堆，本以为成竹在胸，结果却在算法上吃了大亏，心仪的offer没有拿到，一度怀疑人生。到底...

如下图，代码在自己一行一行写程序，逐渐画出一个喜气灯笼的模样(PC移动端都支持噢)，想不想知道是它怎么实现的呢？和胖头鱼一起来探究一番吧O(∩_∩)O~

胖头鱼16年毕业后一直在上海工作，随着时间的推移，头发愈加稀松、额头逐渐变宽，看着房价一天天蹦的老高，我感觉把3000烦恼丝撸光了，也没法上车，或者能上也是一辆"破车"，于是萌生了离开的想法。离开上海能去哪里？无非是想找个“能定居”，工作也有持续性可能的地罢了。

这篇文章尝试将Vue中一些常见的功能在React中实现一遍，如果你恰巧是Vue转React，或者React转Vue，期待对你有些帮助。如果你是一名熟悉React和Vue的同学跪求轻喷（手动求生）

(ಥ﹏ಥ)曾经真实发生在一个朋友身上的真实事件，面试官让他手写一个Promise.all，朋友现场发挥不太好，没有写出来，事后他追问面试官给的模糊评价是基础不够扎实，原理性知识掌握较少... 当然整场面试失利，并不仅仅是这一个题目，肯定还有其他方面的原因。

vue简洁好用体现在很多个地方，比如其内置了32+修饰符，可以很方便我们阻止冒泡、阻止默认事件、鼠标事件处理、系统键盘事件等等，让我们可以快速搞定业务，简直不要太方便噢！！！

1. 手写62+方法学习JavaScript底层原理判断一个对象是否存在循环引用已收录至 手写各种源码实现，也可以直接点击isCyclic快速查看，目前已有62+手写实现，欢迎一起来学习喔。2. 不得不说的循环引用如下图: 相信曾经你也到过类似的问题，循环引用。如果两个对象相互传递引用或者对象的属性引用其本身都有可能会造成循环引...

曾经我一度对正则表达式有种恐惧和厌恶感，为啥？因为总感觉这玩意很难，很枯燥，看到别人写出贼牛逼的正则，我想啥时候我能像他们一样优秀。直到我看到了这三个知识点。。。

昨天遇见小学同学，没有想到它混的这么差 --- 只放了一块钱到我的碗里o(╥﹏╥)o生活这么无聊，总得逗逗自己是不，以后我要经常给大家讲笑话，你愿意听不O(∩_∩)O哈哈~

写个快排吧、能手写一个Promise吗？、来一个深拷贝...相信大家已经不止一次在面试或者日常业务中遇到这样的题目了，每当现场写代码时感觉似曾相识，但就是写不出来，期望的offer也离我们远去o(╥﹏╥)o。来，兄弟们卷起来，日计不足，岁计有余，咱们每天学一个，看那些面试官还怎么难倒我们！！！哼哼哼

开发要对线上环境有一颗敬畏之心，任何一个点都有可能导致线上故障，也有可能让你的年终奖泡汤(⊙︿⊙)。比如使用了JSON.stringify，这个无比熟悉但又无比陌生的API。

修改input placeholder样式、多行文本溢出、隐藏滚动条、修改光标颜色、水平垂直居中...多么熟悉的功能呀！前端童鞋几乎每天都会和他们打交道，一起来总结我们的css幸福小片段吧！下次不用百度、不用谷歌，这里就是你的港湾。

数组是我们日常工作中用的最频繁的一类数据结构，能帮助我们解决许多问题，而其本身也包含接近33个之多的方法，做了一个脑图分类如下，熟练使用数组的你，是否想知道他们内部的实现原理呢？

前言欢迎关注”前端胖头鱼“公众号，也许你为素未谋面，但很可能相见恨晚噢。前一段时间写了一篇 我是如何用这3个小工具，助力小姐姐提升100%开发效率的，里面介绍了怎样使用三个最基础的前端知识，协助小伙伴提升日常开发效率。而这篇文章，阅读时间只要3分钟，你不用学会三个小工具就可收获：怎样用最没技术含量的四行代...

我正在参加中秋创意投稿大赛，详情请看：中秋创意投稿大赛背景欢迎关注”前端胖头鱼“公众号，也许你为素未谋面，但很可能相见恨晚噢。点击查看太阳、地球、月亮3D旋转点击查看太阳、地球、月亮3D旋转2点击查看太阳、地球、月亮3D旋转源码中秋佳节即将到来，远在他乡的孩子们马上可以回家和父母一起吃月饼，看月亮，聊聊工...

简单的知识点搭配合适的业务场景，往往能起到意想不到的效果。这篇文章会用三个最基础人人都知道的前端知识来说明如何助力运营小姐姐、公司48+前端开发同学的日常工作，让他们的工作效率得到极大地提升。

数字千分位分割、手机号3-3-4格式拼接、trim函数实现、HTML转义、获取url query参数...你是不是也经常在面试和工作中遇到呢？让我们一起看看，如何用正则将他们一网打尽吧！！！

前言 es6新增了Set数据结构，它允许你存储任何类型的唯一值，无论是原始值还是对象引用。这篇文章希望通过模拟实现一个Set来增加对它的理解。 原文链接 用在前面 实际工作和学习过程中，你可能也经常用Set来对数组做去重处理 {代码...} 基本语法 以下内容基本出自MDN,这里写出来，纯粹是为了便于后面的模拟操作。如果你...

前言 此时状态有点像上学时写作文，开篇总是"拉"不出来，憋的难受。 原文地址 源码地址 从背景出发 前后端分离后，前端童鞋会需要处理一些node层的工作，比如模板渲染、接口转发、部分业务逻辑等，比较常用的框架有koa、koa-router等。 现在我们需要实现这样一个需求： 用户访问/fe的时候，页面展示hello fe 用户访问/ba...

移动端原生支持touchstart、touchmove、touchend等事件，但是在平常业务中我们经常需要使用swipe、tap、doubleTap、longTap等事件去实现想要的效果，对于这种自定义事件他们底层是如何实现的呢？让我们从Zepto.js的touch模块去分析其原理。您也可以直接查看touch.js源码注释

这篇文章主要想说一下Zepto中与"偏移"相关的一些事，很久很久以前，我们经常会使用offset、position、scrollTop、scrollLeft等方式去改变元素的位置，他们之间有什么区别，是怎么实现的呢？接下来我们一点点去扒开他们的面纱。

使用Zepto的时候，我们经常会要去操作一些DOM的属性，或元素本身的固有属性或自定义属性等。比如常见的有attr(),removeAttr(),prop(),removeProp(),data()等。接下来我们挨个整明白他们是如何实现的...点击zepto模块源码注释查看这篇文章对应的解析。

Zepto中的ie模块主要是改写getComputedStyle浏览器API，代码量很少，但也是其重要模块之一。在看源代码之前，我们先回顾一下如何使用

以前我们使用Zepto进行开发的时候，会把一些自定义的数据存到dom节点上，好处是非常直观和便捷，但是也带来了例如直接将数据暴露出来会出现安全问题，数据以html自定义属性标签存在，对于浏览器本身来说是没有多大意义的，最后要获取数据的时候还得操作dom。Zepto有一个data模块，专门用来做数据缓存，允许我们存放任何...

dom也就是文档对象模型，是针对HTML和XML的一个api，描绘了一个层次化的节点树。虽然浏览器原生给我们提供了许多操作dom的方法，使我们可以对dom进行查找，复制，替换和删除等操作。但是zepto在其基础上再次封装，给以我们更加便捷的操作方式。先看下图，我们以删除元素，插入元素,复制元素，包裹元素和替换元素几个模块...