小程序历史栈最多只支持10层
当小程序业务比较复杂时,就很容易超过10层。
当超过10层后,有的机型是点击无反应,有的机型会出现一些未知错误
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"
// 解决键盘弹出后挡表单的问题
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);
}
});
使用mongo-express/adminMongo通过WEB管理MongoDB(可视化)
用css让一个容器水平垂直居中 - 最*的就是你 - 博客园
CSS预加载:
[译]Preload,Prefetch 和它们在 Chrome 之中的优先级
JavaScript深入系列 【干货】
JavaScript数组所有API全解密 【干货】
前端每周清单半年盘点之 Vue.js 篇 【干货】
讲真,别再使用JWT了 【干货】
嗨, 你知道 this 吗? 【扫盲】
EasyWebpack 【干货】
记一次webpack打包优化 【干货】
这些JavaScript编程黑科技 【干货】
webpack 【扫盲】
编写自己的CSS3代码库(常用动画的实现) 【干货】
前端学习之路 【干货】
七种实现左侧固定,右侧自适应 【扫盲】
HTTP协议详解 【基础】
React+node+redux 在线项目【react 扫盲】
你不知道的 React Router 4 【干货】
图片上传进阶【跨域】
H5玩法知多少 【扫盲】
vue-vscode-snippets 【干货】
javascript常用函数 【4星级】
vue2实践,填坑筆記(持续更新) 【***】
JavaScript数组所有API全解密 【干货】
js 深拷贝 vs 浅拷贝 【扫盲】
等比例缩放的盒子 【干货】
CSS实现长宽比的几种方案 【扫盲】
Grid布局学习 【干货】
javaScript的数据结构与算法 【干货】
CSS 动画技巧与细节 【干货】
浏览器兼容性问题解决方案 · 总结 【扫盲】
前端性能优化之 DOM 篇 【5星级】
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;
}
};
}
vue移动助手实践 【5】
vh,vw单位你知道多少? 【扫盲】
前端性能优化之加载技术 【5星级】
Javascript 黑科技 【4星级】
你不知道的CSS 【干货】
JS面试高级技巧 【干货】
你不知道的JS 【扫盲】
浮动两端对齐 【扫盲】
面试必备之JS继承方式总结 【干货】
阿里校招前端面经 【干货】
H5拖放和WebWorker 【扫盲】
史上前端面试最全知识点(附答案) 【干货】
JSONP原理及简单实现 【扫盲】
周末读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中实用的方法集 【干货】
HTML/CSS/JS编码规范 【扫盲】
写一个挺靠谱的Vue组件 【扫盲】
网易前端面经 【干货】
JavaScript异步编程面试题 【干货】
【当margin/padding取形式为百分比的值时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!】
Boss-UI 【干货】
[React技术内幕] key带来了什么 【干货】
React技术内幕 【干货】
AT-UI 【干货】
Vue2.4组件间通信新姿势 【干货】
vue 填坑系列总结——scoped 【干货】
vue2实践,填坑筆記(持续更新) 【***】
JavaScript数组所有API全解密 【干货】
js 深拷贝 vs 浅拷贝 【扫盲】
等比例缩放的盒子 【干货】
CSS实现长宽比的几种方案 【扫盲】
Grid布局学习 【干货】
javaScript的数据结构与算法 【干货】
CSS 动画技巧与细节 【干货】
浏览器兼容性问题解决方案 · 总结 【扫盲】
前端性能优化之 DOM 篇 【5星级】
vh,vw单位你知道多少? 【扫盲】
Javascript 黑科技 【4星级】
你不知道的CSS 【干货】
JS面试高级技巧 【干货】
你不知道的JS 【扫盲】
浮动两端对齐 【扫盲】
面试必备之JS继承方式总结 【干货】
阿里校招前端面经 【干货】
H5拖放和WebWorker 【扫盲】
史上前端面试最全知识点(附答案) 【干货】
JSONP原理及简单实现 【扫盲】
周末读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中实用的方法集 【干货】
HTML/CSS/JS编码规范 【扫盲】
写一个挺靠谱的Vue组件 【扫盲】
网易前端面经 【干货】
JavaScript异步编程面试题 【干货】
【当margin/padding取形式为百分比的值时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!】
Boss-UI 【干货】
[React技术内幕] key带来了什么 【干货】
React技术内幕 【干货】
AT-UI 【干货】
Vue2.4组件间通信新姿势 【干货】
vue 填坑系列总结——scoped 【干货】
67 个拯救前端开发者的工具、库和资源BFC和 websocket
vue2实践,填坑筆記(持续更新) 【***】
JavaScript数组所有API全解密 【干货】
js 深拷贝 vs 浅拷贝 【扫盲】
等比例缩放的盒子 【干货】
CSS实现长宽比的几种方案 【扫盲】
Grid布局学习 【干货】
javaScript的数据结构与算法 【干货】
CSS 动画技巧与细节 【干货】
浏览器兼容性问题解决方案 · 总结 【扫盲】
前端性能优化之 DOM 篇 【5星级】
vh,vw单位你知道多少? 【扫盲】
Javascript 黑科技 【4星级】
你不知道的CSS 【干货】
JS面试高级技巧 【干货】
你不知道的JS 【扫盲】
浮动两端对齐 【扫盲】
面试必备之JS继承方式总结 【干货】
阿里校招前端面经 【干货】
H5拖放和WebWorker 【扫盲】
史上前端面试最全知识点(附答案) 【干货】
JSONP原理及简单实现 【扫盲】
周末读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中实用的方法集 【干货】
HTML/CSS/JS编码规范 【扫盲】
写一个挺靠谱的Vue组件 【扫盲】
网易前端面经 【干货】
JavaScript异步编程面试题 【干货】
【当margin/padding取形式为百分比的值时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!】
Boss-UI 【干货】
[React技术内幕] key带来了什么 【干货】
React技术内幕 【干货】
AT-UI 【干货】
Vue2.4组件间通信新姿势 【干货】
vue 填坑系列总结——scoped 【干货】
67 个拯救前端开发者的工具、库和资源BFC和 websocket
vue2实践,填坑筆記(持续更新) 【***】
JavaScript数组所有API全解密 【干货】
js 深拷贝 vs 浅拷贝 【扫盲】
等比例缩放的盒子 【干货】
CSS实现长宽比的几种方案 【扫盲】
Grid布局学习 【干货】
javaScript的数据结构与算法 【干货】
CSS 动画技巧与细节 【干货】
浏览器兼容性问题解决方案 · 总结 【扫盲】
前端性能优化之 DOM 篇 【5星级】
vh,vw单位你知道多少? 【扫盲】
Javascript 黑科技 【4星级】
你不知道的CSS 【干货】
JS面试高级技巧 【干货】
你不知道的JS 【扫盲】
浮动两端对齐 【扫盲】
面试必备之JS继承方式总结 【干货】
阿里校招前端面经 【干货】
H5拖放和WebWorker 【扫盲】
史上前端面试最全知识点(附答案) 【干货】
JSONP原理及简单实现 【扫盲】
周末读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中实用的方法集 【干货】
HTML/CSS/JS编码规范 【扫盲】
写一个挺靠谱的Vue组件 【扫盲】
网易前端面经 【干货】
JavaScript异步编程面试题 【干货】
【当margin/padding取形式为百分比的值时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!】
Boss-UI 【干货】
[React技术内幕] key带来了什么 【干货】
React技术内幕 【干货】
AT-UI 【干货】
Vue2.4组件间通信新姿势 【干货】
vue 填坑系列总结——scoped 【干货】
vue2实践,填坑筆記(持续更新) 【***】
JavaScript数组所有API全解密 【干货】
js 深拷贝 vs 浅拷贝 【扫盲】
等比例缩放的盒子 【干货】
CSS实现长宽比的几种方案 【扫盲】
Grid布局学习 【干货】
javaScript的数据结构与算法 【干货】
CSS 动画技巧与细节 【干货】
浏览器兼容性问题解决方案 · 总结 【扫盲】
前端性能优化之 DOM 篇 【5星级】
vh,vw单位你知道多少? 【扫盲】
Javascript 黑科技 【4星级】
你不知道的CSS 【干货】
JS面试高级技巧 【干货】
你不知道的JS 【扫盲】
浮动两端对齐 【扫盲】
面试必备之JS继承方式总结 【干货】
阿里校招前端面经 【干货】
H5拖放和WebWorker 【扫盲】
史上前端面试最全知识点(附答案) 【干货】
JSONP原理及简单实现 【扫盲】
周末读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中实用的方法集 【干货】
HTML/CSS/JS编码规范 【扫盲】
写一个挺靠谱的Vue组件 【扫盲】
网易前端面经 【干货】
JavaScript异步编程面试题 【干货】
【当margin/padding取形式为百分比的值时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!】
Boss-UI 【干货】
[React技术内幕] key带来了什么 【干货】
React技术内幕 【干货】
AT-UI 【干货】
Vue2.4组件间通信新姿势 【干货】
vue 填坑系列总结——scoped 【干货】
vue2实践,填坑筆記(持续更新) 【***】
JavaScript数组所有API全解密 【干货】
js 深拷贝 vs 浅拷贝 【扫盲】
等比例缩放的盒子 【干货】
CSS实现长宽比的几种方案 【扫盲】
Grid布局学习 【干货】
javaScript的数据结构与算法 【干货】
CSS 动画技巧与细节 【干货】
浏览器兼容性问题解决方案 · 总结 【扫盲】
前端性能优化之 DOM 篇 【5星级】
vh,vw单位你知道多少? 【扫盲】
Javascript 黑科技 【4星级】
你不知道的CSS 【干货】
JS面试高级技巧 【干货】
你不知道的JS 【扫盲】
浮动两端对齐 【扫盲】
面试必备之JS继承方式总结 【干货】
阿里校招前端面经 【干货】
H5拖放和WebWorker 【扫盲】
史上前端面试最全知识点(附答案) 【干货】
JSONP原理及简单实现 【扫盲】
周末读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中实用的方法集 【干货】
HTML/CSS/JS编码规范 【扫盲】
写一个挺靠谱的Vue组件 【扫盲】
网易前端面经 【干货】
JavaScript异步编程面试题 【干货】
【当margin/padding取形式为百分比的值时,无论是left/right,还是top/bottom,都是以父元素的width为参照物的!】
Boss-UI 【干货】
[React技术内幕] key带来了什么 【干货】
React技术内幕 【干货】
AT-UI 【干货】
Vue2.4组件间通信新姿势 【干货】
vue 填坑系列总结——scoped 【干货】
JavaScript 实用技巧和写法建议 【函数节流】
网页性能分析不完全指南 - 掘金【*****】
JavaScript权威面试指南【*****】
空对象动态添加属性(面试常考)返回JSON,曾经惨败的一道面试题 - 黄沙百战穿金甲,不破楼兰终不还。 - CSDN博客
-webkit-overflow-scrolling:touch属性副作用--QQ内置浏览器空白处理 - 掘金
web app 无限加载终极解决方案【better-scroll】
看完离编写高性能的JavaScript又近了一步 - 掘金【*****】
【小程序踩坑】 扫普通二维码调起小程序bug:码地址传递错误,传为历史地址
vue-cli打包后的思索--代码优化【****】
JavaScript设计模式之面向对象编程 【继承】 - 掘金
你可能不知道的14个JavaScript调试技巧 - WEB前端开发 - 专注前端开发,关注用户体验
js判断是移动端设备还是pc端设备代码-javascript教程-懒人建站
个人总结(css3新特性) - 掘金【***】
为你的网站带上帽子 - 使用 helmet 保护 Express 应用
个人博客开发系列:Vue.js + Koa.js项目中使用JWT认证
JavaScript 工作原理:内存管理 + 处理常见的4种内存泄漏
前端不止:Retina屏幕下两倍图 - ThoughtWorks洞见
scrollIntoView 与 scrollIntoViewIfNeeded API 介绍【解决移动端遮挡问题】
【quickhybrid】H5和Native交互JSBridge原理 - 掘金
JavaScript:(a==1 && a==2 && a==3)能输出ture么?
JavaScript中prompt()函数的用法。 - 《》 - 博客园
从 lodash.merge 不能触发 Vue 自动更新说开去
zuopf769/notebook[666]
Aaaaaaaty/Blog【666】
创建炫酷 CSS 背景效果的 10 个代码片段【渐变动画,背景渐变】
DOMContentLoaded、readystatechange、load、ready详谈 - 掘金
javascript打怪升级--把业务逻辑当练习题做 - 掘金
用canvas绘制一个曲线动画--深入理解贝塞尔曲线 - 掘金
跨域之由Request Method:OPTIONS初窥CORS
快速理解JavaScript中call和apply原理 - 掘金
利用FormData对象实现AJAX文件上传功能及后端实现 - 掘金
json与jsonp区别浅析(json才是目的,jsonp只是手段) - DOM哥 - 博客园
水墨寒的博客 你不知道的CSS
深入理解 CSS:字体度量、line-height 和 vertical-align
CSS自定义属性:坚定地使用 CSS Custom Properties
不可思议的混合模式 background-blend-mode
[译]介绍一下渐进式 Web App(离线) - Part 1
PWA(Progressive Web App)入门系列:(三)PWA关键技术Manifest
vue+webpack+amaze-vue实现省市区联动选择组件 - 掘金
Vue-OrgChart: 可编辑,可导出JSON的树形组织图
使用VUE分分钟写一个验证码输入组件 - 掘金【****】
Vue-Touch-Ripple by surmon-chinavuejs 水波纹框架
我劝你别在数字键盘上刁难我--Vue自定义数字键盘组件 - 掘金
vue@2.0源码学习---从hello world学习vue的内部做了什么
一篇文章告诉你React里为什么不能用index作为key - 掘金
React全家桶构建一款Web音乐App实战(二):字体图标制作及页面路由搭建 - 掘金
基于react16 webpack3 搭建前端spa基础框架 react-router的4种异步加载方式
redux v3.7.2源码解读与学习之 createStore(核心方法)
谈谈React--componentWillReceiveProps的使用 - 掘金
redux源码解析之五部曲(why:对外暴露了5个api)--第一部曲createStore.js - 掘金
import、require、export、module.exports 混合使用详解
Webpack3.0小案例躺坑资源处理、服务器启动和打包优化 - 掘金
Vue SPA 打包优化实践 - 掘金【代码分割】
知多一点 webpack 的 CommonsChunkPlugin【打包优化】
webpack3实战(5)打包一个多页、jQuery、图片转base64、压缩混淆、异步模块加载的项目 - 掘金
从 webpack 到全面拥抱 Parcel #1 探索 Parcel
React16+Redux+Router4+Koa+Webpack服务器端渲染(按需加载,热更新) - 掘金
编写自己的代码库(javascript常用实例的实现与封装) - 掘金
https://juejin.im/post/5a1d4e546fb9a0450f21af23
微信小程序的数据绑定与下拉刷新与template模块使用问题
【小程序踩坑系列1】 扫普通二维码调起小程序bug:码地址传递错误,传为历史地址
带你玩转小程序开发实践|含直播回顾视频 - 掘金 【组件通信】
重构:从Promise到Async/Await | Fundebug博客
深入理解ES6 Async Functions (异步函数)
JavaScript异步编程大冒险: Async/Await
Your SVG + GIF Ajax Loading Icons
尝试造了个工具类库,名为 Diana 【AMD,CMD】
用ES6实现一个简单易懂的Promise(遵循Promise/A+ 规范并附详解注释)
CCtalk 实时互动教育平台-专业的知识分享与在线教育平台
使用nodejs+express完成简单的文件上传功能 - 掘金
基于HTML5陀螺仪实现ofo首页眼睛移动效果 - 文章 - 掘金
[译文]Chrome63中开发者面板(Devtools)新增功能
vue源码学习系列之十一:组件化原理探索(父子组件通信) · Issue #94 · youngwind/blog
工具:
理论联系实际:从零理解WebSocket的通信原理、协议格式、安全性-网页端IM开发/专项技术区 - 即时通讯开发者社区!
Vue尝鲜快速、零配置的打包工具---parcel~ - 掘金
Canvas:
Native:
我们编写 React 组件的最佳实践 【*****】
你不知道的javaScript:
跨域之由Request Method:OPTIONS初窥CORS
深入浅出 JavaScript 的Array.prototype.sort 排序算法
快速掌握JavaScript面试基础知识(二) | Fundebug博客
Javascript调试命令——你只会Console.log() ?
JavaScript for...in 循环出来的对象属性顺序到底是什么规律?
CSS奇巧淫技: