背景 作为一名前端开发工程师，我始终认为，在网页上，我们几乎是无所不能的 前两天，女朋友问我网页上的视频怎么下载，我心里想到，装逼的时候来了，于是我抢过鼠标，熟悉的点击右键审查元素，点击视频文件，找到

好了，开始我们的正文学习吧。 npm init 命令用来初始化一个简单的 package.json 文件，执行该命令后终端会依次询问 name, version, description 等字段。 npm init 命令的原理并不复杂，调用 shell 脚本，输出一个初始化的 …

最初做这个系列的时候，就想找个开源又方便的平台。 那时候选择了掘金，因为本意不想收费，所以定价是 0.01 元。(我个人并没有靠此获取任何利益)。 但购买本身是个门槛，而且没办法接收到读者第一时间的反馈（很遗憾我并不在掘金小册群里）。 所以我选择将这个系列加强并且开源出来。希望…

前段时间接手一个项目，逻辑晦涩难懂，代码庞大冗余，上手极其困难。很大的原因就是数组方法使用不熟练，导致写出了很多垃圾代码，其实很多地方稍加改动就可以变得简单高效又优雅。因此我在这里总结下数组的常用方法和奇巧淫技（奇巧淫技主要是reduce~）。 数组操作首先要注意且牢记spli…

瀑布流布局是前端领域中一个很常见的需求，由于图片的高度是不一致的，所以在多列布局中默认布局下很难获得满意的排列。 我们的需求是，图片高度不规律的情况下，在两列布局中，让左右两侧的图片总高度尽可能的接近，这样的布局会非常的美观。 注意，本文的目的仅仅是讨论算法在前端中能如何运用，…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。 需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。 另外这里，老姚谢谢各位一如既往的支…

当 JS 引擎解析到可执行代码片段（通常是函数调用阶段）的时候，就会先做一些执行前的准备工作，这个 “准备工作”，就叫做 "执行上下文(execution context 简称 EC)" 或者也可以叫做执行环境。 全局执行上下文——这是默认或者说是最基础的执行上下文，一个程序中…

本文主要是根据微信小程序官方优化建议和《2018微信公开课第七季上海站·小程序专场》的性能优化方案，针对性我们的小程序项目进行性能优化实践，将过程记录下来，方便以后查看，同时也希望能帮助到其他小伙伴，做好性能优化。毕竟一切性能优化都是为了更好的用户体验。 这些问题的场景都反映了…

watch 是由用户定义的数据监听，当监听的属性发生改变就会触发回调，这项配置在业务中是很常用。在面试时，也是必问知识点，一般会用作和 computed 进行比较。 那么本文就来带大家从源码理解 watch 的工作流程，以及依赖收集和深度监听的实现。在此之前，希望你能对响应式原…