小程序历史栈最多只支持10层
当小程序业务比较复杂时，就很容易超过10层。
当超过10层后，有的机型是点击无反应，有的机型会出现一些未知错误

JavaScript数组所有API全解密

JavaScript字符串所有API全解密

二分查找、二分边界查找算法的模板代码总结

深度广度解析 call 和 apply 原理、使用场景及实现

移动端关闭虚拟键盘

document.activeElement.blur();

正则表达式匹配版本

"Mozilla/5.0 (Linux; Android 6.0.1; MI NOTE LTE Build/MMB29M; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/57.0.2987.132 Mobile Safari/537.36 Weibo (Xiaomi-MI NOTE LTE__weibo__8.5.3__android__android6.0.1)".match(/(__weibo__)([\d.]*)(__android|__iphone)/)[2]
"8.5.3"

浅谈微信小程序登陆与Oauth,OAuth 2.0

// 解决键盘弹出后挡表单的问题
    window.addEventListener('resize', function() {
      if(
        document.activeElement.tagName === 'INPUT' ||
        document.activeElement.tagName === 'TEXTAREA'
      ) {
        window.setTimeout(function() {
          if('scrollIntoView' in document.activeElement) {
            document.activeElement.scrollIntoView();
          } else {
            document.activeElement.scrollIntoViewIfNeeded();
          }
        }, 0);
      }
    });

前端资源大全

转载自：

JavaScript深入系列

Vue.js源码剖析 https://github.com/answershuto/learnVue

JavaScript数组所有API全解密

个人分享--web前端学习资源分享 - 掘金

小技巧|移动端网页调试神器Eruda使用技巧

浏览器中的图像识别 API

一起来聊聊table组件的固定列 - 掘金

使用mongo-express/adminMongo通过WEB管理MongoDB（可视化）

小技巧|H5禁止手机虚拟键盘弹出

"天龙八步"细说浏览器输入URL后发生了什么

H5页面中尝试调起APP - qize - 博客园

用css让一个容器水平垂直居中 - 最骚的就是你 - 博客园

CSS常见布局解决方案 - 王郝 - 博客园

CSS经典布局之Sticky footer布局【绝对底部】

HTML 文档之 Head 最佳实践

CSS预加载：

关于Preload, 你应该知道些什么？

现代浏览器性能优化-CSS篇 - 掘金

[译]Preload，Prefetch 和它们在 Chrome 之中的优先级

使用 CSS 追踪用户 - 掘金

前端性能优化之缓存技术 - 掘金

怎麽把＂滚动条＂隐藏？ - 掘金

JavaScript深入系列【干货】

JavaScript数组所有API全解密【干货】

移动端：页面->手淘互动动效的探索 - IT大咖说 - 大咖干货，不再错过【扫盲】

Jonathan Zhang

sunshine小小倩

关于 React Router 4 的一切

anime.js 实战：实现一个 SVG 形变（morphing）动画【干货】

React Redux 中间件思想遇见 Web Worker 的灵感【干货】

在 Vue.js 中实用任意 JavaScript 第三方库【干货】

前端每周清单半年盘点之 Vue.js 篇【干货】

讲真，别再使用JWT了【干货】

学习正则表达式的简单方法 learn-regex 中文版本【扫盲】

嗨，你知道 this 吗？【扫盲】

EasyWebpack 【干货】

记一次webpack打包优化【干货】

这些JavaScript编程黑科技【干货】

webpack 【扫盲】

使用原生JS封装Tap事件，解决移动端300ms延迟【一般】

极简风格个人博客

像VUE一样写微信小程序-深入研究wepy框架

从[] == ![] 看隐式强制转换机制

由返回上一页并刷新页面想到的

HTTP中的状态码

前端安全

DNS域名解析解剖

深入理解ES6

blog

编写自己的CSS3代码库(常用动画的实现）【干货】

温习javascript之Array的使用【扫盲】

前端学习之路【干货】

七种实现左侧固定，右侧自适应【扫盲】

链接文字超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战

编写自己的代码库

ES6常用新特性

es7-decorator修饰器

小火柴的蓝色理想

记录一些工作中遇到的问题，及解决方案

前端基础面试题

CSS Grid 网格布局

JavaScript 专题之如何判断两个对象相等【干货】

读 Zepto 源码，分析 Zepto 源码

Async Functions (异步函数)

DOM扩展,DOM2和DOM3

event对象中 target和currentTarget 属性的区别。

WebSocket与消息推送

LESS学习:LESS的基础语法

var, let, const详解

js中的作用域与预解释

必备之常用正则表达式

从移动端click到摇一摇

HTML5中手势原理分析与数学知识的实践

宇cccc

JavaScript 专题之函数柯里化

原生JS实现AJAX、JSONP及DOM加载完成事件【扫盲】

Ajax关于readyState（状态值）和status（状态码）的研究【扫盲】

notebook

javascript中数组排序的秘密

高质量的 React 相关文档和翻译

RxJS入门

Async Functions (异步函数)

点击水波纹，滑块

HTTP协议详解【基础】

原生JS实现最简单的图片懒加载

笔试题

彻底搞懂 async & defer

CC

如何区分Babel中的stage-0,stage-1,stage-2以及stage-3

wen

ES6必知必会

谈谈jquery的事件名称和命名空间

读Zepto源码

庖丁解牛React-Redux

加深对 JavaScript This 的理解

JavaScript中的this

换个思路理解Javascript中的this

this指向看JavaScript

面向初学者的高阶组件教程

关于Promise

彻底掌握Promise

从零实现一个简单的 Promise

八段代码彻底掌握 Promise

什么是cors跨域

移动混合开发中的 JSBridge

H5与Native交互之JSBridge技术

使用vue-cli工具构建的vue+webpack项目配置详解

在浏览器中输入一个url，敲击回车之后发生了啥

vue框架的基本原理

深刻理解Vue中的组件

如何更有效率和质量地开发Vue项目

Vue.js 中，7种定义组件模板的方法

vue插件--键盘

深入理解 JavaScript 数据双向绑定

VueJS 开发常见问题集锦

Vue 2.3、2.4 知识点小结

Vue 2.4.0 带来的 4 个重大变化

Vue2.4组件间通信

Vue 响应式源码分析

Vue平凡之路

Vue全局API

监听数组变动

从0开始实现Vue数据绑定

CommonJS

vi 常用快捷键笔记

链接文字理解 async/await

轻松理解vue框架的基本原理，简单实现一个todo-list

Vue.js 中，7种定义组件模板的方法

Vue组件通信实践记录

Vue-cli创建vue项目以及配置文件梳理

vue-cli源码分析

Vue的异步组件

如何优雅地写js异步循环

React 中的五种组件形式

浅尝初试 React 技术栈

React 组件性能优化

react-redux-router 一个完整项目解读

redux源码分析

React 进阶之高阶组件

React中的组件通信问题

Redux从设计到源码

React+redux+源码解析

Raect

聊聊 React Router v4 的设计思想

10个JavaScript难点

浅谈Flux架构及Redux实践

babel知多少

Redux 知识

webpack之loader和plugin简介

npm 与 package.json 快速入门

谈谈JavaScript中的this关键字

JavaScript的原型及原型链

React+node+redux 在线项目【react 扫盲】

React使用小记

带着三个问题一起深入浅出React高阶组件【扫盲】

关于 React Router 4 的一切【扫盲】

你不知道的 React Router 4 【干货】

react开发vscode插件推荐

JavaScript——单例模式

抽奖刮刮卡

谈谈JS中的高级函数

图片上传进阶【跨域】

ES6 Generator 基础指南

当你想监听DOM时，不尝试用一下 MutationObserver 吗？

Webpack 打包优化之速度篇

webpack---使用插件，常见webpack的plugin，构建vue，react单页面/多页面工程APP必备插件

如何制作一个完美的全屏视频H5

移动 H5 首屏秒开优化方案探讨

http协议缓存机制

我的 Chrome 插件集

Chrome程序猿插件

用CSS让你的文字更有文艺范

H5玩法知多少【扫盲】

vue-vscode-snippets 【干货】

2017 年最佳 Sublime Text 3 主题【扫盲】

JavaScript 对象所有API解析

链接文字History API & Location 对象

白话原型和原型链

《JavaScript框架设计（第2版）》之语言模块【扫盲】

HTML/CSS/JS编码规范

使用 ES2017 中的 Async(异步) 函数和 Await(等待) 【扫盲】

JavaScript 骚操作

手机端页面自适应解决方案—rem布局进阶版（附源码示例）

BFC和 websocket

后jQuery时代

是时候和 jQuery 说拜拜了么？

10分钟学会ES7+ES8 ，精读AsyncAwait

25个最基本的JavaScript面试问题及答案

javascript 之模块化篇

javascript常用函数【4星级】

vue2实践，填坑筆記（持续更新）【***】

JavaScript数组所有API全解密【干货】

JavaScript字符串所有API全解密【干货】

js数组API--温故知新

数组扁平化、去重、排序，又搞定了一道校招题

数组的32场演唱会

详解JS之Arguments对象

JS中可能用得到的全部的排序算法

js 深拷贝 vs 浅拷贝【扫盲】

你做的拷贝是真的深拷贝吗

Vue.js 2.0 快速上手精华梳理，Vue教程【扫盲】

https://www.w3ctech.com/ 【干货】

等比例缩放的盒子【干货】

CSS实现长宽比的几种方案【扫盲】

css中如何做到容器按比例缩放

http://www.javascript.fun/ *

http://dunizb.com/ *

Grid布局学习【干货】

js实现手机横竖屏事件

前端工程师都有用哪些比较靠谱的小工具？

npm scripts : 每个前端开发都应知道的一些使用提示

CreateJS中文网 *

Hover Buttons *

javaScript的数据结构与算法【干货】

Alloy周刊

CSS 动画技巧与细节【干货】

浏览器兼容性问题解决方案 · 总结【扫盲】

前端每周清单

教你从零开始搭建一款前端脚手架工具

feather - 一个开源的SVG图标库

如何使用GitHub Pages在线加载静态网页

读Zepto源码

用纯CSS实现跳跳球动画

Vue 折腾记

编码过程中，我的常用网站工具

前端实用的在线工具推荐系列

meta 标签大全

通过JS判断网络状态调研及实例demo说明

BetterScroll：在移动端滚动场景的应用

如何用 js 获取虚拟键盘高度？

HTML5 video blob

JavaScript的记忆函数真的可以提升性能吗？

avaScript是如何工作的：内存管理 + 如何处理4个常见的内存泄漏(译)

原生JS实现最简单的图片懒加载

CSS 写作建议和性能优化小结

网站可以一键变色吗？

面试

lensh

微醺岁月

http://yrq110.me/

滴滴FE

路易斯

玩转prototype

前端性能优化之 DOM 篇【5星级】

https://github.com/yrq110/odds-and-ends

jQuery->JavaScript一览表

2017前端面试题及答案总结|掘金技术征文

JS如何判断一个对象为空

this、apply、call、bind

notebook

从原理到轮子之JS模块化

var head = document.getElementsByTagName('head')[0] || document.body;

function loadJsModule(url) {
    var script = document.createElement('script');
    script.charset = 'utf-8';
    script.type = 'text/javascript';
    script.onload = script.onreadystatechange = function() {
        if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') {
            /*
             * 加载逻辑, callback为define的回调函数, args为所有依赖模块的数组
             * callback.apply(window, args);
             */
            script.onload = script.onreadystatechange = null;
        }  
    };
}

史上最全面、最透彻的BFC原理剖析

移动 Web 开发问题和优化小结

JS对象的深浅复制

BetterScroll：可能是目前最好用的移动端滚动插件

vue移动助手实践【5】

聊聊Vue.js的template编译

为什么 call 比 apply 快？

setTimeout(fn, 0) 的作用

发布-订阅模式

互联网大厂求职面经及总结

js的事件循环

25 个最基本的 JavaScript 面试问题及答案

前端常见跨域解决方案（全）

Websocket

JS 的正则表达式

CSS 伪类选择器

vh,vw单位你知道多少？【扫盲】

Event Loop

前端性能优化之加载技术【5星级】

JavaScript Event Loop 机制详解与Vue.js 中 nextTick 【干货】

CSS技巧：逐帧动画抖动解决方案

理解构造函数与原型对象

设计模式系列课程-委托模式实战微博发布功能

Javascript 黑科技【4星级】

从性能的角度看CSS选择器

【整理】CSS布局方案

getElementsByClassName与classList兼容性问题与解决方案

Ajax知识体系大梳理

Fetch进阶指南

Promise使用手册

你不知道的CSS 【干货】

CSS实现长宽比的几种方案

高性能滚动 scroll 及页面渲染优化，函数节流【干货】

JS面试高级技巧【干货】

你不知道的JS 【扫盲】

你不知道的CSS（二）

浮动两端对齐【扫盲】

面试必备之JS继承方式总结【干货】

整理下《前端江湖面试》对自己有益的题目。

阿里校招前端面经【干货】

重新认识JS的this

H5拖放和WebWorker 【扫盲】

史上前端面试最全知识点（附答案）【干货】

JSONP原理及简单实现【扫盲】

移动端Click点击300毫秒延迟及其解决办法

zepto的tap点透问题

JS开发中的一些小技巧和方法

周末读fastclick.js源码有感在touchend合成一个事件立即触发解决300ms问题

fastclick是将事件绑定到你传的元素（一般是document.body）
② 在touchstart和touchend后（会手动获取当前点击el），如果是类click事件便手动触发了dom元素的click事件
所以click事件在touchend便被触发，整个响应速度就起来了，触发实际与zepto tap一样
既然浏览器有这300ms的延迟，那么我们来代替浏览器判断，手动触发click事件，这也是fastClick的解决方案。

// 自定义事件
var eve = new Event('自定义事件名');
el.addEventListener('自定义事件名', function(){
    console.log('自定义事件')
});
el.dispatchEvent(eve);
//

fastClick的核心代码

FastClick.prototype.onTouchEnd = function(event){

  // 一些状态监测代码 

  // 从这里开始，
  if (!this.needsClick(targetElement)) {
    // 如果这不是一个需要使用原生click的元素，则屏蔽原生事件，避免触发两次click
    event.preventDefault(); 
    // 触发一次模拟的click
    this.sendClick(targetElement, event);
  }
}
这里可以看到，FastClick在touchEnd的时候，在符合条件的情况下，主动触发了click事件，这样避免了浏览器默认的300毫秒等待判断。为了防止原生的click被触发，这里还通过event.preventDefault()屏蔽了原生的click事件。

我们来看看他是怎么模拟click事件的

FastClick.prototype.sendClick = function(targetElement, event) {

  // 这里是一些状态检查逻辑

  // 创建一个鼠标事件
  clickEvent = document.createEvent('MouseEvents');
  // 初始化鼠标事件为click事件
  clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);

  // fastclick的内部变量，用来识别click事件是原生还是模拟
  clickEvent.forwardedTouchEvent = true;

  // 在目标元素上触发该鼠标事件，
  targetElement.dispatchEvent(clickEvent);
我们在网上搜索fastClick，大部分都在说他解决了zepto的点击穿透问题，他是怎么解决的呢？就是上面最后一句，他模拟的click事件是在touchEnd获取的真实元素上触发的，而不是通过坐标计算出来的元素。

读 Zepto 源码

你可能不知道的 border-radius

VS Code 折腾记

浏览器兼容性问题解决方案 · 总结

页面卡顿？操作慢？

margin-right右边距失效

JavaScript 专题之函数记忆

前端精读周刊

封装一个简易的异步队列

JavaScript 异步队列实现及拓展

JavaScript专题之递归

有意思的clip-path

可定制的 CSS 加载动画

https://github.com/microzz

https://lenshen.com/

https://microzz.com/

谦龙

(void 0) 与 undefined 之间的小九九

MVVM —— 如何进行 DOM 的操作

给axios做个挺靠谱的封装

这些Zepto中实用的方法集【干货】

10个有趣的Javascript和CSS库【干货】

改写你的checkout input默认样式【干货】

HTML/CSS/JS编码规范【扫盲】

写一个挺靠谱的Vue组件【扫盲】

99%的人都理解错了HTTP中GET与POST的区别

网易前端面经【干货】

JavaScript异步编程面试题【干货】

巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）【干货】

【当margin/padding取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！】

阿里校招前端笔试题

koa2进阶学习笔记

Node.js 包教不包会

纯前端实现人脸识别-提取-合成

从零开始教你写一个NPM包

GitHub 开发的首个 Chrome Github代码查看

localStorage 还能这么用

React：

React 高阶组件浅析

React高阶组件实践

从 setState promise 化的探讨

npm 入门教程

Nestjs 文档

Boss-UI 【干货】

从零开始使用vue搭建带有SSR服务端渲染的前后台项目weeklyPlus

React组件类型

[React技术内幕] key带来了什么【干货】

React技术内幕【干货】

无状态组件你真的知道

Redux store 的动态注入

理解 React-redux connect

React、Redux与复杂业务组件的复用

koa源码--基础篇

Redux中间件对闭包的一个巧妙使用

总结个人使用过的移动端布局方法

理解和学习mobx-react

探索 React 中 es6 的继承机制

Redux 还是 Mobx，让我来解决你的困惑！

https://github.com/sunyongjian/blog

源码看React setState漫谈

聊聊React高阶组件(Higher-Order Components)

React-Redux源码分析

手把手教你写一个react validator 【表单验证】

React合成事件和DOM原生事件混用须知

Vue：

AT-UI 【干货】

Vue 进阶教程之：非父子组件通信方法（非Vuex）

JavaScript Event Loop 机制详解与Vue.js 中 nextTick 【干货】

从event loop看vue的nextTick 【干货】

从Vue.js源码看异步更新DOM策略及nextTick

Vuejs渡劫系列一：日常开发中必须掌握的细节

HTML5新特性之Mutation Observer，监听DOM变化

深入浅出基于“依赖收集”的响应式原理

剖析vue实现原理，自己动手实现mvvm

vue组件之间的通信

Vue.js数据绑定原理

Vue.js 依赖收集

Vue2.4组件间通信新姿势【干货】

重复造轮子：从0开始实现Vue数据绑定

MVVM 开发总结 —— Vue 组件

vue 填坑系列总结——scoped 【干货】

从Vue.js源码角度再看数据绑定

用addRoutes实现动态路由

浅谈axios

axios 中文文档翻译

处理 Vue 单页面 Meta SEO的另一种思路

说说VNode节点(Vue.js实现)

日常开发中必须掌握的细节

基于 vuejs 2.0 轻量级的 ui组件库

Vue.js 2.0 组件级懒加载方案

Vuex 源码分析

VirtualDOM与diff(Vue实现)

性能优化之组件懒加载: Vue Lazy Component 介绍

vue IOS一个页面阻塞问题的排查过程

VueJS 开发常见问题集锦

Vue.js源码——事件机制

Vuex2.0源码解析

Webpack

数据模拟神器 easy-mock 正式开源

加载优化

Web 的现状：网页性能提升指南

RxJS 数据板，将数据当作水流一样，集中管理和监视数据流，监控每一次数据流动。

npm scripts : 每个前端开发都应知道的一些使用提示

基于React/Mobx/React-Router v4/Webpack v3的脚手架。

快一点, 再快一点

webpack 从入门到工程实践

Webpack你的包

67 个拯救前端开发者的工具、库和资源

深入浅出webpack教程系列1-安装与基本打包用法和命令参数

用Nodejs开发命令行工具

你真的会用 Babel 吗?

webpack：从入门到真实项目配置

vue-cli 自定义路径别名 assets和static文件夹的区别 --save-dev和--save的区别

[前端面试之webpack篇](http://link.zhihu.com/?target=https%3A//juejin.im/post/59cb6307f265da064e1f65b9

BFC和 websocket

10分钟学会ES7+ES8 ，精读AsyncAwait

25个最基本的JavaScript面试问题及答案

javascript 之模块化篇

vue2实践，填坑筆記（持续更新）【***】

JavaScript数组所有API全解密【干货】

JavaScript字符串所有API全解密【干货】

数组扁平化、去重、排序，又搞定了一道校招题

数组的32场演唱会

详解JS之Arguments对象

JS中可能用得到的全部的排序算法

js 深拷贝 vs 浅拷贝【扫盲】

你做的拷贝是真的深拷贝吗

Vue.js 2.0 快速上手精华梳理，Vue教程【扫盲】

https://www.w3ctech.com/ 【干货】

等比例缩放的盒子【干货】

CSS实现长宽比的几种方案【扫盲】

css中如何做到容器按比例缩放

http://www.javascript.fun/ *

http://dunizb.com/ *

Grid布局学习【干货】

js实现手机横竖屏事件

前端工程师都有用哪些比较靠谱的小工具？

npm scripts : 每个前端开发都应知道的一些使用提示

CreateJS中文网 *

Hover Buttons *

javaScript的数据结构与算法【干货】

Alloy周刊

CSS 动画技巧与细节【干货】

浏览器兼容性问题解决方案 · 总结【扫盲】

前端每周清单

教你从零开始搭建一款前端脚手架工具

feather - 一个开源的SVG图标库

如何使用GitHub Pages在线加载静态网页

读Zepto源码

用纯CSS实现跳跳球动画

Vue 折腾记

编码过程中，我的常用网站工具

前端实用的在线工具推荐系列

meta 标签大全

通过JS判断网络状态调研及实例demo说明

面试

lensh

路易斯

玩转prototype

前端性能优化之 DOM 篇【5星级】

JS 的正则表达式

CSS 伪类选择器

vh,vw单位你知道多少？【扫盲】

Event Loop

JavaScript Event Loop 机制详解与Vue.js 中 nextTick 【干货】

CSS技巧：逐帧动画抖动解决方案

理解构造函数与原型对象

设计模式系列课程-委托模式实战微博发布功能

Javascript 黑科技【4星级】

【整理】CSS布局方案

getElementsByClassName与classList兼容性问题与解决方案

Ajax知识体系大梳理

Fetch进阶指南

Promise使用手册

你不知道的CSS 【干货】

CSS实现长宽比的几种方案

高性能滚动 scroll 及页面渲染优化，函数节流【干货】

JS面试高级技巧【干货】

你不知道的JS 【扫盲】

你不知道的CSS（二）

浮动两端对齐【扫盲】

面试必备之JS继承方式总结【干货】

整理下《前端江湖面试》对自己有益的题目。

阿里校招前端面经【干货】

重新认识JS的this

H5拖放和WebWorker 【扫盲】

史上前端面试最全知识点（附答案）【干货】

JSONP原理及简单实现【扫盲】

移动端Click点击300毫秒延迟及其解决办法

zepto的tap点透问题

JS开发中的一些小技巧和方法

周末读fastclick.js源码有感在touchend合成一个事件立即触发解决300ms问题

fastclick是将事件绑定到你传的元素（一般是document.body）
② 在touchstart和touchend后（会手动获取当前点击el），如果是类click事件便手动触发了dom元素的click事件
所以click事件在touchend便被触发，整个响应速度就起来了，触发实际与zepto tap一样
既然浏览器有这300ms的延迟，那么我们来代替浏览器判断，手动触发click事件，这也是fastClick的解决方案。

// 自定义事件
var eve = new Event('自定义事件名');
el.addEventListener('自定义事件名', function(){
    console.log('自定义事件')
});
el.dispatchEvent(eve);
//

fastClick的核心代码

FastClick.prototype.onTouchEnd = function(event){

  // 一些状态监测代码 

  // 从这里开始，
  if (!this.needsClick(targetElement)) {
    // 如果这不是一个需要使用原生click的元素，则屏蔽原生事件，避免触发两次click
    event.preventDefault(); 
    // 触发一次模拟的click
    this.sendClick(targetElement, event);
  }
}
这里可以看到，FastClick在touchEnd的时候，在符合条件的情况下，主动触发了click事件，这样避免了浏览器默认的300毫秒等待判断。为了防止原生的click被触发，这里还通过event.preventDefault()屏蔽了原生的click事件。

我们来看看他是怎么模拟click事件的

FastClick.prototype.sendClick = function(targetElement, event) {

  // 这里是一些状态检查逻辑

  // 创建一个鼠标事件
  clickEvent = document.createEvent('MouseEvents');
  // 初始化鼠标事件为click事件
  clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);

  // fastclick的内部变量，用来识别click事件是原生还是模拟
  clickEvent.forwardedTouchEvent = true;

  // 在目标元素上触发该鼠标事件，
  targetElement.dispatchEvent(clickEvent);
我们在网上搜索fastClick，大部分都在说他解决了zepto的点击穿透问题，他是怎么解决的呢？就是上面最后一句，他模拟的click事件是在touchEnd获取的真实元素上触发的，而不是通过坐标计算出来的元素。

读 Zepto 源码

你可能不知道的 border-radius

VS Code 折腾记

浏览器兼容性问题解决方案 · 总结

页面卡顿？操作慢？

margin-right右边距失效

JavaScript 专题之函数记忆

前端精读周刊

封装一个简易的异步队列

https://github.com/microzz

https://lenshen.com/

https://microzz.com/

谦龙

(void 0) 与 undefined 之间的小九九

MVVM —— 如何进行 DOM 的操作

给axios做个挺靠谱的封装

这些Zepto中实用的方法集【干货】

10个有趣的Javascript和CSS库【干货】

改写你的checkout input默认样式【干货】

HTML/CSS/JS编码规范【扫盲】

写一个挺靠谱的Vue组件【扫盲】

99%的人都理解错了HTTP中GET与POST的区别

网易前端面经【干货】

JavaScript异步编程面试题【干货】

巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）【干货】

【当margin/padding取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！】

阿里校招前端笔试题

koa2进阶学习笔记

Node.js 包教不包会

纯前端实现人脸识别-提取-合成

从零开始教你写一个NPM包

React：

React 高阶组件浅析

React高阶组件实践

从 setState promise 化的探讨

npm 入门教程

Nestjs 文档

Boss-UI 【干货】

从零开始使用vue搭建带有SSR服务端渲染的前后台项目weeklyPlus

React组件类型

[React技术内幕] key带来了什么【干货】

React技术内幕【干货】

无状态组件你真的知道

Redux store 的动态注入

理解 React-redux connect

React、Redux与复杂业务组件的复用

koa源码--基础篇

Redux中间件对闭包的一个巧妙使用

总结个人使用过的移动端布局方法

Vue：

AT-UI 【干货】

Vue 进阶教程之：非父子组件通信方法（非Vuex）

JavaScript Event Loop 机制详解与Vue.js 中 nextTick 【干货】

从event loop看vue的nextTick 【干货】

Vuejs渡劫系列一：日常开发中必须掌握的细节

HTML5新特性之Mutation Observer，监听DOM变化

剖析vue实现原理，自己动手实现mvvm

vue组件之间的通信

Vue.js数据绑定原理

Vue.js 依赖收集

Vue2.4组件间通信新姿势【干货】

重复造轮子：从0开始实现Vue数据绑定

MVVM 开发总结 —— Vue 组件

vue 填坑系列总结——scoped 【干货】

从Vue.js源码角度再看数据绑定

用addRoutes实现动态路由

浅谈axios

axios 中文文档翻译

处理 Vue 单页面 Meta SEO的另一种思路

说说VNode节点(Vue.js实现)

日常开发中必须掌握的细节

Webpack

数据模拟神器 easy-mock 正式开源

加载优化

RxJS 数据板，将数据当作水流一样，集中管理和监视数据流，监控每一次数据流动。

npm scripts : 每个前端开发都应知道的一些使用提示

基于React/Mobx/React-Router v4/Webpack v3的脚手架。

快一点, 再快一点

webpack 从入门到工程实践

Webpack你的包

67 个拯救前端开发者的工具、库和资源 BFC和 websocket

10分钟学会ES7+ES8 ，精读AsyncAwait

25个最基本的JavaScript面试问题及答案

javascript 之模块化篇

vue2实践，填坑筆記（持续更新）【***】

JavaScript数组所有API全解密【干货】

JavaScript字符串所有API全解密【干货】

数组扁平化、去重、排序，又搞定了一道校招题

数组的32场演唱会

详解JS之Arguments对象

JS中可能用得到的全部的排序算法

js 深拷贝 vs 浅拷贝【扫盲】

你做的拷贝是真的深拷贝吗

Vue.js 2.0 快速上手精华梳理，Vue教程【扫盲】

https://www.w3ctech.com/ 【干货】

等比例缩放的盒子【干货】

CSS实现长宽比的几种方案【扫盲】

css中如何做到容器按比例缩放

http://www.javascript.fun/ *

http://dunizb.com/ *

Grid布局学习【干货】

js实现手机横竖屏事件

前端工程师都有用哪些比较靠谱的小工具？

npm scripts : 每个前端开发都应知道的一些使用提示

CreateJS中文网 *

Hover Buttons *

javaScript的数据结构与算法【干货】

Alloy周刊

CSS 动画技巧与细节【干货】

浏览器兼容性问题解决方案 · 总结【扫盲】

前端每周清单

教你从零开始搭建一款前端脚手架工具

feather - 一个开源的SVG图标库

如何使用GitHub Pages在线加载静态网页

读Zepto源码

用纯CSS实现跳跳球动画

Vue 折腾记

编码过程中，我的常用网站工具

前端实用的在线工具推荐系列

meta 标签大全

通过JS判断网络状态调研及实例demo说明

面试

lensh

路易斯

玩转prototype

前端性能优化之 DOM 篇【5星级】

JS 的正则表达式

CSS 伪类选择器

vh,vw单位你知道多少？【扫盲】

Event Loop

JavaScript Event Loop 机制详解与Vue.js 中 nextTick 【干货】

CSS技巧：逐帧动画抖动解决方案

理解构造函数与原型对象

设计模式系列课程-委托模式实战微博发布功能

Javascript 黑科技【4星级】

【整理】CSS布局方案

getElementsByClassName与classList兼容性问题与解决方案

Ajax知识体系大梳理

Fetch进阶指南

Promise使用手册

你不知道的CSS 【干货】

CSS实现长宽比的几种方案

高性能滚动 scroll 及页面渲染优化，函数节流【干货】

JS面试高级技巧【干货】

你不知道的JS 【扫盲】

你不知道的CSS（二）

浮动两端对齐【扫盲】

面试必备之JS继承方式总结【干货】

整理下《前端江湖面试》对自己有益的题目。

阿里校招前端面经【干货】

重新认识JS的this

H5拖放和WebWorker 【扫盲】

史上前端面试最全知识点（附答案）【干货】

JSONP原理及简单实现【扫盲】

移动端Click点击300毫秒延迟及其解决办法

zepto的tap点透问题

JS开发中的一些小技巧和方法

周末读fastclick.js源码有感在touchend合成一个事件立即触发解决300ms问题

fastclick是将事件绑定到你传的元素（一般是document.body）
② 在touchstart和touchend后（会手动获取当前点击el），如果是类click事件便手动触发了dom元素的click事件
所以click事件在touchend便被触发，整个响应速度就起来了，触发实际与zepto tap一样
既然浏览器有这300ms的延迟，那么我们来代替浏览器判断，手动触发click事件，这也是fastClick的解决方案。

// 自定义事件
var eve = new Event('自定义事件名');
el.addEventListener('自定义事件名', function(){
    console.log('自定义事件')
});
el.dispatchEvent(eve);
//

fastClick的核心代码

FastClick.prototype.onTouchEnd = function(event){

  // 一些状态监测代码 

  // 从这里开始，
  if (!this.needsClick(targetElement)) {
    // 如果这不是一个需要使用原生click的元素，则屏蔽原生事件，避免触发两次click
    event.preventDefault(); 
    // 触发一次模拟的click
    this.sendClick(targetElement, event);
  }
}
这里可以看到，FastClick在touchEnd的时候，在符合条件的情况下，主动触发了click事件，这样避免了浏览器默认的300毫秒等待判断。为了防止原生的click被触发，这里还通过event.preventDefault()屏蔽了原生的click事件。

我们来看看他是怎么模拟click事件的

FastClick.prototype.sendClick = function(targetElement, event) {

  // 这里是一些状态检查逻辑

  // 创建一个鼠标事件
  clickEvent = document.createEvent('MouseEvents');
  // 初始化鼠标事件为click事件
  clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);

  // fastclick的内部变量，用来识别click事件是原生还是模拟
  clickEvent.forwardedTouchEvent = true;

  // 在目标元素上触发该鼠标事件，
  targetElement.dispatchEvent(clickEvent);
我们在网上搜索fastClick，大部分都在说他解决了zepto的点击穿透问题，他是怎么解决的呢？就是上面最后一句，他模拟的click事件是在touchEnd获取的真实元素上触发的，而不是通过坐标计算出来的元素。

读 Zepto 源码

你可能不知道的 border-radius

VS Code 折腾记

浏览器兼容性问题解决方案 · 总结

页面卡顿？操作慢？

margin-right右边距失效

JavaScript 专题之函数记忆

前端精读周刊

封装一个简易的异步队列

https://github.com/microzz

https://lenshen.com/

https://microzz.com/

谦龙

(void 0) 与 undefined 之间的小九九

MVVM —— 如何进行 DOM 的操作

给axios做个挺靠谱的封装

这些Zepto中实用的方法集【干货】

10个有趣的Javascript和CSS库【干货】

改写你的checkout input默认样式【干货】

HTML/CSS/JS编码规范【扫盲】

写一个挺靠谱的Vue组件【扫盲】

99%的人都理解错了HTTP中GET与POST的区别

网易前端面经【干货】

JavaScript异步编程面试题【干货】

巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）【干货】

【当margin/padding取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！】

阿里校招前端笔试题

koa2进阶学习笔记

Node.js 包教不包会

纯前端实现人脸识别-提取-合成

从零开始教你写一个NPM包

React：

React 高阶组件浅析

React高阶组件实践

从 setState promise 化的探讨

npm 入门教程

Nestjs 文档

Boss-UI 【干货】

从零开始使用vue搭建带有SSR服务端渲染的前后台项目weeklyPlus

React组件类型

[React技术内幕] key带来了什么【干货】

React技术内幕【干货】

无状态组件你真的知道

Redux store 的动态注入

理解 React-redux connect

React、Redux与复杂业务组件的复用

koa源码--基础篇

Redux中间件对闭包的一个巧妙使用

总结个人使用过的移动端布局方法

Vue：

AT-UI 【干货】

Vue 进阶教程之：非父子组件通信方法（非Vuex）

JavaScript Event Loop 机制详解与Vue.js 中 nextTick 【干货】

从event loop看vue的nextTick 【干货】

Vuejs渡劫系列一：日常开发中必须掌握的细节

HTML5新特性之Mutation Observer，监听DOM变化

剖析vue实现原理，自己动手实现mvvm

vue组件之间的通信

Vue.js数据绑定原理

Vue.js 依赖收集

Vue2.4组件间通信新姿势【干货】

重复造轮子：从0开始实现Vue数据绑定

MVVM 开发总结 —— Vue 组件

vue 填坑系列总结——scoped 【干货】

从Vue.js源码角度再看数据绑定

用addRoutes实现动态路由

浅谈axios

axios 中文文档翻译

处理 Vue 单页面 Meta SEO的另一种思路

说说VNode节点(Vue.js实现)

日常开发中必须掌握的细节

Webpack

数据模拟神器 easy-mock 正式开源

加载优化

RxJS 数据板，将数据当作水流一样，集中管理和监视数据流，监控每一次数据流动。

npm scripts : 每个前端开发都应知道的一些使用提示

基于React/Mobx/React-Router v4/Webpack v3的脚手架。

快一点, 再快一点

webpack 从入门到工程实践

Webpack你的包

67 个拯救前端开发者的工具、库和资源 BFC和 websocket

10分钟学会ES7+ES8 ，精读AsyncAwait

25个最基本的JavaScript面试问题及答案

javascript 之模块化篇

vue2实践，填坑筆記（持续更新）【***】

JavaScript数组所有API全解密【干货】

JavaScript字符串所有API全解密【干货】

数组扁平化、去重、排序，又搞定了一道校招题

数组的32场演唱会

详解JS之Arguments对象

JS中可能用得到的全部的排序算法

js 深拷贝 vs 浅拷贝【扫盲】

你做的拷贝是真的深拷贝吗

Vue.js 2.0 快速上手精华梳理，Vue教程【扫盲】

https://www.w3ctech.com/ 【干货】

等比例缩放的盒子【干货】

CSS实现长宽比的几种方案【扫盲】

css中如何做到容器按比例缩放

http://www.javascript.fun/ *

http://dunizb.com/ *

Grid布局学习【干货】

js实现手机横竖屏事件

前端工程师都有用哪些比较靠谱的小工具？

npm scripts : 每个前端开发都应知道的一些使用提示

CreateJS中文网 *

Hover Buttons *

javaScript的数据结构与算法【干货】

Alloy周刊

CSS 动画技巧与细节【干货】

浏览器兼容性问题解决方案 · 总结【扫盲】

前端每周清单

教你从零开始搭建一款前端脚手架工具

feather - 一个开源的SVG图标库

如何使用GitHub Pages在线加载静态网页

读Zepto源码

用纯CSS实现跳跳球动画

Vue 折腾记

编码过程中，我的常用网站工具

前端实用的在线工具推荐系列

meta 标签大全

通过JS判断网络状态调研及实例demo说明

面试

lensh

路易斯

玩转prototype

前端性能优化之 DOM 篇【5星级】

JS 的正则表达式

CSS 伪类选择器

vh,vw单位你知道多少？【扫盲】

Event Loop

JavaScript Event Loop 机制详解与Vue.js 中 nextTick 【干货】

CSS技巧：逐帧动画抖动解决方案

理解构造函数与原型对象

设计模式系列课程-委托模式实战微博发布功能

Javascript 黑科技【4星级】

【整理】CSS布局方案

getElementsByClassName与classList兼容性问题与解决方案

Ajax知识体系大梳理

Fetch进阶指南

Promise使用手册

你不知道的CSS 【干货】

CSS实现长宽比的几种方案

高性能滚动 scroll 及页面渲染优化，函数节流【干货】

JS面试高级技巧【干货】

你不知道的JS 【扫盲】

你不知道的CSS（二）

浮动两端对齐【扫盲】

面试必备之JS继承方式总结【干货】

整理下《前端江湖面试》对自己有益的题目。

阿里校招前端面经【干货】

重新认识JS的this

H5拖放和WebWorker 【扫盲】

史上前端面试最全知识点（附答案）【干货】

JSONP原理及简单实现【扫盲】

移动端Click点击300毫秒延迟及其解决办法

zepto的tap点透问题

JS开发中的一些小技巧和方法

周末读fastclick.js源码有感在touchend合成一个事件立即触发解决300ms问题

fastclick是将事件绑定到你传的元素（一般是document.body）
② 在touchstart和touchend后（会手动获取当前点击el），如果是类click事件便手动触发了dom元素的click事件
所以click事件在touchend便被触发，整个响应速度就起来了，触发实际与zepto tap一样
既然浏览器有这300ms的延迟，那么我们来代替浏览器判断，手动触发click事件，这也是fastClick的解决方案。

// 自定义事件
var eve = new Event('自定义事件名');
el.addEventListener('自定义事件名', function(){
    console.log('自定义事件')
});
el.dispatchEvent(eve);
//

fastClick的核心代码

FastClick.prototype.onTouchEnd = function(event){

  // 一些状态监测代码 

  // 从这里开始，
  if (!this.needsClick(targetElement)) {
    // 如果这不是一个需要使用原生click的元素，则屏蔽原生事件，避免触发两次click
    event.preventDefault(); 
    // 触发一次模拟的click
    this.sendClick(targetElement, event);
  }
}
这里可以看到，FastClick在touchEnd的时候，在符合条件的情况下，主动触发了click事件，这样避免了浏览器默认的300毫秒等待判断。为了防止原生的click被触发，这里还通过event.preventDefault()屏蔽了原生的click事件。

我们来看看他是怎么模拟click事件的

FastClick.prototype.sendClick = function(targetElement, event) {

  // 这里是一些状态检查逻辑

  // 创建一个鼠标事件
  clickEvent = document.createEvent('MouseEvents');
  // 初始化鼠标事件为click事件
  clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);

  // fastclick的内部变量，用来识别click事件是原生还是模拟
  clickEvent.forwardedTouchEvent = true;

  // 在目标元素上触发该鼠标事件，
  targetElement.dispatchEvent(clickEvent);
我们在网上搜索fastClick，大部分都在说他解决了zepto的点击穿透问题，他是怎么解决的呢？就是上面最后一句，他模拟的click事件是在touchEnd获取的真实元素上触发的，而不是通过坐标计算出来的元素。

读 Zepto 源码

你可能不知道的 border-radius

VS Code 折腾记

浏览器兼容性问题解决方案 · 总结

页面卡顿？操作慢？

margin-right右边距失效

JavaScript 专题之函数记忆

前端精读周刊

封装一个简易的异步队列

https://github.com/microzz

https://lenshen.com/

https://microzz.com/

谦龙

(void 0) 与 undefined 之间的小九九

MVVM —— 如何进行 DOM 的操作

给axios做个挺靠谱的封装

这些Zepto中实用的方法集【干货】

10个有趣的Javascript和CSS库【干货】

改写你的checkout input默认样式【干货】

HTML/CSS/JS编码规范【扫盲】

写一个挺靠谱的Vue组件【扫盲】

99%的人都理解错了HTTP中GET与POST的区别

网易前端面经【干货】

JavaScript异步编程面试题【干货】

巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）【干货】

【当margin/padding取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！】

阿里校招前端笔试题

koa2进阶学习笔记

Node.js 包教不包会

纯前端实现人脸识别-提取-合成

从零开始教你写一个NPM包

React：

React 高阶组件浅析

React高阶组件实践

从 setState promise 化的探讨

npm 入门教程

Nestjs 文档

Boss-UI 【干货】

从零开始使用vue搭建带有SSR服务端渲染的前后台项目weeklyPlus

React组件类型

[React技术内幕] key带来了什么【干货】

React技术内幕【干货】

无状态组件你真的知道

Redux store 的动态注入

理解 React-redux connect

React、Redux与复杂业务组件的复用

koa源码--基础篇

Redux中间件对闭包的一个巧妙使用

总结个人使用过的移动端布局方法

Vue：

AT-UI 【干货】

Vue 进阶教程之：非父子组件通信方法（非Vuex）

JavaScript Event Loop 机制详解与Vue.js 中 nextTick 【干货】

从event loop看vue的nextTick 【干货】

Vuejs渡劫系列一：日常开发中必须掌握的细节

HTML5新特性之Mutation Observer，监听DOM变化

剖析vue实现原理，自己动手实现mvvm

vue组件之间的通信

Vue.js数据绑定原理

Vue.js 依赖收集

Vue2.4组件间通信新姿势【干货】

重复造轮子：从0开始实现Vue数据绑定

MVVM 开发总结 —— Vue 组件

vue 填坑系列总结——scoped 【干货】

从Vue.js源码角度再看数据绑定

用addRoutes实现动态路由

浅谈axios

axios 中文文档翻译

处理 Vue 单页面 Meta SEO的另一种思路

说说VNode节点(Vue.js实现)

日常开发中必须掌握的细节

Webpack

数据模拟神器 easy-mock 正式开源

加载优化

RxJS 数据板，将数据当作水流一样，集中管理和监视数据流，监控每一次数据流动。

npm scripts : 每个前端开发都应知道的一些使用提示

基于React/Mobx/React-Router v4/Webpack v3的脚手架。

快一点, 再快一点

webpack 从入门到工程实践

Webpack你的包

67 个拯救前端开发者的工具、库和资源 BFC和 websocket

10分钟学会ES7+ES8 ，精读AsyncAwait

25个最基本的JavaScript面试问题及答案

javascript 之模块化篇

vue2实践，填坑筆記（持续更新）【***】

JavaScript数组所有API全解密【干货】

JavaScript字符串所有API全解密【干货】

数组扁平化、去重、排序，又搞定了一道校招题

数组的32场演唱会

详解JS之Arguments对象

JS中可能用得到的全部的排序算法

js 深拷贝 vs 浅拷贝【扫盲】

你做的拷贝是真的深拷贝吗

Vue.js 2.0 快速上手精华梳理，Vue教程【扫盲】

https://www.w3ctech.com/ 【干货】

等比例缩放的盒子【干货】

CSS实现长宽比的几种方案【扫盲】

css中如何做到容器按比例缩放

http://www.javascript.fun/ *

http://dunizb.com/ *

Grid布局学习【干货】

js实现手机横竖屏事件

前端工程师都有用哪些比较靠谱的小工具？

npm scripts : 每个前端开发都应知道的一些使用提示

CreateJS中文网 *

Hover Buttons *

javaScript的数据结构与算法【干货】

Alloy周刊

CSS 动画技巧与细节【干货】

浏览器兼容性问题解决方案 · 总结【扫盲】

前端每周清单

教你从零开始搭建一款前端脚手架工具

feather - 一个开源的SVG图标库

如何使用GitHub Pages在线加载静态网页

读Zepto源码

用纯CSS实现跳跳球动画

Vue 折腾记

编码过程中，我的常用网站工具

前端实用的在线工具推荐系列

meta 标签大全

通过JS判断网络状态调研及实例demo说明

面试

lensh

路易斯

玩转prototype

前端性能优化之 DOM 篇【5星级】

JS 的正则表达式

CSS 伪类选择器

vh,vw单位你知道多少？【扫盲】

Event Loop

JavaScript Event Loop 机制详解与Vue.js 中 nextTick 【干货】

CSS技巧：逐帧动画抖动解决方案

理解构造函数与原型对象

设计模式系列课程-委托模式实战微博发布功能

Javascript 黑科技【4星级】

【整理】CSS布局方案

getElementsByClassName与classList兼容性问题与解决方案

Ajax知识体系大梳理

Fetch进阶指南

Promise使用手册

你不知道的CSS 【干货】

CSS实现长宽比的几种方案

高性能滚动 scroll 及页面渲染优化，函数节流【干货】

JS面试高级技巧【干货】

你不知道的JS 【扫盲】

你不知道的CSS（二）

浮动两端对齐【扫盲】

面试必备之JS继承方式总结【干货】

整理下《前端江湖面试》对自己有益的题目。

阿里校招前端面经【干货】

重新认识JS的this

H5拖放和WebWorker 【扫盲】

史上前端面试最全知识点（附答案）【干货】

JSONP原理及简单实现【扫盲】

移动端Click点击300毫秒延迟及其解决办法

zepto的tap点透问题

JS开发中的一些小技巧和方法

周末读fastclick.js源码有感在touchend合成一个事件立即触发解决300ms问题

fastclick是将事件绑定到你传的元素（一般是document.body）
② 在touchstart和touchend后（会手动获取当前点击el），如果是类click事件便手动触发了dom元素的click事件
所以click事件在touchend便被触发，整个响应速度就起来了，触发实际与zepto tap一样
既然浏览器有这300ms的延迟，那么我们来代替浏览器判断，手动触发click事件，这也是fastClick的解决方案。

// 自定义事件
var eve = new Event('自定义事件名');
el.addEventListener('自定义事件名', function(){
    console.log('自定义事件')
});
el.dispatchEvent(eve);
//

fastClick的核心代码

FastClick.prototype.onTouchEnd = function(event){

  // 一些状态监测代码 

  // 从这里开始，
  if (!this.needsClick(targetElement)) {
    // 如果这不是一个需要使用原生click的元素，则屏蔽原生事件，避免触发两次click
    event.preventDefault(); 
    // 触发一次模拟的click
    this.sendClick(targetElement, event);
  }
}
这里可以看到，FastClick在touchEnd的时候，在符合条件的情况下，主动触发了click事件，这样避免了浏览器默认的300毫秒等待判断。为了防止原生的click被触发，这里还通过event.preventDefault()屏蔽了原生的click事件。

我们来看看他是怎么模拟click事件的

FastClick.prototype.sendClick = function(targetElement, event) {

  // 这里是一些状态检查逻辑

  // 创建一个鼠标事件
  clickEvent = document.createEvent('MouseEvents');
  // 初始化鼠标事件为click事件
  clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);

  // fastclick的内部变量，用来识别click事件是原生还是模拟
  clickEvent.forwardedTouchEvent = true;

  // 在目标元素上触发该鼠标事件，
  targetElement.dispatchEvent(clickEvent);
我们在网上搜索fastClick，大部分都在说他解决了zepto的点击穿透问题，他是怎么解决的呢？就是上面最后一句，他模拟的click事件是在touchEnd获取的真实元素上触发的，而不是通过坐标计算出来的元素。

读 Zepto 源码

你可能不知道的 border-radius

VS Code 折腾记

浏览器兼容性问题解决方案 · 总结

页面卡顿？操作慢？

margin-right右边距失效

JavaScript 专题之函数记忆

前端精读周刊

封装一个简易的异步队列

https://github.com/microzz

https://lenshen.com/

https://microzz.com/

谦龙

(void 0) 与 undefined 之间的小九九

MVVM —— 如何进行 DOM 的操作

给axios做个挺靠谱的封装

这些Zepto中实用的方法集【干货】

10个有趣的Javascript和CSS库【干货】

改写你的checkout input默认样式【干货】

HTML/CSS/JS编码规范【扫盲】

写一个挺靠谱的Vue组件【扫盲】

99%的人都理解错了HTTP中GET与POST的区别

网易前端面经【干货】

JavaScript异步编程面试题【干货】

巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）【干货】

【当margin/padding取形式为百分比的值时，无论是left/right，还是top/bottom，都是以父元素的width为参照物的！】

阿里校招前端笔试题

koa2进阶学习笔记

Node.js 包教不包会

纯前端实现人脸识别-提取-合成

从零开始教你写一个NPM包

React：

React 高阶组件浅析

React高阶组件实践

从 setState promise 化的探讨

npm 入门教程

Nestjs 文档

Boss-UI 【干货】

从零开始使用vue搭建带有SSR服务端渲染的前后台项目weeklyPlus

React组件类型

[React技术内幕] key带来了什么【干货】

React技术内幕【干货】

无状态组件你真的知道

Redux store 的动态注入

理解 React-redux connect

React、Redux与复杂业务组件的复用

koa源码--基础篇

Redux中间件对闭包的一个巧妙使用

总结个人使用过的移动端布局方法

Vue：

AT-UI 【干货】

Vue 进阶教程之：非父子组件通信方法（非Vuex）

JavaScript Event Loop 机制详解与Vue.js 中 nextTick 【干货】

从event loop看vue的nextTick 【干货】

Vuejs渡劫系列一：日常开发中必须掌握的细节

HTML5新特性之Mutation Observer，监听DOM变化

剖析vue实现原理，自己动手实现mvvm

vue组件之间的通信

Vue.js数据绑定原理

Vue.js 依赖收集

Vue2.4组件间通信新姿势【干货】

重复造轮子：从0开始实现Vue数据绑定

MVVM 开发总结 —— Vue 组件

vue 填坑系列总结——scoped 【干货】

从Vue.js源码角度再看数据绑定

用addRoutes实现动态路由

浅谈axios

axios 中文文档翻译

处理 Vue 单页面 Meta SEO的另一种思路

说说VNode节点(Vue.js实现)

日常开发中必须掌握的细节

Webpack

数据模拟神器 easy-mock 正式开源

加载优化

RxJS 数据板，将数据当作水流一样，集中管理和监视数据流，监控每一次数据流动。

npm scripts : 每个前端开发都应知道的一些使用提示

基于React/Mobx/React-Router v4/Webpack v3的脚手架。

快一点, 再快一点

webpack 从入门到工程实践

Webpack你的包

67 个拯救前端开发者的工具、库和资源 BFC和 websocket

10分钟学会ES7+ES8 ，精读AsyncAwait

25个最基本的JavaScript面试问题及答案

javascript 之模块化篇

vue2实践，填坑筆記（持续更新）【***】

JavaScript数组所有API全解密【干货】

JavaScript字符串所有API全解密【干货】

数组扁平化、去重、排序，又搞定了一道校招题

数组的32场演唱会

详解JS之Arguments对象

JS中可能用得到的全部的排序算法

js 深拷贝 vs 浅拷贝【扫盲】

你做的拷贝是真的深拷贝吗

Vue.js 2.0 快速上手精华梳理，Vue教程【扫盲】

https://www.w3ctech.com/ 【干货】

等比例缩放的盒子【干货】

CSS实现长宽比的几种方案【扫盲】

css中如何做到容器按比例缩放

http://www.javascript.fun/ *

http://dunizb.com/ *

Grid布局学习【干货】

js实现手机横竖屏事件

前端工程师都有用哪些比较靠谱的小工具？

npm scripts : 每个前端开发都应知道的一些使用提示

CreateJS中文网 *

Hover Buttons *

javaScript的数据结构与算法【干货】

Alloy周刊

CSS 动画技巧与细节【干货】

浏览器兼容性问题解决方案 · 总结【扫盲】

前端每周清单

教你从零开始搭建一款前端脚手架工具

feather - 一个开源的SVG图标库

如何使用GitHub Pages在线加载静态网页

读Zepto源码

用纯CSS实现跳跳球动画

Vue 折腾记

编码过程中，我的常用网站工具

前端实用的在线工具推荐系列

meta 标签大全

通过JS判断网络状态调研及实例demo说明

面试

lensh

路易斯

玩转prototype

前端性能优化之 DOM 篇【5星级】

JS 的正则表达式

CSS 伪类选择器

vh,vw单位你知道多少？【扫盲】

Event Loop

JavaScript Event Loop 机制详解与Vue.js 中 nextTick 【干货】

CSS技巧：逐帧动画抖动解决方案

理解构造函数与原型对象

设计模式系列课程-委托模式实战微博发布功能

Javascript 黑科技【4星级】

【整理】CSS布局方案

getElementsByClassName与classList兼容性问题与解决方案

Ajax知识体系大梳理

Fetch进阶指南

Promise使用手册

你不知道的CSS 【干货】

CSS实现长宽比的几种方案

高性能滚动 scroll 及页面渲染优化，函数节流【干货】

JS面试高级技巧【干货】

你不知道的JS 【扫盲】

你不知道的CSS（二）

浮动两端对齐【扫盲】

面试必备之JS继承方式总结【干货】

整理下《前端江湖面试》对自己有益的题目。

阿里校招前端面经【干货】

重新认识JS的this

H5拖放和WebWorker 【扫盲】

史上前端面试最全知识点（附答案）【干货】

JSONP原理及简单实现【扫盲】

移动端Click点击300毫秒延迟及其解决办法

zepto的tap点透问题

JS开发中的一些小技巧和方法

周末读fastclick.js源码有感在touchend合成一个事件立即触发解决300ms问题

fastclick是将事件绑定到你传的元素（一般是document.body）
② 在touchstart和touchend后（会手动获取当前点击el），如果是类click事件便手动触发了dom元素的click事件
所以click事件在touchend便被触发，整个响应速度就起来了，触发实际与zepto tap一样
既然浏览器有这300ms的延迟，那么我们来代替浏览器判断，手动触发click事件，这也是fastClick的解决方案。

// 自定义事件
var eve = new Event('自定义事件名');
el.addEventListener('自定义事件名', function(){
    console.log('自定义事件')
});
el.dispatchEvent(eve);
//

fastClick的核心代码

FastClick.prototype.onTouchEnd = function(event){

  // 一些状态监测代码 

  // 从这里开始，
  if (!this.needsClick(targetElement)) {
    // 如果这不是一个需要使用原生click的元素，则屏蔽原生事件，避免触发两次click
    event.preventDefault(); 
    // 触发一次模拟的click
    this.sendClick(targetElement, event);
  }
}
这里可以看到，FastClick在touchEnd的时候，在符合条件的情况下，主动触发了click事件，这样避免了浏览器默认的300毫秒等待判断。为了防止原生的click被触发，这里还通过event.preventDefault()屏蔽了原生的click事件。

我们来看看他是怎么模拟click事件的

FastClick.prototype.sendClick = function(targetElement, event) {

  // 这里是一些状态检查逻辑

  // 创建一个鼠标事件
  clickEvent = document.createEvent('MouseEvents');
  // 初始化鼠标事件为click事件
  clickEvent.initMouseEvent(this.determineEventType(targetElement), true, true, window, 1, touch.screenX, touch.screenY, touch.clientX, touch.clientY, false, false, false, false, 0, null);

  // fastclick的内部变量，用来识别click事件是原生还是模拟
  clickEvent.forwardedTouchEvent = true;

  // 在目标元素上触发该鼠标事件，
  targetElement.dispatchEvent(clickEvent);
我们在网上搜索fastClick，大部分都在说他解决了zepto的点击穿透问题，他是怎么解决的呢？就是上面最后一句，他模拟的click事件是在touchEnd获取的真实元素上触发的，而不是通过坐标计算出来的元素。