具备基本工程素养的同学都会注重编码规范，而代码风格检查（Code Linting，简称 Lint）是保障代码规范一致性的重要手段，你的工作流中有 Lint 环节么？有的话你用的爽么？你在团队中推广过 Lint，但是大家都不买账？究竟是为啥？

以下会涉及到的技术点：react mobx compositionstart compositionupdate compositionend

前言一切要都要从打包构建说起。当下我们很多项目都是基于 webpack 构建的， 主要用于：本地开发打包上线首先，webpack 是一个伟大的工具。经过不断的完善，webpack 以及周边的各种轮子已经能很好的满足我们的日常开发需求。我们都知道，webpack 具备将各类资源打包...

我也不知道应该说点撒。 就是一个目录，后续应该还有10多篇的样子，主要是实战，更新了会把目录补上。 超性感的React Hooks（一）：为何她独具魅力 超性感的React Hooks（二）：再谈闭包 超性感的React Hooks（三）：useState 超性感的React Hooks（四）：useEffect ...

1、问题现象2、问题出现的环境，比如 windows 电脑 firefox 浏览器版本多少3、复现步骤，操作1->操作24、自己的猜测

根据你的提设，可以在 LocalStorage 里做一个命名空间。即所有的相关状态都放到一个 key 下面，对应的值是一个对象。对于数据量的担心不太有必要，因为 LocalStorage 的大小是 10M。

这期来关注一下CodeSandbox, 这是一个浏览器端的沙盒运行环境，支持多种流行的构建模板，例如 create-react-app、 vue-cli、parcel等等。 可以用于快速原型开发、DEMO 展示、Bug 还原等等.

本文来源于公司内部的一次闪电分享，稍作润色分享出来。主要讨论 React 性能优化的主要方向和一些小技巧。如果你觉得可以，请多点赞，鼓励我写出更精彩的文章🙏。

首先第一个主角 babel-loader,给babel-loader 加一个参数即可cacheDirectory: true。相关的配置还有 cacheIdentifier 和 cacheCompression，cacheIdentifier 是给 cache 配一个标识，cacheCompression 是babel-loader 默认会以 gzip 去压缩，如果你的文件量非常大可...

在优化网站打开速度上，我们有很多的方法，而其中一个就是减少诸如Javascript和CSS等资源文件的大小，而减少文件大小的方法除了在代码上下功夫外，最常用的方法就是使用压缩算法对文件进行压缩。

在实际的开发过程中，从零开始建立项目的结构是一件让人头疼的事情，所以各种各样的脚手架工具应运而生。笔者使用较多的yoeman，express-generator和vue-cli便是当中之一。它们功能丰富，但最核心的功能都是能够快速搭建一个完整的项目的结构，开发者只需要在生成的...

我不确定JavaScript语言是否应该被称为Object-Oriented，因为Object Oriented是一组语言特性、编程模式、和设计与工程方法的笼统称谓，没有一个详尽和大家都认可的checklist去比较，就很难在主观意见上互相认同。

两者的差别主要是 this 的差别 第一个 person {代码...} 这里的 person.sayName() 的 this 是指向对象内部的 this 即 person 本身。 第二个 person {代码...} 这里的 person.sayName() 是箭头函数（），this 指向是当前 this 的调用环境，即是 window Arrow functions

写这篇文章的原因是无论中文还是英文关于 sticky 的文章，只是说了 sticky 这个性感的 css 新特性可以拿来用，简单写一个 demo 完事，并没有详细的解析它。我希望这篇文章能帮助大家在使用 sticky 的时候更顺手。

domain 可以例如主域名www.xxx.com二级域名api.xxx.com 都把domain 改成xxx.com

所谓 zepto 的 touch 其实就是指这个文件啦,可以看到区区 165 行（包括注释）就完成了 swipe 和 tap 相关的事件实现。在正式开始分析源码之前，我们先说说 touch 相关的几个事件，因为无论是 tap 还是 swipe 都是基于他们的。

/Users/alex/Desktop/24319F76-DE76-4A5A-840D-8EC7C0C43882.png例如图中的状况，需要文字相对于图片的垂直居中，通过对图片设置vertical-align: middle;即可。vertical-align 其实可以完成多种相对对其，例如 top,baseline 等等。

有如下 html 片段 {代码...} 要对 li 添加 click 事件。通常做法： {代码...} 事件代理的做法 {代码...} 我们来对比一下两段注册点击事件的代码。第一段代码很常规，直接找到相关元素然后一一绑定。第二段代码看起来简洁一点，但多了一层判断。 做一个简单的 delegat...