https://github.com/libin1991/libin_Blog

爬虫-博客大全
https://github.com/libin1991/libin_Blog
Last synced: about 1 year ago
JSON representation
爬虫-博客大全
Host: GitHub
URL: https://github.com/libin1991/libin_Blog
Owner: libin1991
Created: 2018-01-28T05:51:57.000Z (over 8 years ago)
Default Branch: master
Last Pushed: 2019-12-15T13:24:25.000Z (over 6 years ago)
Last Synced: 2024-11-11T08:44:10.825Z (over 1 year ago)
Language: JavaScript
Homepage: https://libin.netlify.com/
Size: 3.62 MB
Stars: 124
Watchers: 8
Forks: 17
Open Issues: 694
Metadata Files:
- Readme: README.md
Awesome Lists containing this project

awesome-github-star - libin_Blog - 博客大全 | libin1991 | 123 | (JavaScript)
README

          
```

小程序历史栈最多只支持10层

当小程序业务比较复杂时，就很容易超过10层。

当超过10层后，有的机型是点击无反应，有的机型会出现一些未知错误

```

## [JavaScript数组所有API全解密](http://louiszhai.github.io/2017/04/28/array/#reduce)

## [JavaScript字符串所有API全解密](http://louiszhai.github.io/2016/01/12/js.String/)

### [二分查找、二分边界查找算法的模板代码总结](https://segmentfault.com/a/1190000016825704)

### [深度广度解析 call 和 apply 原理、使用场景及实现](https://juejin.im/post/5c060585e51d45480061b05f)

### 移动端关闭虚拟键盘

```

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](https://juejin.im/post/5adf3a07f265da0ba567322d)

```

// 解决键盘弹出后挡表单的问题

    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);

      }

    });

```

## [前端资源大全](https://github.com/iq9891/awesome-frontend)

转载自：

![5bf1afb1-6eb7-45f1-a3e7-8e7f515601fe](https://user-images.githubusercontent.com/16753554/39294375-2b25ebe0-496e-11e8-9637-deb503535dfd.png)

# [JavaScript深入系列](https://github.com/mqyqingfeng/Blog)

# [Vue.js源码剖析 https://github.com/answershuto/learnVue](https://github.com/answershuto/learnVue)

### [JavaScript数组所有API全解密](https://www.w3cplus.com/javascript/javascript-array-api.html)

[个人分享--web前端学习资源分享 - 掘金](https://link.zhihu.com/?target=https%3A//juejin.im/post/5a0c1956f265da430a501f51%23comment)

[小技巧|移动端网页调试神器Eruda使用技巧](https://link.zhihu.com/?target=https%3A//blog.dunizb.com/2017/10/16/erdua/)

[浏览器中的图像识别 API](https://link.zhihu.com/?target=https%3A//qiutc.me/post/shape-detection-api.html)

[一起来聊聊table组件的固定列 - 掘金](https://link.zhihu.com/?target=https%3A//juejin.im/post/5a40564e6fb9a0450909bb21)

[使用mongo-express/adminMongo通过WEB管理MongoDB（可视化）](https://link.zhihu.com/?target=https%3A//www.jianshu.com/p/b6ea35eb4762)

[小技巧|H5禁止手机虚拟键盘弹出](https://link.zhihu.com/?target=https%3A//blog.dunizb.com/2017/09/24/disable-the-phone-virtual-keyboard-up/)

## ["天龙八步"细说浏览器输入URL后发生了什么](https://zhuanlan.zhihu.com/p/32370763?utm_source=wechat_session&utm_medium=social)

## [H5页面中尝试调起APP - qize - 博客园](https://link.zhihu.com/?target=http%3A//www.cnblogs.com/zqzjs/p/7504236.html)

[用css让一个容器水平垂直居中 - 最骚的就是你 - 博客园](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/libin-1/p/5869430.html)

[你不知道的CSS（一）](http://link.zhihu.com/?target=https%3A//smohan.net/blog/6gr77h)

[你不知道的CSS（二）](http://link.zhihu.com/?target=https%3A//smohan.net/blog/farjdx)

[你不知道的CSS（三）](http://link.zhihu.com/?target=https%3A//smohan.net/blog/tr6bta)

[你以为 CSS3 只是个简单的布局？](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a446d19f265da43052eebcc)

[实现div毛玻璃背景 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a45a89051882574d23ca7d6)

[CSS常见布局解决方案 - 王郝 - 博客园](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/qianduantuanzhang/p/8228418.html)

[CSS经典布局之Sticky footer布局【绝对底部】](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a52d62a518825734c5b3c37)

[HTML 文档之 Head 最佳实践](http://link.zhihu.com/?target=https%3A//laozhu.me/post/html-head-best-practices/)

CSS预加载：

[关于Preload, 你应该知道些什么？](http://link.zhihu.com/?target=https%3A//www.jianshu.com/p/24ffa6d45087)

[现代浏览器性能优化-CSS篇 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a461f006fb9a0450408358f)

[[译]Preload，Prefetch 和它们在 Chrome 之中的优先级](http://link.zhihu.com/?target=https%3A//juejin.im/post/58e8acf10ce46300585a7a42)

[使用 CSS 追踪用户 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a61624d6fb9a01c9064f0d1)

[前端性能优化之缓存技术 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a482d976fb9a044fc451456)

[怎麽把＂滚动条＂隐藏？ - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a6046dbf265da3e253c3534)

## [JavaScript深入系列](http://link.zhihu.com/?target=https%3A//github.com/mqyqingfeng/Blog)  【干货】 

## [JavaScript数组所有API全解密](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2017/04/28/array/%23reduce)  【干货】

## [移动端：页面->手淘互动动效的探索 - IT大咖说 - 大咖干货，不再错过](http://link.zhihu.com/?target=http%3A//www.itdks.com/dakashuo/detail/2199%23) 【扫盲】

## [Jonathan Zhang](http://link.zhihu.com/?target=https%3A//github.com/TYRMars)

## [sunshine小小倩](http://link.zhihu.com/?target=https%3A//juejin.im/user/584d7a3e2f301e00572fb7fc)

## [关于 React Router 4 的一切](http://link.zhihu.com/?target=https%3A//juejin.im/post/5995a2506fb9a0249975a1a4)

## [anime.js 实战：实现一个 SVG 形变（morphing）动画](http://link.zhihu.com/?target=http%3A//svgtrick.com/tricks/fdc190c979ab7526519aadbfa33ac08f)  【干货】

## [React Redux 中间件思想遇见 Web Worker 的灵感](http://link.zhihu.com/?target=https%3A//juejin.im/post/5992c0366fb9a03c5e4426aa) 【干货】

## [在 Vue.js 中实用任意 JavaScript 第三方库](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/7939) 【干货】

## [前端每周清单半年盘点之 Vue.js 篇](http://link.zhihu.com/?target=https%3A//juejin.im/post/59928d55518825486f1e8369) 【干货】

## [讲真，别再使用JWT了](http://link.zhihu.com/?target=http%3A//insights.thoughtworkers.org/do-not-use-jwt-anymore/) 【干货】

## [学习正则表达式的简单方法 learn-regex 中文版本](http://link.zhihu.com/?target=https%3A//github.com/zeeshanu/learn-regex/blob/master/README-cn.md)  【扫盲】

## [嗨， 你知道 this 吗？](http://link.zhihu.com/?target=https%3A//juejin.im/post/5995c7a76fb9a0247a60c407) 【扫盲】

## [EasyWebpack](http://link.zhihu.com/?target=http%3A//hubcarl.github.io/easywebpack/)  【干货】

## [记一次webpack打包优化](http://link.zhihu.com/?target=http%3A//varnull.cn/ji-yi-ci-webpackda-bao-you-hua/) 【干货】

## [这些JavaScript编程黑科技](http://link.zhihu.com/?target=https%3A//github.com/jawil/blog/issues/24) 【干货】

## [webpack](http://link.zhihu.com/?target=http%3A//blog.csdn.net/Wbiokr/article/category/6932942) 【扫盲】

## [使用原生JS封装Tap事件，解决移动端300ms延迟](http://link.zhihu.com/?target=https%3A//my.oschina.net/keysITer/blog/789824) 【一般】

## [极简风格个人博客](http://link.zhihu.com/?target=http%3A//karma-hk.com%3A4011/%23/)

## [像VUE一样写微信小程序-深入研究wepy框架](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/R2IlOzlA9Mb_XevDXAITdw)

## [从[] == ![] 看隐式强制转换机制](http://link.zhihu.com/?target=https%3A//juejin.im/post/5997c2a0518825243d1eec9a)

## [由返回上一页并刷新页面想到的](http://link.zhihu.com/?target=http%3A//www.haorooms.com/post/gobackprev_refresh)

## [HTTP中的状态码](http://link.zhihu.com/?target=http%3A//alloween.top/2017/07/29/HTTP%25E4%25B8%25AD%25E7%259A%2584%25E7%258A%25B6%25E6%2580%2581%25E7%25A0%2581/)

## [前端安全](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s%3F__biz%3DMzU0OTExNzYwNg%3D%3D%26mid%3D2247483770%26idx%3D1%26sn%3D4f2247fdf7e1de9d8c45539c09751ba4%26chksm%3Dfbb58ab3ccc203a50abf225bdf6db56d10f5b0030cb9f333b245ebb95f8c440673901f7d6c23%23rd)

## [DNS域名解析解剖](https://zhuanlan.zhihu.com/p/28305778)

## [深入理解ES6](http://link.zhihu.com/?target=https%3A//juejin.im/post/598e6eed6fb9a03c543ebe02)

## [blog](http://link.zhihu.com/?target=https%3A//github.com/Xing-Chuan/blog)

## [编写自己的CSS3代码库(常用动画的实现](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010640099)） 【干货】

## [温习javascript之Array的使用](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/84f3763f7422) 【扫盲】

## [前端学习之路](http://link.zhihu.com/?target=https%3A//segmentfault.com/blog/weblive) 【干货】

## [七种实现左侧固定，右侧自适应](http://link.zhihu.com/?target=https%3A//zhuqingguang.github.io/2017/08/16/adapting-two-layout/)  【扫盲】

## [链接文字超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战](http://link.zhihu.com/?target=http%3A//www.lovebxm.com/2017/08/13/canvas/%23%25E5%25AE%2587%25E5%25AE%2599%25E8%25A1%258C%25E6%2598%259F%25E6%2597%258B%25E8%25BD%25AC%25E7%2589%25B9%25E6%2595%2588)

## [编写自己的代码库](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010225928)

## [ES6常用新特性](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010596969)

## [es7-decorator修饰器](http://link.zhihu.com/?target=http%3A//www.guofengxian.com/2017/08/11/es7-decorator%25E4%25BF%25AE%25E9%25A5%25B0%25E5%2599%25A8%25E8%25BF%2590%25E8%25A1%258C%25E7%258E%25AF%25E5%25A2%2583%25E6%2590%25AD%25E5%25BB%25BA%25E5%258F%258A%25E5%25AE%259E%25E8%25B7%25B5/)

## [小火柴的蓝色理想](http://link.zhihu.com/?target=http%3A//home.cnblogs.com/u/xiaohuochai/)

## [记录一些工作中遇到的问题，及解决方案](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/imwtr/p/7348468.html)

## [前端基础面试题](https://zhuanlan.zhihu.com/p/28415923)

## [CSS Grid 网格布局](http://link.zhihu.com/?target=https%3A//juejin.im/post/5924db2e2f301e006b34ddd1)

## [JavaScript 专题之如何判断两个对象相等](http://link.zhihu.com/?target=https%3A//juejin.im/post/598a701b6fb9a03c5b04bb14) 【干货】

## [读 Zepto 源码，分析 Zepto 源码](http://link.zhihu.com/?target=https%3A//github.com/yeyuqiudeng/reading-zepto)

## [Async Functions (异步函数)](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/7731)

## [DOM扩展,DOM2和DOM3](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000003963679)

## [event对象中 target和currentTarget 属性的区别。](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/yewenxiang/p/6171411.html)

## [WebSocket与消息推送](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/best/p/5695570.html)

## [LESS学习:LESS的基础语法](http://link.zhihu.com/?target=http%3A//old.zhufengpeixun.cn/qianduanjishuziliao/mobileDevelopment/2016-07-22/528.html)

## [var, let, const详解](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/ghostwu/p/7286053.html)

## [js中的作用域与预解释](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/a1b63decb983)

## [必备之常用正则表达式](http://link.zhihu.com/?target=http%3A//www.jeffjade.com/2017/07/13/123-useful-regular-expression/)

## [从移动端click到摇一摇](http://link.zhihu.com/?target=https%3A//juejin.im/post/59741e6f6fb9a06bca0bd7d1)

## [HTML5中手势原理分析与数学知识的实践](http://link.zhihu.com/?target=https%3A//github.com/xd-tayde/blog/blob/master/html5-touch-math.md)

## [宇cccc](http://link.zhihu.com/?target=http%3A//www.jianshu.com/u/a03c0c4f5c88)

## [JavaScript 专题之函数柯里化](http://link.zhihu.com/?target=https%3A//juejin.im/post/598d0b7ff265da3e1727c491)

## [原生JS实现AJAX、JSONP及DOM加载完成事件](http://link.zhihu.com/?target=https%3A//github.com/WeideMo/jsonp) 【扫盲】

## [Ajax关于readyState（状态值）和status（状态码）的研究](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/liu-fei-fei/p/5618782.html)  【扫盲】

## [notebook](http://link.zhihu.com/?target=https%3A//github.com/zuopf769/notebook)

## [javascript中数组排序的秘密](http://link.zhihu.com/?target=http%3A//blog.maelon.me/2017/07/26/arraysort/)

## [高质量的 React 相关文档和翻译](http://link.zhihu.com/?target=https%3A//github.com/react-guide)

## [RxJS入门](http://link.zhihu.com/?target=https%3A//juejin.im/post/597fe587518825563e037bd3)

## [Async Functions (异步函数)](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/7731)

## [点击水波纹，滑块](http://link.zhihu.com/?target=https%3A//www.talkingcoder.com/article/6293352726308454571)

## [HTTP协议详解](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/li0803/archive/2008/11/03/1324746.html) 【基础】

## [原生JS实现最简单的图片懒加载](http://link.zhihu.com/?target=http%3A//axuebin.com/blog/2017/08/19/javascript-lazyload/%3Futm_source%3Dtuicool%26utm_medium%3Dreferral)

## [笔试题](http://link.zhihu.com/?target=https%3A//github.com/xiaoyu2er/blog/issues)

## [彻底搞懂 async & defer](http://link.zhihu.com/?target=https%3A//github.com/xiaoyu2er/blog/issues/8)

## [CC](http://link.zhihu.com/?target=https%3A//github.com/ccforward/cc/issues)

## [如何区分Babel中的stage-0,stage-1,stage-2以及stage-3](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/chris-oil/p/5717544.html)

## [wen](http://link.zhihu.com/?target=http%3A//wenjunjiang.win/)

## [ES6必知必会](http://link.zhihu.com/?target=http%3A//www.jianshu.com/u/4d7dd4c7e51d)

## [谈谈jquery的事件名称和命名空间](http://link.zhihu.com/?target=http%3A//www.haorooms.com/post/jquery_namespaces_eventname)

## [读Zepto源码](http://link.zhihu.com/?target=https%3A//juejin.im/user/57ccd20f7db2a200789c33d5)

## [庖丁解牛React-Redux](http://link.zhihu.com/?target=https%3A//juejin.im/user/576e377bd342d30057c2e265)

## [加深对 JavaScript This 的理解](http://link.zhihu.com/?target=https%3A//juejin.im/post/596a28f6f265da6c360a2716)

## [JavaScript中的this](http://link.zhihu.com/?target=https%3A//juejin.im/post/59748cbb6fb9a06bb21ae36d)

## [换个思路理解Javascript中的this](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010328752)

## [this指向看JavaScript](https://zhuanlan.zhihu.com/p/28058983)

## [面向初学者的高阶组件教程](https://zhuanlan.zhihu.com/p/27985956)

## [关于Promise](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/6bb01e492eec)

## [彻底掌握Promise](http://link.zhihu.com/?target=https%3A//juejin.im/post/597724c26fb9a06bb75260e8)

## [从零实现一个简单的 Promise](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010410543)

## [八段代码彻底掌握 Promise](http://link.zhihu.com/?target=https%3A//juejin.im/post/597724c26fb9a06bb75260e8)

## [什么是cors跨域](http://link.zhihu.com/?target=http%3A//karma-hk.com%3A4011/%23/%3Fid%3D596ecbee8e46d45a474a4cdb)

## [移动混合开发中的 JSBridge](http://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s/I812Cr1_tLGrvIRb9jsg-A)

## [H5与Native交互之JSBridge技术](http://link.zhihu.com/?target=https%3A//juejin.im/post/599a58f6f265da247b4e756b)

## [使用vue-cli工具构建的vue+webpack项目配置详解](http://link.zhihu.com/?target=https%3A//crazybay.github.io/2017/08/01/%25E4%25BD%25BF%25E7%2594%25A8vue-cli%25E5%25B7%25A5%25E5%2585%25B7%25E6%259E%2584%25E5%25BB%25BA%25E7%259A%2584vue-webpack%25E9%25A1%25B9%25E7%259B%25AE%25E9%2585%258D%25E7%25BD%25AE%25E8%25AF%25A6%25E8%25A7%25A3/%23more)

## [在浏览器中输入一个url，敲击回车之后发生了啥](http://link.zhihu.com/?target=https%3A//crazybay.github.io/2017/07/15/%25E5%259C%25A8%25E6%25B5%258F%25E8%25A7%2588%25E5%2599%25A8%25E4%25B8%25AD%25E8%25BE%2593%25E5%2585%25A5%25E4%25B8%2580%25E4%25B8%25AAurl%25EF%25BC%258C%25E6%2595%25B2%25E5%2587%25BB%25E5%259B%259E%25E8%25BD%25A6%25E4%25B9%258B%25E5%2590%258E%25E5%258F%2591%25E7%2594%259F%25E4%25BA%2586%25E5%2595%25A5/)

## [vue框架的基本原理](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010487690)

## [深刻理解Vue中的组件](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010527064)

## [如何更有效率和质量地开发Vue项目](https://zhuanlan.zhihu.com/p/28159877)

## [Vue.js 中，7种定义组件模板的方法](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/7-ways-to-define-a-component-template-in-vue-js-codementor-3644.html)

## [vue插件--键盘](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/d6855556cd75)

## [深入理解 JavaScript 数据双向绑定](http://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s%3F__biz%3DMzIyMjYyMzg3MA%3D%3D%26mid%3D2247484289%26idx%3D2%26sn%3De1d9664d24d7b44bcece7464318a8369%26chksm%3De82be290df5c6b86f08fa80a5b33e4a3d46daa1093290610d63b47f86f5bdd7d21151b91dd8f%26mpshare%3D1%26scene%3D1%26srcid%3D0729j5j6rb7i2Ugqp5Wei0kT%23rd)

## [VueJS 开发常见问题集锦](http://link.zhihu.com/?target=https%3A//blog.beard.ink/JavaScript/VueJS-%25E5%25BC%2580%25E5%258F%2591%25E5%25B8%25B8%25E8%25A7%2581%25E9%2597%25AE%25E9%25A2%2598%25E9%259B%2586%25E9%2594%25A6/)

## [Vue 2.3、2.4 知识点小结](http://link.zhihu.com/?target=https%3A//juejin.im/post/596c7af1f265da6c251906c0)

## [Vue 2.4.0 带来的 4 个重大变化](http://link.zhihu.com/?target=https%3A//juejin.im/post/5976b1d66fb9a06bc45d58d1)

## [Vue2.4组件间通信](http://link.zhihu.com/?target=http%3A//shellming.com/2017/07/23/new-component-communication-methods-in-vue2_40/)

## [Vue 响应式源码分析](http://link.zhihu.com/?target=https%3A//juejin.im/post/597537fb5188255ab37a7e9a)

## [Vue平凡之路](http://link.zhihu.com/?target=https%3A//juejin.im/user/57c5ae26c4c9710061a1defc)

## [Vue全局API](http://link.zhihu.com/?target=http%3A//www.qinshenxue.com/article/20170710203308.html)

## [监听数组变动](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010456158%23articleHeader6)

## [从0开始实现Vue数据绑定](http://link.zhihu.com/?target=http%3A//shellming.com/2017/08/02/vue-data-binding/)

## [CommonJS](http://link.zhihu.com/?target=http%3A//blog.csdn.net/qq_27626333/article/details/74344857)

## [vi 常用快捷键笔记](http://link.zhihu.com/?target=https%3A//shimo.im/doc/Yx6TR0WqRwADwPDQ)

## [链接文字理解 async/await](http://link.zhihu.com/?target=https%3A//juejin.im/post/596e142d5188254b532ce2da)

## [轻松理解vue框架的基本原理，简单实现一个todo-list](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010487690)

## [Vue.js 中，7种定义组件模板的方法](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/7-ways-to-define-a-component-template-in-vue-js-codementor-3644.html%3Ft%3Dnew)

## [Vue组件通信实践记录](http://link.zhihu.com/?target=https%3A//juejin.im/post/5991522bf265da3e252a2b32)

## [Vue-cli创建vue项目以及配置文件梳理](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010659925)

## [vue-cli源码分析](http://link.zhihu.com/?target=https%3A//juejin.im/post/59965d4b6fb9a024903a8d97)

## [Vue的异步组件](http://link.zhihu.com/?target=https%3A//github.com/wu-kai/Blog/issues/4)

## [如何优雅地写js异步循环](http://link.zhihu.com/?target=https%3A//iammapping.com/write-js-async-loop-gracefully/)

## [React 中的五种组件形式](http://link.zhihu.com/?target=https%3A//juejin.im/post/596d65d66fb9a06bae1e19e2)

## [浅尝初试 React 技术栈](https://zhuanlan.zhihu.com/p/28241673)

## [React 组件性能优化](http://link.zhihu.com/?target=https%3A//www.manster.me/%3Fp%3D656)

## [react-redux-router 一个完整项目解读](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/4c52c30193cc)

## [redux源码分析](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010310397)

## [React 进阶之高阶组件](http://link.zhihu.com/?target=https%3A//juejin.im/post/595243d96fb9a06bbd6f5ccd)

## [React中的组件通信问题](http://link.zhihu.com/?target=https%3A//juejin.im/post/597e8a71f265da3e241e75bc)

## [Redux从设计到源码](http://link.zhihu.com/?target=https%3A//tech.meituan.com/redux-design-code.html)

## [React+redux+源码解析](http://link.zhihu.com/?target=https%3A//github.com/sunyongjian/blog/issues)

## [Raect](http://link.zhihu.com/?target=https%3A//github.com/YutHelloWorld/Blog/issues)

## [聊聊 React Router v4 的设计思想](http://link.zhihu.com/?target=https%3A//juejin.im/post/5986d1456fb9a03c3f405bd2)

## [10个JavaScript难点](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010371988)

## [浅谈Flux架构及Redux实践](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000006742449)

## [babel知多少](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010411116)

## [Redux 知识](http://link.zhihu.com/?target=https%3A//github.com/YutHelloWorld/Blog/issues)

## [webpack之loader和plugin简介](http://link.zhihu.com/?target=https%3A//juejin.im/post/5980752ef265da3e2e56e82e)

## [npm 与 package.json 快速入门](http://link.zhihu.com/?target=http%3A//blog.csdn.net/u011240877/article/details/76582670)

## [谈谈JavaScript中的this关键字](http://link.zhihu.com/?target=http%3A//barryliu1995.studio/2017/08/03/%25E8%25B0%2588%25E8%25B0%2588JavaScript%25E4%25B8%25AD%25E7%259A%2584this%25E5%2585%25B3%25E9%2594%25AE%25E5%25AD%2597/%23more)

## [JavaScript的原型及原型链](http://link.zhihu.com/?target=http%3A//barryliu1995.studio/2017/08/04/%25E8%25B0%2588%25E8%25B0%2588JavaScript%25E7%259A%2584%25E5%258E%259F%25E5%259E%258B%25E5%258F%258A%25E5%258E%259F%25E5%259E%258B%25E9%2593%25BE/%23more)

## [React+node+redux 在线项目](http://link.zhihu.com/?target=https%3A//github.com/rongchanghai/justForYou)【react 扫盲】

## [React使用小记](http://link.zhihu.com/?target=https%3A//mrzhang123.github.io/2017/08/13/reactsum/)

## [带着三个问题一起深入浅出React高阶组件](http://link.zhihu.com/?target=https%3A//juejin.im/post/59818a485188255694568ff2)  【扫盲】

## [关于 React Router 4 的一切](http://link.zhihu.com/?target=https%3A//juejin.im/post/5995a2506fb9a0249975a1a4) 【扫盲】

## [你不知道的 React Router 4](https://zhuanlan.zhihu.com/p/28585911) 【干货】

## [react开发vscode插件推荐](http://link.zhihu.com/?target=https%3A//github.com/sundaypig/blog/issues/2)



## [JavaScript——单例模式](http://link.zhihu.com/?target=https%3A//github.com/wuyuanlijie/Singleton_Pattern)

## [抽奖刮刮卡](http://link.zhihu.com/?target=https%3A//juejin.im/post/59881ced51882525bd3562ab)

## [谈谈JS中的高级函数](http://link.zhihu.com/?target=https%3A//claiyre.github.io/2017/08/14/%25E8%25B0%2588%25E8%25B0%2588JS%25E4%25B8%25AD%25E7%259A%2584%25E9%25AB%2598%25E7%25BA%25A7%25E5%2587%25BD%25E6%2595%25B0/)

## [图片上传进阶](http://link.zhihu.com/?target=http%3A//jdc.jd.com/archives/4395)【跨域】

## [ES6 Generator 基础指南](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010532908)

## [当你想监听DOM时，不尝试用一下 MutationObserver 吗？](http://link.zhihu.com/?target=https%3A//ljf0113.github.io/2017/08/12/why-not-try-to-use-MutationObserver/)

## [Webpack 打包优化之速度篇](http://link.zhihu.com/?target=http%3A//jeffjade.com/2017/08/12/125-webpack-package-optimization-for-speed/)

## [webpack---使用插件，常见webpack的plugin，构建vue，react单页面/多页面工程APP必备插件](http://link.zhihu.com/?target=http%3A//blog.csdn.net/wbiokr/article/details/73522522)

## [如何制作一个完美的全屏视频H5](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s%3F__biz%3DMzU0OTExNzYwNg%3D%3D%26mid%3D2247483736%26idx%3D1%26sn%3D58f78c41fb36996a6f8255454095bc66%26chksm%3Dfbb58a91ccc203876cfbf8a2f7ff03334dad0027d78002d63b4a2461a4b53c90e03fbd5aa7f4%26scene%3D0%26key%3D1be27594fc89b279f5984d9be1944fd804d78a6340fccc5a7c3539db275cbd9e7e58350b84ecbba15221756ba796b8f53a60216759f019aaa5447b637db8b995212dc9ad288afc4e92c0464637b88abb%26ascene%3D0%26uin%3DMjIxODIxNjA0MA%3D%3D%26devicetype%3DiMac%2520MacBookPro12%2C1%2520OSX%2520OSX%252010.11.6%2520build%2815G1004%29%26version%3D12010110%26nettype%3DWIFI%26fontScale%3D100%26pass_ticket%3DTF0DDsNPjig2m8CaC8KMtlBHOkI0E09bIxI2OdnmkisHZvWOlOoCBPbVACKyxIeu)

## [移动 H5 首屏秒开优化方案探讨](http://link.zhihu.com/?target=http%3A//blog.cnbang.net/tech/3477/)

## [http协议缓存机制](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010690320)

## [我的 Chrome 插件集](http://link.zhihu.com/?target=https%3A//www.w3ctrain.com/2016/10/16/my-chrome-extension/)

## [Chrome程序猿插件](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s%3F__biz%3DMzI4MTQyNDg3Mg%3D%3D%26mid%3D2247483970%26idx%3D1%26sn%3D1a9f532934c142872a5e0213d40e8468%26chksm%3Deba824c5dcdfadd3a49d77279c04c5f271f6ca477f6a5d5916b23a1b7ac7af71e9cb983c0835%23rd)

## [用CSS让你的文字更有文艺范](http://link.zhihu.com/?target=http%3A//www.vince.studio/2017/08/19/%25E7%2594%25A8CSS%25E8%25AE%25A9%25E4%25BD%25A0%25E7%259A%2584%25E6%2596%2587%25E5%25AD%2597%25E6%259B%25B4%25E6%2596%2587%25E8%2589%25BA/)

## [H5玩法知多少](http://link.zhihu.com/?target=https%3A//isux.tencent.com/h5-play-ways.html) 【扫盲】

## [vue-vscode-snippets](http://link.zhihu.com/?target=https%3A//github.com/libin1991/vue-vscode-snippets) 【干货】

## [2017 年最佳 Sublime Text 3 主题](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/7962) 【扫盲】

## [JavaScript 对象所有API解析](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010753942)

## [链接文字History API & Location 对象](http://link.zhihu.com/?target=https%3A//github.com/hijiangtao/hijiangtao.github.io/blob/cc7f4a73a82cbd04021817502b9c60bb4ea8da8b/_posts/2017-08-20-History-API-and-Location-Object.md)

## [白话原型和原型链](http://link.zhihu.com/?target=https%3A//juejin.im/post/599d69fc6fb9a0248f4a7b31)

## [《JavaScript框架设计（第2版）》之语言模块](http://link.zhihu.com/?target=https%3A//juejin.im/post/599e9ab06fb9a024875532ce) 【扫盲】

## [HTML/CSS/JS编码规范](http://link.zhihu.com/?target=https%3A//juejin.im/post/599ececb5188252423583c27)

## [使用 ES2017 中的 Async(异步) 函数 和 Await(等待)](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/7980) 【扫盲】

## [JavaScript 骚操作](http://link.zhihu.com/?target=https%3A//juejin.im/post/59d2ebcbf265da06516729b8)

## [手机端页面自适应解决方案—rem布局进阶版（附源码示例）](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/985d26b40199)

## [BFC和 websocket](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/fc4c2d8a0018)

## [后jQuery时代](http://link.zhihu.com/?target=https%3A//juejin.im/post/59c9cc12f265da066e1749dd)

## [是时候和 jQuery 说拜拜了么？](http://link.zhihu.com/?target=http%3A//svgtrick.com/tricks/6c50b6e1296875a145cc61bcd39e0fa4)

## [10分钟学会ES7+ES8](http://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s/xEBmqnGQbOij8iUd0H4pgA) ，[精读AsyncAwait](http://link.zhihu.com/?target=https%3A//github.com/dt-fe/weekly/blob/master/4.%25E7%25B2%25BE%25E8%25AF%25BBAsyncAwait%25E4%25BC%2598%25E8%25B6%258A%25E4%25B9%258B%25E5%25A4%2584.md)

## [25个最基本的JavaScript面试问题及答案](http://link.zhihu.com/?target=http%3A//blog.csdn.net/sinat_17775997/article/details/77865314)

## [javascript 之模块化篇](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000011063732)

## [javascript常用函数](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010225928) 【4星级】

## [vue2实践，填坑筆記（持续更新）](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000008688050)  【***】

## [JavaScript数组所有API全解密](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2017/04/28/array/%23reduce) 【干货】

## [JavaScript字符串所有API全解密](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/01/12/js.String/)  【干货】

## [js数组API--温故知新](http://link.zhihu.com/?target=https%3A//juejin.im/post/59c9f03df265da06602994f7)

## [数组扁平化、去重、排序，又搞定了一道校招题](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/d8fcd04864bb)

## [数组的32场演唱会](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/TYZdloWYMCOOYAysV5o6ww)

## [详解JS之Arguments对象](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2015/12/15/arguments/)

## [JS中可能用得到的全部的排序算法](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/12/23/sort/)

## [js 深拷贝 vs 浅拷贝](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ac1c4ef265da248e75892b)  【扫盲】

## [你做的拷贝是真的深拷贝吗](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/Yo36j5QCIMjz0g2vAomsig)

## [Vue.js 2.0 快速上手精华梳理  ，Vue教程](http://link.zhihu.com/?target=https%3A//juejin.im/post/59aa1248518825392656a86a) 【扫盲】

## [https://www.w3ctech.com/](http://link.zhihu.com/?target=https%3A//www.w3ctech.com/)  【干货】

## [等比例缩放的盒子](http://link.zhihu.com/?target=https%3A//www.w3ctech.com/topic/1483) 【干货】       

## [CSS实现长宽比的几种方案](http://link.zhihu.com/?target=https%3A//www.w3cplus.com/css/aspect-ratio.html)  【扫盲】

## [css中如何做到容器按比例缩放](http://link.zhihu.com/?target=https%3A//github.com/zuopf769/notebook/blob/master/fe/css%25E4%25B8%25AD%25E5%25A6%2582%25E4%25BD%2595%25E5%2581%259A%25E5%2588%25B0%25E5%25AE%25B9%25E5%2599%25A8%25E6%258C%2589%25E6%25AF%2594%25E4%25BE%258B%25E7%25BC%25A9%25E6%2594%25BE/README.md)

## [http://www.javascript.fun/](http://link.zhihu.com/?target=http%3A//www.javascript.fun/)  *

## [http://dunizb.com/](http://link.zhihu.com/?target=http%3A//dunizb.com/) *

## [Grid布局学习](http://link.zhihu.com/?target=http%3A//yrq110.me/2017/08/29/20170829-grid-layout/)  【干货】

## [js实现手机横竖屏事件](http://link.zhihu.com/?target=https%3A//github.com/zuopf769/notebook/tree/master/fe/js%25E5%25AE%259E%25E7%258E%25B0%25E6%2589%258B%25E6%259C%25BA%25E6%25A8%25AA%25E7%25AB%2596%25E5%25B1%258F%25E4%25BA%258B%25E4%25BB%25B6)

## [前端工程师都有用哪些比较靠谱的小工具？](https://www.zhihu.com/question/20241338/answer/169621428)

## [npm scripts : 每个前端开发都应知道的一些使用提示](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/8029)

## [CreateJS中文网](http://link.zhihu.com/?target=http%3A//www.createjs.cc/)  *

## [Hover Buttons](http://link.zhihu.com/?target=https%3A//github.com/Varin6/Hover-Buttons) *

## [javaScript的数据结构与算法](http://link.zhihu.com/?target=https%3A//github.com/wengjq/Blog/issues) 【干货】

## [Alloy周刊](http://link.zhihu.com/?target=http%3A//www.alloyteam.com/alloyshare/weekly/p/20)

## [CSS 动画技巧与细节](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/coco1s/)  【干货】

## [浏览器兼容性问题解决方案 · 总结](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a3f2fe6fb9a0249471cbb4) 【扫盲】

## [前端每周清单](http://link.zhihu.com/?target=http%3A//www.infoq.com/cn/FE-Weekly)

## [教你从零开始搭建一款前端脚手架工具](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000006190814)

## [feather - 一个开源的SVG图标库](http://link.zhihu.com/?target=https%3A//github.com/colebemis/feather)

## [如何使用GitHub Pages在线加载静态网页](http://link.zhihu.com/?target=http%3A//barryliu1995.studio/2017/08/28/%25E5%25A6%2582%25E4%25BD%2595%25E4%25BD%25BF%25E7%2594%25A8GitHub-Pages%25E5%259C%25A8%25E7%25BA%25BF%25E5%258A%25A0%25E8%25BD%25BD%25E9%259D%2599%25E6%2580%2581%25E7%25BD%2591%25E9%25A1%25B5/)

## [读Zepto源码](http://link.zhihu.com/?target=https%3A//juejin.im/user/57ccd20f7db2a200789c33d5)

## [用纯CSS实现跳跳球动画](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/tutorial-make-a-bouncing-ball-entirely-with-css-codeburst-4056.html%3Ft%3Dnew)

## [Vue 折腾记](http://link.zhihu.com/?target=https%3A//juejin.im/user/575ebdbd5bbb5000638173fb)

## [编码过程中，我的常用网站工具](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a8b53f6fb9a02480710150)

## [前端实用的在线工具推荐系列](http://link.zhihu.com/?target=http%3A//www.jackpu.com/qian-duan-shi-yong-de-zai-xian-gong-ju-tui-jian/)

## [meta 标签大全](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/8052)

## [通过JS判断网络状态调研及实例demo说明](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/310dd7dd0255)

## [BetterScroll：在移动端滚动场景的应用](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b777015188257e764c716f)

## [如何用 js 获取虚拟键盘高度？](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s%3F__biz%3DMjM5MTA1MjAxMQ%3D%3D%26amp%3Bmid%3D2651226929%26amp%3Bidx%3D1%26amp%3Bsn%3D4587bf582dcb235e00592fc49b146632%26amp%3Bchksm%3Dbd495ab58a3ed3a348eafa262c28c6467acf50edaf255061e42e1c5dea28ba7a90fb5df43373%26amp%3Bmpshare%3D1%26amp%3Bscene%3D1%26amp%3Bsrcid%3D09072V1Wx5VN4duxj0e3MLfZ%23)

## [HTML5 video blob](http://link.zhihu.com/?target=https%3A//www.xttblog.com/%3Fp%3D1587)

## [JavaScript的记忆函数真的可以提升性能吗？](http://link.zhihu.com/?target=https%3A//juejin.im/post/59bce30e6fb9a00a424755e9)

## [avaScript是如何工作的：内存管理 + 如何处理4个常见的内存泄漏(译)](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ca19ca6fb9a00a42477f55)

## [原生JS实现最简单的图片懒加载](http://link.zhihu.com/?target=https%3A//juejin.im/post/59cb634a6fb9a00a4843bea9)

## [CSS 写作建议和性能优化小结](http://link.zhihu.com/?target=https%3A//juejin.im/post/59c9ca9c6fb9a00a6b6e7e09)

## [网站可以一键变色吗？](https://zhuanlan.zhihu.com/p/29610065)

##                                                                    面试

## [lensh](http://link.zhihu.com/?target=https%3A//lenshen.com/)

## [微醺岁月](http://link.zhihu.com/?target=https%3A//github.com/jawil)

## [http://yrq110.me/](http://link.zhihu.com/?target=http%3A//yrq110.me/)

## [滴滴FE](http://link.zhihu.com/?target=https%3A//github.com/DDFE/DDFE-blog)

## [路易斯](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/)

## [玩转prototype](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ad186af265da24903528a0)

## [前端性能优化之 DOM 篇](http://link.zhihu.com/?target=http%3A//fsux.me/%25E9%259A%258F%25E7%25AC%2594/%25E6%259E%25B6%25E6%259E%2584/%25E6%25B5%2585%25E8%25B0%2588%25E5%2589%258D%25E7%25AB%25AF/2017/04/13/Front-end-performance-optimization-dom.html) 【5星级】

## [https://github.com/yrq110/odds-and-ends](http://link.zhihu.com/?target=https%3A//github.com/yrq110/odds-and-ends)

## [jQuery->JavaScript一览表](http://link.zhihu.com/?target=http%3A//yrq110.me/2017/09/15/20170915-jquery-js-table/)

## [2017前端面试题及答案总结|掘金技术征文](http://link.zhihu.com/?target=https%3A//juejin.im/post/59be99a0f265da0644289dde)

## [JS如何判断一个对象为空](http://link.zhihu.com/?target=http%3A//blog.csdn.net/wky_csdn/article/details/77945313)

## [this、apply、call、bind](http://link.zhihu.com/?target=https%3A//juejin.im/post/59bfe84351882531b730bac2)

## [notebook](http://link.zhihu.com/?target=https%3A//github.com/zuopf769/notebook)

## [从原理到轮子之JS模块化](http://link.zhihu.com/?target=https%3A//juejin.im/post/59c31a0a6fb9a00a67614596)

    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原理剖析](http://link.zhihu.com/?target=https%3A//github.com/zuopf769/notebook/blob/master/fe/BFC%25E5%258E%259F%25E7%2590%2586%25E5%2589%2596%25E6%259E%2590/README.md)

## [移动 Web 开发问题和优化小结](http://link.zhihu.com/?target=https%3A//juejin.im/post/59c4c9d85188254f58412d17)

## [JS对象的深浅复制](http://link.zhihu.com/?target=https%3A//github.com/junhey/junhey.github.io/issues/2)

## [BetterScroll：可能是目前最好用的移动端滚动插件](http://link.zhihu.com/?target=https%3A//juejin.im/post/59dc572c6fb9a0450f20e40e)

## [vue移动助手实践](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ddd6e66fb9a04522067b0a)  【5】

## [聊聊Vue.js的template编译](http://link.zhihu.com/?target=https%3A//juejin.im/post/59da1c116fb9a00a4a4cf6dd)

## [为什么 call 比 apply 快？](http://link.zhihu.com/?target=https%3A//juejin.im/post/59c0e13b5188257e7a428a83)

## [setTimeout(fn, 0) 的作用](http://link.zhihu.com/?target=https%3A//juejin.im/post/59c25c936fb9a00a3f24e114)

## [发布-订阅模式](http://link.zhihu.com/?target=https%3A//juejin.im/post/59bf4ff9f265da064b46e508)

## [互联网大厂求职面经及总结](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ba66e8f265da065166e289)

## [js的事件循环](http://link.zhihu.com/?target=https%3A//github.com/laizimo/zimo-article/issues/26)

## [25 个最基本的 JavaScript 面试问题及答案](http://link.zhihu.com/?target=http%3A//web.jobbole.com/92323/)

## [前端常见跨域解决方案（全）](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000011145364)

## [Websocket](http://link.zhihu.com/?target=http%3A//www.52im.net/thread-1038-1-1.html)

## [JS 的正则表达式](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b5e50f51882519777c4815)

## [CSS 伪类选择器](http://link.zhihu.com/?target=https%3A//github.com/ccforward/cc/issues/68)

## [vh,vw单位你知道多少？](http://link.zhihu.com/?target=https%3A//hopkinson.github.io/2017/06/30/vh%2Cvw%25E5%258D%2595%25E4%25BD%258D%25E4%25BD%25A0%25E7%259F%25A5%25E9%2581%2593%25E5%25A4%259A%25E5%25B0%2591%25EF%25BC%259F/) 【扫盲】

## [Event Loop](http://link.zhihu.com/?target=http%3A//blog.kaolafed.com/2017/04/21/JavaScript%25E5%25B9%25B6%25E5%258F%2591%25E6%25A8%25A1%25E5%259E%258B%25E4%25B8%258EEvent%2520Loop/)

## [前端性能优化之加载技术](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b73ef75188253db70acdb5) 【5星级】

## [JavaScript Event Loop 机制详解与Vue.js 中 nextTick ](http://link.zhihu.com/?target=https%3A//juejin.im/post/59afc6adf265da2485360168)  【干货】

## [CSS技巧：逐帧动画抖动解决方案](http://link.zhihu.com/?target=https%3A//aotu.io/notes/2017/08/14/fix-sprite-anim/index.html)

## [理解构造函数与原型对象](http://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s/egP8jkUDLSUknwu1Ms__jg)

## [设计模式系列课程-委托模式实战微博发布功能](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/ghostwu/p/7471471.html)

## [Javascript 黑科技](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/basic-javascript-algorithms-toolbox-starter-kit-hacker-noon-4150.html%3Ft%3Dnew) 【4星级】

## [从性能的角度看CSS选择器](http://link.zhihu.com/?target=http%3A//yrq110.me/2017/09/15/20170915-css-performance-selector/)

## [【整理】CSS布局方案](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010989110)

## [getElementsByClassName与classList兼容性问题与解决方案](http://link.zhihu.com/?target=http%3A//blog.csdn.net/wmaoshu/article/details/52131741)

## [Ajax知识体系大梳理](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/11/02/ajax/%23getResponseHeader)

## [Fetch进阶指南](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/11/02/fetch/%23%25E5%25A6%2582%25E4%25BD%2595%25E8%25AF%2595%25E8%25BF%2590%25E8%25A1%258Casync-await)

## [Promise使用手册](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2017/03/12/promise/)

## [你不知道的CSS](http://link.zhihu.com/?target=https%3A//smohan.net/blog/6gr77h) 【干货】

## [CSS实现长宽比的几种方案](http://link.zhihu.com/?target=https%3A//www.w3cplus.com/css/aspect-ratio.html)

## [高性能滚动 scroll 及页面渲染优化 ，函数节流](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/coco1s/p/5499469.html) 【干货】

## [JS面试高级技巧](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ab7b36f265da24934b2470)  【干货】

## [你不知道的JS](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ab85d0518825243d1f2329)  【扫盲】

## [你不知道的CSS（二）](http://link.zhihu.com/?target=https%3A//smohan.net/blog/farjdx)

## [浮动两端对齐](http://link.zhihu.com/?target=http%3A//www.ddcat.net/web/css/float-justify/float-justify.html) 【扫盲】

## [面试必备之JS继承方式总结](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s%3F__biz%3DMzI0MDIwNTQ1Mg%3D%3D%26mid%3D2676491918%26idx%3D1%26sn%3D2a30b02356595e974537c78b2a82f8eb%26chksm%3Df362cd6dc415447b96cd97db4857b40146ee1b8ba1191ecffdb30644152c6386373a2b5717c1%23rd)  【干货】

## [整理下《前端江湖面试》对自己有益的题目。](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010868439)

## [阿里校招前端面经](http://link.zhihu.com/?target=https%3A//lenshen.com/2017/08/27/alibaba-interview/) 【干货】

## [重新认识JS的this](http://link.zhihu.com/?target=https%3A//juejin.im/post/59aa71d56fb9a0248d24fae3)

## [H5拖放和WebWorker](http://link.zhihu.com/?target=https%3A//lenshen.com/2015/10/17/h5-drag-webworker/) 【扫盲】

## [史上前端面试最全知识点（附答案）](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010869619) 【干货】

## [JSONP原理及简单实现](http://link.zhihu.com/?target=http%3A//shellming.com/2017/08/30/jsonp-principle-and-simple-implementation/) 【扫盲】

## [移动端Click点击300毫秒延迟及其解决办法](http://link.zhihu.com/?target=https%3A//lenshen.com/2016/09/28/webapp-event/)

## [zepto的tap点透问题](http://link.zhihu.com/?target=https%3A//www.talkingcoder.com/article/6388106194552044344)

## [JS开发中的一些小技巧和方法](http://link.zhihu.com/?target=https%3A//mrsunny123.github.io/2016/09/19/JS-Tips/)

## [周末读fastclick.js源码有感](http://link.zhihu.com/?target=https%3A//www.talkingcoder.com/article/6391406262738698559) 在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 源码 ](http://link.zhihu.com/?target=https%3A//juejin.im/user/57ccd20f7db2a200789c33d5)

## [你可能不知道的 border-radius](http://link.zhihu.com/?target=http%3A//www.vince.studio/2017/08/30/%25E4%25BD%25A0%25E5%258F%25AF%25E8%2583%25BD%25E4%25B8%258D%25E7%259F%25A5%25E9%2581%2593%25E7%259A%2584-border-radius/)

## [VS Code 折腾记](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a61edc5188252428611c6a)

## [浏览器兼容性问题解决方案 · 总结](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a3f2fe6fb9a0249471cbb4)

## [页面卡顿？操作慢？](http://link.zhihu.com/?target=https%3A//github.com/wengjq/Blog/issues/15)

## [margin-right右边距失效](http://link.zhihu.com/?target=http%3A//blog.cssforest.org/2017/06/21/margin-right%25E5%258F%25B3%25E8%25BE%25B9%25E8%25B7%259D%25E5%25A4%25B1%25E6%2595%2588.html)

## [JavaScript 专题之函数记忆](http://link.zhihu.com/?target=https%3A//juejin.im/post/59af56a96fb9a0248f4aadb8)

## [前端精读周刊](http://link.zhihu.com/?target=https%3A//github.com/dt-fe/weekly)

## [封装一个简易的异步队列](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/ghostwu/p/7496370.html)

## [JavaScript 异步队列实现及拓展](http://link.zhihu.com/?target=https%3A//juejin.im/post/59cce36751882501c14db49c)

## [JavaScript专题之递归](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b88ede5188256c60692a85)

## [有意思的clip-path](http://link.zhihu.com/?target=https%3A//juejin.im/post/59cc619551882530f31a3349)

## [可定制的 CSS 加载动画](http://link.zhihu.com/?target=http%3A//loading.awesomes.cn/)

## [https://github.com/microzz](http://link.zhihu.com/?target=https%3A//github.com/microzz)

## [https://lenshen.com/](http://link.zhihu.com/?target=https%3A//lenshen.com/)

## [https://microzz.com/](http://link.zhihu.com/?target=https%3A//microzz.com/)

## [谦龙](http://link.zhihu.com/?target=https%3A//juejin.im/user/568f480700b09aa221669d4d)

## [(void 0) 与 undefined 之间的小九九](http://link.zhihu.com/?target=https%3A//juejin.im/post/591153ceac502e450281e22f)

## [MVVM —— 如何进行 DOM 的操作](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a365f8f265da247e7dad80)

## [给axios做个挺靠谱的封装](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a22e71518825242c422604)

## [这些Zepto中实用的方法集](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a182195188252433707ae3) 【干货】

## [10个有趣的Javascript和CSS库](http://link.zhihu.com/?target=https%3A//www.helloweba.com/view-blog-436.html%3Futm_source%3Dtuicool%26utm_medium%3Dreferral) 【干货】

## [改写你的checkout input默认样式](http://link.zhihu.com/?target=https%3A//juejin.im/post/591873170ce4630069f3013d) 【干货】

## [HTML/CSS/JS编码规范](http://link.zhihu.com/?target=https%3A//juejin.im/post/599ececb5188252423583c27) 【扫盲】

## [写一个挺靠谱的Vue组件](http://link.zhihu.com/?target=https%3A//juejin.im/user/575ebdbd5bbb5000638173fb) 【扫盲】

## [99%的人都理解错了HTTP中GET与POST的区别](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s%3F__biz%3DMzI3NzIzMzg3Mw%253D%253D%26mid%3D100000054%26idx%3D1%26sn%3D71f6c214f3833d9ca20b9f7dcd9d33e4)

## [网易前端面经](http://link.zhihu.com/?target=http%3A//yrq110.me/2017/08/22/20170822-netease-intership/) 【干货】

## [JavaScript异步编程面试题](http://link.zhihu.com/?target=https%3A//juejin.im/post/599ff3d5f265da24843e6276) 【干货】

## [巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000004231995) 【干货】

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

## [阿里校招前端笔试题](http://link.zhihu.com/?target=https%3A//lenshen.com/2017/08/25/alibaba/)

## [koa2进阶学习笔记](http://link.zhihu.com/?target=https%3A//github.com/lensh/koa2-note)

## [Node.js 包教不包会](http://link.zhihu.com/?target=https%3A//github.com/lensh/node-lessons)

## [纯前端实现人脸识别-提取-合成](http://link.zhihu.com/?target=http%3A//refined-x.com/2017/09/06/%25E7%25BA%25AF%25E5%2589%258D%25E7%25AB%25AF%25E5%25AE%259E%25E7%258E%25B0%25E4%25BA%25BA%25E8%2584%25B8%25E8%25AF%2586%25E5%2588%25AB-%25E6%258F%2590%25E5%258F%2596-%25E5%2590%2588%25E6%2588%2590/)

## [从零开始教你写一个NPM包](https://zhuanlan.zhihu.com/p/29204311)

## [GitHub 开发的首个 Chrome Github代码查看](http://link.zhihu.com/?target=https%3A//github.com/jawil/blog/issues/28)

## [localStorage 还能这么用](http://link.zhihu.com/?target=https%3A//iammapping.com/the-other-ways-to-use-localstorage/)

##                                                                          React：

## [React 高阶组件浅析](http://link.zhihu.com/?target=http%3A//blog.hypers.io/2017/08/24/react-hoc-simple-analysis/)

## [React高阶组件实践](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b36b416fb9a00a636a207e)

## [从 setState promise 化的探讨](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a699fd6fb9a0247d4f5970)

## [npm 入门教程](http://link.zhihu.com/?target=http%3A//www.qianduandaxue.com/index.php/index/index/show/catid/16/id/104.html)

## [Nestjs 文档](https://zhuanlan.zhihu.com/p/28621374)

## [Boss-UI](http://link.zhihu.com/?target=http%3A//www.wetalks.cn/boss-ui-doc/%23/info/index) 【干货】

## [从零开始使用vue搭建带有SSR服务端渲染的前后台项目weeklyPlus](http://link.zhihu.com/?target=http%3A//wuyanwen.cc/2017/08/30/weeklyPlus.html)

## [React组件类型](http://link.zhihu.com/?target=https%3A//yubolun.com/react-learn-2-2/)

## [[React技术内幕] key带来了什么](http://link.zhihu.com/?target=https%3A//juejin.im/post/59abb01c518825243f1b6dad)  【干货】

## [React技术内幕](http://link.zhihu.com/?target=https%3A//juejin.im/user/576e377bd342d30057c2e265)  【干货】

## [无状态组件你真的知道](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/980abadd8a18)

## [Redux store 的动态注入](http://link.zhihu.com/?target=https%3A//qiutc.me/post/react-redux-dynamic-injection.html)

## [理解 React-redux connect](http://link.zhihu.com/?target=http%3A//varnull.cn/react-redux-connect-explain/)

## [React、Redux与复杂业务组件的复用](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b4eb216fb9a00a616f07a3)

## [koa源码--基础篇](http://link.zhihu.com/?target=https%3A//github.com/carolineLH/vue_eleme/blob/master/README.md)

## [Redux中间件对闭包的一个巧妙使用](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b69aed5188257e81537275)

## [总结个人使用过的移动端布局方法](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010211016)

## [理解和学习mobx-react](http://link.zhihu.com/?target=https%3A//github.com/hawx1993/tech-blog/issues/19)

## [探索 React 中 es6 的继承机制](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b7438e6fb9a00a59593524)

## [Redux 还是 Mobx，让我来解决你的困惑！](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000011148981)

## [https://github.com/sunyongjian/blog](http://link.zhihu.com/?target=https%3A//github.com/sunyongjian/blog)

## [源码看React setState漫谈](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000011184268)

## [聊聊React高阶组件(Higher-Order Components)](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/IudQKZ0kaD7kv6DMwFmwvA)

## [React-Redux源码分析](http://link.zhihu.com/?target=https%3A//juejin.im/post/59cb5eba5188257e84671aca)

## [手把手教你写一个react validator 【表单验证】](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ccb5a35188257462038e2d)

## [React合成事件和DOM原生事件混用须知](http://link.zhihu.com/?target=https%3A//juejin.im/post/59db6e7af265da431f4a02ef)

##                                                                           Vue：

## [AT-UI](http://link.zhihu.com/?target=https%3A//at.aotu.io/%23/zh)  【干货】

## [Vue 进阶教程之：非父子组件通信方法（非Vuex）](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/d3036001f6d3)

## [JavaScript Event Loop 机制详解与Vue.js 中 nextTick ](http://link.zhihu.com/?target=https%3A//juejin.im/post/59afc6adf265da2485360168)  【干货】

## [从event loop看vue的nextTick](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b499e86fb9a00a4e677825)  【干货】

## [从Vue.js源码看异步更新DOM策略及nextTick](http://link.zhihu.com/?target=https%3A//juejin.im/post/59c7b25a5188257a125d7a98)

## [Vuejs渡劫系列一：日常开发中必须掌握的细节](http://link.zhihu.com/?target=http%3A//moweide.com/2017/09/02/vue_started/)

## [HTML5新特性之Mutation Observer，监听DOM变化](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/jscode/p/3600060.html)

## [深入浅出基于“依赖收集”的响应式原理](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000011153487)

## [剖析vue实现原理，自己动手实现mvvm](http://link.zhihu.com/?target=https%3A//github.com/lensh/mvvm)

## [vue组件之间的通信](http://link.zhihu.com/?target=http%3A//whutzkj.space/2017/08/05/vue%25E7%25BB%2584%25E4%25BB%25B6%25E4%25B9%258B%25E9%2597%25B4%25E7%259A%2584%25E9%2580%259A%25E4%25BF%25A1%25EF%25BC%2588%25E4%25B8%2580%25EF%25BC%2589/)

## [Vue.js数据绑定原理](http://link.zhihu.com/?target=https%3A//juejin.im/post/599aac10f265da24874cffef)

## [Vue.js 依赖收集](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a3771e6fb9a0248b4097ae)

## [Vue2.4组件间通信新姿势](http://link.zhihu.com/?target=http%3A//shellming.com/2017/07/23/new-component-communication-methods-in-vue2_40/) 【干货】

## [重复造轮子：从0开始实现Vue数据绑定](http://link.zhihu.com/?target=http%3A//shellming.com/2017/08/02/vue-data-binding/)

## [MVVM 开发总结 —— Vue 组件](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a4bc7c518825244c0cfc10)

## [vue 填坑系列总结——scoped](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a81205f265da249600e240) 【干货】

## [从Vue.js源码角度再看数据绑定](http://link.zhihu.com/?target=https%3A//juejin.im/post/59abfa29f265da24734458c6)

## [用addRoutes实现动态路由](http://link.zhihu.com/?target=http%3A//refined-x.com/2017/09/01/%25E7%2594%25A8addRoutes%25E5%25AE%259E%25E7%258E%25B0%25E5%258A%25A8%25E6%2580%2581%25E8%25B7%25AF%25E7%2594%25B1/)

## [浅谈axios](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/065294e2711c)

## [axios 中文文档 翻译](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000008470355)

## [处理 Vue 单页面 Meta SEO的另一种思路](https://zhuanlan.zhihu.com/p/29148760)

## [说说VNode节点(Vue.js实现)](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b53a595188257e7406fe3d)

## [日常开发中必须掌握的细节](http://link.zhihu.com/?target=http%3A//moweide.com/2017/09/02/vue_started/)

## [基于 vuejs 2.0 轻量级的 ui组件库](http://link.zhihu.com/?target=https%3A//github.com/hxlovexc/xui)

## [Vue.js 2.0 组件级懒加载方案](http://link.zhihu.com/?target=https%3A//github.com/libin1991/vue-lazy-component)

## [Vuex 源码分析](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b88e2e6fb9a00a4f1b0a0b)

## [VirtualDOM与diff(Vue实现)](http://link.zhihu.com/?target=https%3A//juejin.im/post/59bfbd736fb9a00a52065ec7)

## [性能优化之组件懒加载: Vue Lazy Component 介绍](http://link.zhihu.com/?target=https%3A//juejin.im/post/59bf501ff265da06602971b9)

## [vue IOS一个页面阻塞问题的排查过程](http://link.zhihu.com/?target=https%3A//juejin.im/post/59c37b7ff265da066e173751)

## [VueJS 开发常见问题集锦](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010230843)

## [Vue.js源码——事件机制](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ca5e975188257a8908959b)

## [Vuex2.0源码解析](https://zhuanlan.zhihu.com/p/29982815)

##                                                                        Webpack

## [数据模拟神器 easy-mock 正式开源](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a8f15ef265da246c4a3822)

## [加载优化](http://link.zhihu.com/?target=http%3A//www.javascript.fun/article/)

## [Web 的现状：网页性能提升指南](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000011213814)

## [RxJS 数据板，将数据当作水流一样，集中管理和监视数据流， 监控每一次数据流动。](http://link.zhihu.com/?target=https%3A//github.com/libin1991/rx-hub)

## [npm scripts : 每个前端开发都应知道的一些使用提示](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/8029)

## [基于React/Mobx/React-Router v4/Webpack v3的脚手架。](http://link.zhihu.com/?target=https%3A//github.com/YutHelloWorld/vortex-react/tree/mobx)

## [快一点, 再快一点](http://link.zhihu.com/?target=http%3A//limn.me/2018/%25E5%25BF%25AB%25E4%25B8%2580%25E7%2582%25B9%25EF%25BC%258C%25E5%2586%258D%25E5%25BF%25AB%25E4%25B8%2580%25E7%2582%25B9/)

## [webpack 从入门到工程实践](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s%3F__biz%3DMzIwNjEwNTQ4Mw%3D%3D%26mid%3D2651577617%26idx%3D1%26sn%3D5d74f835ccb4e8070c2a03a215ee199e%26chksm%3D8cd9c3f5bbae4ae3fbca8d88c7b5844a3bc7b5b8e2277200932074c26765ac04f4dfbc37637c%23rd)

## [Webpack你的包](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/webpack-your-bags-921.html)

## [67 个拯救前端开发者的工具、库和资源](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/67-useful-tools-libraries-and-resources-for-saving-your-time-as-a-web-developer-4174.html%3Ft%3Dnew)

## [深入浅出webpack教程系列1-安装与基本打包用法和命令参数](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/ghostwu/p/7499237.html)

## [用Nodejs开发命令行工具](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b73c9df265da06670c5868)

## [你真的会用 Babel 吗?](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b9ffa8f265da06710d8e89)

## [webpack：从入门到真实项目配置](http://link.zhihu.com/?target=https%3A//juejin.im/post/59bb37fa6fb9a00a554f89d2)

## [vue-cli 自定义路径别名 assets和static文件夹的区别 --save-dev和--save的区别](http://link.zhihu.com/?target=https%3A//juejin.im/post/59be4d325188257e764c8485)

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

## [BFC和 websocket](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/fc4c2d8a0018)

## [10分钟学会ES7+ES8](http://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s/xEBmqnGQbOij8iUd0H4pgA) ，[精读AsyncAwait](http://link.zhihu.com/?target=https%3A//github.com/dt-fe/weekly/blob/master/4.%25E7%25B2%25BE%25E8%25AF%25BBAsyncAwait%25E4%25BC%2598%25E8%25B6%258A%25E4%25B9%258B%25E5%25A4%2584.md)

## [25个最基本的JavaScript面试问题及答案](http://link.zhihu.com/?target=http%3A//blog.csdn.net/sinat_17775997/article/details/77865314)

## [javascript 之模块化篇](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000011063732)

## [vue2实践，填坑筆記（持续更新）](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000008688050)  【***】

## [JavaScript数组所有API全解密](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2017/04/28/array/%23reduce) 【干货】

## [JavaScript字符串所有API全解密](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/01/12/js.String/)  【干货】

## [数组扁平化、去重、排序，又搞定了一道校招题](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/d8fcd04864bb)

## [数组的32场演唱会](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/TYZdloWYMCOOYAysV5o6ww)

## [详解JS之Arguments对象](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2015/12/15/arguments/)

## [JS中可能用得到的全部的排序算法](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/12/23/sort/)

## [js 深拷贝 vs 浅拷贝](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ac1c4ef265da248e75892b)  【扫盲】

## [你做的拷贝是真的深拷贝吗](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/Yo36j5QCIMjz0g2vAomsig)

## [Vue.js 2.0 快速上手精华梳理  ，Vue教程](http://link.zhihu.com/?target=https%3A//juejin.im/post/59aa1248518825392656a86a) 【扫盲】

## [https://www.w3ctech.com/](http://link.zhihu.com/?target=https%3A//www.w3ctech.com/)  【干货】

## [等比例缩放的盒子](http://link.zhihu.com/?target=https%3A//www.w3ctech.com/topic/1483) 【干货】       

## [CSS实现长宽比的几种方案](http://link.zhihu.com/?target=https%3A//www.w3cplus.com/css/aspect-ratio.html)  【扫盲】

## [css中如何做到容器按比例缩放](http://link.zhihu.com/?target=https%3A//github.com/zuopf769/notebook/blob/master/fe/css%25E4%25B8%25AD%25E5%25A6%2582%25E4%25BD%2595%25E5%2581%259A%25E5%2588%25B0%25E5%25AE%25B9%25E5%2599%25A8%25E6%258C%2589%25E6%25AF%2594%25E4%25BE%258B%25E7%25BC%25A9%25E6%2594%25BE/README.md)

## [http://www.javascript.fun/](http://link.zhihu.com/?target=http%3A//www.javascript.fun/)  *

## [http://dunizb.com/](http://link.zhihu.com/?target=http%3A//dunizb.com/) *

## [Grid布局学习](http://link.zhihu.com/?target=http%3A//yrq110.me/2017/08/29/20170829-grid-layout/)  【干货】

## [js实现手机横竖屏事件](http://link.zhihu.com/?target=https%3A//github.com/zuopf769/notebook/tree/master/fe/js%25E5%25AE%259E%25E7%258E%25B0%25E6%2589%258B%25E6%259C%25BA%25E6%25A8%25AA%25E7%25AB%2596%25E5%25B1%258F%25E4%25BA%258B%25E4%25BB%25B6)

## [前端工程师都有用哪些比较靠谱的小工具？](https://www.zhihu.com/question/20241338/answer/169621428)

## [npm scripts : 每个前端开发都应知道的一些使用提示](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/8029)

## [CreateJS中文网](http://link.zhihu.com/?target=http%3A//www.createjs.cc/)  *

## [Hover Buttons](http://link.zhihu.com/?target=https%3A//github.com/Varin6/Hover-Buttons) *

## [javaScript的数据结构与算法](http://link.zhihu.com/?target=https%3A//github.com/wengjq/Blog/issues) 【干货】

## [Alloy周刊](http://link.zhihu.com/?target=http%3A//www.alloyteam.com/alloyshare/weekly/p/20)

## [CSS 动画技巧与细节](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/coco1s/)  【干货】

## [浏览器兼容性问题解决方案 · 总结](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a3f2fe6fb9a0249471cbb4) 【扫盲】

## [前端每周清单](http://link.zhihu.com/?target=http%3A//www.infoq.com/cn/FE-Weekly)

## [教你从零开始搭建一款前端脚手架工具](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000006190814)

## [feather - 一个开源的SVG图标库](http://link.zhihu.com/?target=https%3A//github.com/colebemis/feather)

## [如何使用GitHub Pages在线加载静态网页](http://link.zhihu.com/?target=http%3A//barryliu1995.studio/2017/08/28/%25E5%25A6%2582%25E4%25BD%2595%25E4%25BD%25BF%25E7%2594%25A8GitHub-Pages%25E5%259C%25A8%25E7%25BA%25BF%25E5%258A%25A0%25E8%25BD%25BD%25E9%259D%2599%25E6%2580%2581%25E7%25BD%2591%25E9%25A1%25B5/)

## [读Zepto源码](http://link.zhihu.com/?target=https%3A//juejin.im/user/57ccd20f7db2a200789c33d5)

## [用纯CSS实现跳跳球动画](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/tutorial-make-a-bouncing-ball-entirely-with-css-codeburst-4056.html%3Ft%3Dnew)

## [Vue 折腾记](http://link.zhihu.com/?target=https%3A//juejin.im/user/575ebdbd5bbb5000638173fb)

## [编码过程中，我的常用网站工具](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a8b53f6fb9a02480710150)

## [前端实用的在线工具推荐系列](http://link.zhihu.com/?target=http%3A//www.jackpu.com/qian-duan-shi-yong-de-zai-xian-gong-ju-tui-jian/)

## [meta 标签大全](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/8052)

## [通过JS判断网络状态调研及实例demo说明](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/310dd7dd0255)

##                                                                   面试

## [lensh](http://link.zhihu.com/?target=https%3A//lenshen.com/)

## [路易斯](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/)

## [玩转prototype](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ad186af265da24903528a0)

## [前端性能优化之 DOM 篇](http://link.zhihu.com/?target=http%3A//fsux.me/%25E9%259A%258F%25E7%25AC%2594/%25E6%259E%25B6%25E6%259E%2584/%25E6%25B5%2585%25E8%25B0%2588%25E5%2589%258D%25E7%25AB%25AF/2017/04/13/Front-end-performance-optimization-dom.html) 【5星级】

## [JS 的正则表达式](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b5e50f51882519777c4815)

## [CSS 伪类选择器](http://link.zhihu.com/?target=https%3A//github.com/ccforward/cc/issues/68)

## [vh,vw单位你知道多少？](http://link.zhihu.com/?target=https%3A//hopkinson.github.io/2017/06/30/vh%2Cvw%25E5%258D%2595%25E4%25BD%258D%25E4%25BD%25A0%25E7%259F%25A5%25E9%2581%2593%25E5%25A4%259A%25E5%25B0%2591%25EF%25BC%259F/) 【扫盲】

## [Event Loop](http://link.zhihu.com/?target=http%3A//blog.kaolafed.com/2017/04/21/JavaScript%25E5%25B9%25B6%25E5%258F%2591%25E6%25A8%25A1%25E5%259E%258B%25E4%25B8%258EEvent%2520Loop/)

## [JavaScript Event Loop 机制详解与Vue.js 中 nextTick ](http://link.zhihu.com/?target=https%3A//juejin.im/post/59afc6adf265da2485360168)  【干货】

## [CSS技巧：逐帧动画抖动解决方案](http://link.zhihu.com/?target=https%3A//aotu.io/notes/2017/08/14/fix-sprite-anim/index.html)

## [理解构造函数与原型对象](http://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s/egP8jkUDLSUknwu1Ms__jg)

## [设计模式系列课程-委托模式实战微博发布功能](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/ghostwu/p/7471471.html)

## [Javascript 黑科技](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/basic-javascript-algorithms-toolbox-starter-kit-hacker-noon-4150.html%3Ft%3Dnew) 【4星级】

## [【整理】CSS布局方案](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010989110)

## [getElementsByClassName与classList兼容性问题与解决方案](http://link.zhihu.com/?target=http%3A//blog.csdn.net/wmaoshu/article/details/52131741)

## [Ajax知识体系大梳理](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/11/02/ajax/%23getResponseHeader)

## [Fetch进阶指南](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/11/02/fetch/%23%25E5%25A6%2582%25E4%25BD%2595%25E8%25AF%2595%25E8%25BF%2590%25E8%25A1%258Casync-await)

## [Promise使用手册](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2017/03/12/promise/)

## [你不知道的CSS](http://link.zhihu.com/?target=https%3A//smohan.net/blog/6gr77h) 【干货】

## [CSS实现长宽比的几种方案](http://link.zhihu.com/?target=https%3A//www.w3cplus.com/css/aspect-ratio.html)

## [高性能滚动 scroll 及页面渲染优化 ，函数节流](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/coco1s/p/5499469.html) 【干货】

## [JS面试高级技巧](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ab7b36f265da24934b2470)  【干货】

## [你不知道的JS](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ab85d0518825243d1f2329)  【扫盲】

## [你不知道的CSS（二）](http://link.zhihu.com/?target=https%3A//smohan.net/blog/farjdx)

## [浮动两端对齐](http://link.zhihu.com/?target=http%3A//www.ddcat.net/web/css/float-justify/float-justify.html) 【扫盲】

## [面试必备之JS继承方式总结](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s%3F__biz%3DMzI0MDIwNTQ1Mg%3D%3D%26mid%3D2676491918%26idx%3D1%26sn%3D2a30b02356595e974537c78b2a82f8eb%26chksm%3Df362cd6dc415447b96cd97db4857b40146ee1b8ba1191ecffdb30644152c6386373a2b5717c1%23rd)  【干货】

## [整理下《前端江湖面试》对自己有益的题目。](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010868439)

## [阿里校招前端面经](http://link.zhihu.com/?target=https%3A//lenshen.com/2017/08/27/alibaba-interview/) 【干货】

## [重新认识JS的this](http://link.zhihu.com/?target=https%3A//juejin.im/post/59aa71d56fb9a0248d24fae3)

## [H5拖放和WebWorker](http://link.zhihu.com/?target=https%3A//lenshen.com/2015/10/17/h5-drag-webworker/) 【扫盲】

## [史上前端面试最全知识点（附答案）](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010869619) 【干货】

## [JSONP原理及简单实现](http://link.zhihu.com/?target=http%3A//shellming.com/2017/08/30/jsonp-principle-and-simple-implementation/) 【扫盲】

## [移动端Click点击300毫秒延迟及其解决办法](http://link.zhihu.com/?target=https%3A//lenshen.com/2016/09/28/webapp-event/)

## [zepto的tap点透问题](http://link.zhihu.com/?target=https%3A//www.talkingcoder.com/article/6388106194552044344)

## [JS开发中的一些小技巧和方法](http://link.zhihu.com/?target=https%3A//mrsunny123.github.io/2016/09/19/JS-Tips/)

## [周末读fastclick.js源码有感](http://link.zhihu.com/?target=https%3A//www.talkingcoder.com/article/6391406262738698559) 在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 源码 ](http://link.zhihu.com/?target=https%3A//juejin.im/user/57ccd20f7db2a200789c33d5)

## [你可能不知道的 border-radius](http://link.zhihu.com/?target=http%3A//www.vince.studio/2017/08/30/%25E4%25BD%25A0%25E5%258F%25AF%25E8%2583%25BD%25E4%25B8%258D%25E7%259F%25A5%25E9%2581%2593%25E7%259A%2584-border-radius/)

## [VS Code 折腾记](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a61edc5188252428611c6a)

## [浏览器兼容性问题解决方案 · 总结](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a3f2fe6fb9a0249471cbb4)

## [页面卡顿？操作慢？](http://link.zhihu.com/?target=https%3A//github.com/wengjq/Blog/issues/15)

## [margin-right右边距失效](http://link.zhihu.com/?target=http%3A//blog.cssforest.org/2017/06/21/margin-right%25E5%258F%25B3%25E8%25BE%25B9%25E8%25B7%259D%25E5%25A4%25B1%25E6%2595%2588.html)

## [JavaScript 专题之函数记忆](http://link.zhihu.com/?target=https%3A//juejin.im/post/59af56a96fb9a0248f4aadb8)

## [前端精读周刊](http://link.zhihu.com/?target=https%3A//github.com/dt-fe/weekly)

## [封装一个简易的异步队列](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/ghostwu/p/7496370.html)

## [https://github.com/microzz](http://link.zhihu.com/?target=https%3A//github.com/microzz)

## [https://lenshen.com/](http://link.zhihu.com/?target=https%3A//lenshen.com/)

## [https://microzz.com/](http://link.zhihu.com/?target=https%3A//microzz.com/)

## [谦龙](http://link.zhihu.com/?target=https%3A//juejin.im/user/568f480700b09aa221669d4d)

## [(void 0) 与 undefined 之间的小九九](http://link.zhihu.com/?target=https%3A//juejin.im/post/591153ceac502e450281e22f)

## [MVVM —— 如何进行 DOM 的操作](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a365f8f265da247e7dad80)

## [给axios做个挺靠谱的封装](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a22e71518825242c422604)

## [这些Zepto中实用的方法集](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a182195188252433707ae3) 【干货】

## [10个有趣的Javascript和CSS库](http://link.zhihu.com/?target=https%3A//www.helloweba.com/view-blog-436.html%3Futm_source%3Dtuicool%26utm_medium%3Dreferral) 【干货】

## [改写你的checkout input默认样式](http://link.zhihu.com/?target=https%3A//juejin.im/post/591873170ce4630069f3013d) 【干货】

## [HTML/CSS/JS编码规范](http://link.zhihu.com/?target=https%3A//juejin.im/post/599ececb5188252423583c27) 【扫盲】

## [写一个挺靠谱的Vue组件](http://link.zhihu.com/?target=https%3A//juejin.im/user/575ebdbd5bbb5000638173fb) 【扫盲】

## [99%的人都理解错了HTTP中GET与POST的区别](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s%3F__biz%3DMzI3NzIzMzg3Mw%253D%253D%26mid%3D100000054%26idx%3D1%26sn%3D71f6c214f3833d9ca20b9f7dcd9d33e4)

## [网易前端面经](http://link.zhihu.com/?target=http%3A//yrq110.me/2017/08/22/20170822-netease-intership/) 【干货】

## [JavaScript异步编程面试题](http://link.zhihu.com/?target=https%3A//juejin.im/post/599ff3d5f265da24843e6276) 【干货】

## [巧用margin/padding的百分比值实现高度自适应（多用于占位，避免闪烁）](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000004231995) 【干货】

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

## [阿里校招前端笔试题](http://link.zhihu.com/?target=https%3A//lenshen.com/2017/08/25/alibaba/)

## [koa2进阶学习笔记](http://link.zhihu.com/?target=https%3A//github.com/lensh/koa2-note)

## [Node.js 包教不包会](http://link.zhihu.com/?target=https%3A//github.com/lensh/node-lessons)

## [纯前端实现人脸识别-提取-合成](http://link.zhihu.com/?target=http%3A//refined-x.com/2017/09/06/%25E7%25BA%25AF%25E5%2589%258D%25E7%25AB%25AF%25E5%25AE%259E%25E7%258E%25B0%25E4%25BA%25BA%25E8%2584%25B8%25E8%25AF%2586%25E5%2588%25AB-%25E6%258F%2590%25E5%258F%2596-%25E5%2590%2588%25E6%2588%2590/)

## [从零开始教你写一个NPM包](https://zhuanlan.zhihu.com/p/29204311)

##                                                                         React：

## [React 高阶组件浅析](http://link.zhihu.com/?target=http%3A//blog.hypers.io/2017/08/24/react-hoc-simple-analysis/)

## [React高阶组件实践](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b36b416fb9a00a636a207e)

## [从 setState promise 化的探讨](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a699fd6fb9a0247d4f5970)

## [npm 入门教程](http://link.zhihu.com/?target=http%3A//www.qianduandaxue.com/index.php/index/index/show/catid/16/id/104.html)

## [Nestjs 文档](https://zhuanlan.zhihu.com/p/28621374)

## [Boss-UI](http://link.zhihu.com/?target=http%3A//www.wetalks.cn/boss-ui-doc/%23/info/index) 【干货】

## [从零开始使用vue搭建带有SSR服务端渲染的前后台项目weeklyPlus](http://link.zhihu.com/?target=http%3A//wuyanwen.cc/2017/08/30/weeklyPlus.html)

## [React组件类型](http://link.zhihu.com/?target=https%3A//yubolun.com/react-learn-2-2/)

## [[React技术内幕] key带来了什么](http://link.zhihu.com/?target=https%3A//juejin.im/post/59abb01c518825243f1b6dad)  【干货】

## [React技术内幕](http://link.zhihu.com/?target=https%3A//juejin.im/user/576e377bd342d30057c2e265)  【干货】

## [无状态组件你真的知道](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/980abadd8a18)

## [Redux store 的动态注入](http://link.zhihu.com/?target=https%3A//qiutc.me/post/react-redux-dynamic-injection.html)

## [理解 React-redux connect](http://link.zhihu.com/?target=http%3A//varnull.cn/react-redux-connect-explain/)

## [React、Redux与复杂业务组件的复用](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b4eb216fb9a00a616f07a3)

## [koa源码--基础篇](http://link.zhihu.com/?target=https%3A//github.com/carolineLH/vue_eleme/blob/master/README.md)

## [Redux中间件对闭包的一个巧妙使用](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b69aed5188257e81537275)

## [总结个人使用过的移动端布局方法](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010211016)

##                                                                          Vue：

## [AT-UI](http://link.zhihu.com/?target=https%3A//at.aotu.io/%23/zh)  【干货】

## [Vue 进阶教程之：非父子组件通信方法（非Vuex）](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/d3036001f6d3)

## [JavaScript Event Loop 机制详解与Vue.js 中 nextTick ](http://link.zhihu.com/?target=https%3A//juejin.im/post/59afc6adf265da2485360168)  【干货】

## [从event loop看vue的nextTick](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b499e86fb9a00a4e677825)  【干货】

## [Vuejs渡劫系列一：日常开发中必须掌握的细节](http://link.zhihu.com/?target=http%3A//moweide.com/2017/09/02/vue_started/)

## [HTML5新特性之Mutation Observer，监听DOM变化](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/jscode/p/3600060.html)

## [剖析vue实现原理，自己动手实现mvvm](http://link.zhihu.com/?target=https%3A//github.com/lensh/mvvm)

## [vue组件之间的通信](http://link.zhihu.com/?target=http%3A//whutzkj.space/2017/08/05/vue%25E7%25BB%2584%25E4%25BB%25B6%25E4%25B9%258B%25E9%2597%25B4%25E7%259A%2584%25E9%2580%259A%25E4%25BF%25A1%25EF%25BC%2588%25E4%25B8%2580%25EF%25BC%2589/)

## [Vue.js数据绑定原理](http://link.zhihu.com/?target=https%3A//juejin.im/post/599aac10f265da24874cffef)

## [Vue.js 依赖收集](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a3771e6fb9a0248b4097ae)

## [Vue2.4组件间通信新姿势](http://link.zhihu.com/?target=http%3A//shellming.com/2017/07/23/new-component-communication-methods-in-vue2_40/) 【干货】

## [重复造轮子：从0开始实现Vue数据绑定](http://link.zhihu.com/?target=http%3A//shellming.com/2017/08/02/vue-data-binding/)

## [MVVM 开发总结 —— Vue 组件](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a4bc7c518825244c0cfc10)

## [vue 填坑系列总结——scoped](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a81205f265da249600e240) 【干货】

## [从Vue.js源码角度再看数据绑定](http://link.zhihu.com/?target=https%3A//juejin.im/post/59abfa29f265da24734458c6)

## [用addRoutes实现动态路由](http://link.zhihu.com/?target=http%3A//refined-x.com/2017/09/01/%25E7%2594%25A8addRoutes%25E5%25AE%259E%25E7%258E%25B0%25E5%258A%25A8%25E6%2580%2581%25E8%25B7%25AF%25E7%2594%25B1/)

## [浅谈axios](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/065294e2711c)

## [axios 中文文档 翻译](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000008470355)

## [处理 Vue 单页面 Meta SEO的另一种思路](https://zhuanlan.zhihu.com/p/29148760)

## [说说VNode节点(Vue.js实现)](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b53a595188257e7406fe3d)

## [日常开发中必须掌握的细节](http://link.zhihu.com/?target=http%3A//moweide.com/2017/09/02/vue_started/)

##                                                                       Webpack

## [数据模拟神器 easy-mock 正式开源](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a8f15ef265da246c4a3822)

## [加载优化](http://link.zhihu.com/?target=http%3A//www.javascript.fun/article/)

## [RxJS 数据板，将数据当作水流一样，集中管理和监视数据流， 监控每一次数据流动。](http://link.zhihu.com/?target=https%3A//github.com/libin1991/rx-hub)

## [npm scripts : 每个前端开发都应知道的一些使用提示](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/8029)

## [基于React/Mobx/React-Router v4/Webpack v3的脚手架。](http://link.zhihu.com/?target=https%3A//github.com/YutHelloWorld/vortex-react/tree/mobx)

## [快一点, 再快一点](http://link.zhihu.com/?target=http%3A//limn.me/2018/%25E5%25BF%25AB%25E4%25B8%2580%25E7%2582%25B9%25EF%25BC%258C%25E5%2586%258D%25E5%25BF%25AB%25E4%25B8%2580%25E7%2582%25B9/)

## [webpack 从入门到工程实践](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s%3F__biz%3DMzIwNjEwNTQ4Mw%3D%3D%26mid%3D2651577617%26idx%3D1%26sn%3D5d74f835ccb4e8070c2a03a215ee199e%26chksm%3D8cd9c3f5bbae4ae3fbca8d88c7b5844a3bc7b5b8e2277200932074c26765ac04f4dfbc37637c%23rd)

## [Webpack你的包](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/webpack-your-bags-921.html)

[67 个拯救前端开发者的工具、库和资源](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/67-useful-tools-libraries-and-resources-for-saving-your-time-as-a-web-developer-4174.html%3Ft%3Dnew)[BFC和 websocket](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/fc4c2d8a0018)

## [10分钟学会ES7+ES8](http://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s/xEBmqnGQbOij8iUd0H4pgA) ，[精读AsyncAwait](http://link.zhihu.com/?target=https%3A//github.com/dt-fe/weekly/blob/master/4.%25E7%25B2%25BE%25E8%25AF%25BBAsyncAwait%25E4%25BC%2598%25E8%25B6%258A%25E4%25B9%258B%25E5%25A4%2584.md)

## [25个最基本的JavaScript面试问题及答案](http://link.zhihu.com/?target=http%3A//blog.csdn.net/sinat_17775997/article/details/77865314)

## [javascript 之模块化篇](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000011063732)

## [vue2实践，填坑筆記（持续更新）](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000008688050)  【***】

## [JavaScript数组所有API全解密](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2017/04/28/array/%23reduce) 【干货】

## [JavaScript字符串所有API全解密](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/01/12/js.String/)  【干货】

## [数组扁平化、去重、排序，又搞定了一道校招题](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/d8fcd04864bb)

## [数组的32场演唱会](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/TYZdloWYMCOOYAysV5o6ww)

## [详解JS之Arguments对象](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2015/12/15/arguments/)

## [JS中可能用得到的全部的排序算法](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/12/23/sort/)

## [js 深拷贝 vs 浅拷贝](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ac1c4ef265da248e75892b)  【扫盲】

## [你做的拷贝是真的深拷贝吗](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/Yo36j5QCIMjz0g2vAomsig)

## [Vue.js 2.0 快速上手精华梳理  ，Vue教程](http://link.zhihu.com/?target=https%3A//juejin.im/post/59aa1248518825392656a86a) 【扫盲】

## [https://www.w3ctech.com/](http://link.zhihu.com/?target=https%3A//www.w3ctech.com/)  【干货】

## [等比例缩放的盒子](http://link.zhihu.com/?target=https%3A//www.w3ctech.com/topic/1483) 【干货】       

## [CSS实现长宽比的几种方案](http://link.zhihu.com/?target=https%3A//www.w3cplus.com/css/aspect-ratio.html)  【扫盲】

## [css中如何做到容器按比例缩放](http://link.zhihu.com/?target=https%3A//github.com/zuopf769/notebook/blob/master/fe/css%25E4%25B8%25AD%25E5%25A6%2582%25E4%25BD%2595%25E5%2581%259A%25E5%2588%25B0%25E5%25AE%25B9%25E5%2599%25A8%25E6%258C%2589%25E6%25AF%2594%25E4%25BE%258B%25E7%25BC%25A9%25E6%2594%25BE/README.md)

## [http://www.javascript.fun/](http://link.zhihu.com/?target=http%3A//www.javascript.fun/)  *

## [http://dunizb.com/](http://link.zhihu.com/?target=http%3A//dunizb.com/) *

## [Grid布局学习](http://link.zhihu.com/?target=http%3A//yrq110.me/2017/08/29/20170829-grid-layout/)  【干货】

## [js实现手机横竖屏事件](http://link.zhihu.com/?target=https%3A//github.com/zuopf769/notebook/tree/master/fe/js%25E5%25AE%259E%25E7%258E%25B0%25E6%2589%258B%25E6%259C%25BA%25E6%25A8%25AA%25E7%25AB%2596%25E5%25B1%258F%25E4%25BA%258B%25E4%25BB%25B6)

## [前端工程师都有用哪些比较靠谱的小工具？](https://www.zhihu.com/question/20241338/answer/169621428)

## [npm scripts : 每个前端开发都应知道的一些使用提示](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/8029)

## [CreateJS中文网](http://link.zhihu.com/?target=http%3A//www.createjs.cc/)  *

## [Hover Buttons](http://link.zhihu.com/?target=https%3A//github.com/Varin6/Hover-Buttons) *

## [javaScript的数据结构与算法](http://link.zhihu.com/?target=https%3A//github.com/wengjq/Blog/issues) 【干货】

## [Alloy周刊](http://link.zhihu.com/?target=http%3A//www.alloyteam.com/alloyshare/weekly/p/20)

## [CSS 动画技巧与细节](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/coco1s/)  【干货】

## [浏览器兼容性问题解决方案 · 总结](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a3f2fe6fb9a0249471cbb4) 【扫盲】

## [前端每周清单](http://link.zhihu.com/?target=http%3A//www.infoq.com/cn/FE-Weekly)

## [教你从零开始搭建一款前端脚手架工具](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000006190814)

## [feather - 一个开源的SVG图标库](http://link.zhihu.com/?target=https%3A//github.com/colebemis/feather)

## [如何使用GitHub Pages在线加载静态网页](http://link.zhihu.com/?target=http%3A//barryliu1995.studio/2017/08/28/%25E5%25A6%2582%25E4%25BD%2595%25E4%25BD%25BF%25E7%2594%25A8GitHub-Pages%25E5%259C%25A8%25E7%25BA%25BF%25E5%258A%25A0%25E8%25BD%25BD%25E9%259D%2599%25E6%2580%2581%25E7%25BD%2591%25E9%25A1%25B5/)

## [读Zepto源码](http://link.zhihu.com/?target=https%3A//juejin.im/user/57ccd20f7db2a200789c33d5)

## [用纯CSS实现跳跳球动画](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/tutorial-make-a-bouncing-ball-entirely-with-css-codeburst-4056.html%3Ft%3Dnew)

## [Vue 折腾记](http://link.zhihu.com/?target=https%3A//juejin.im/user/575ebdbd5bbb5000638173fb)

## [编码过程中，我的常用网站工具](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a8b53f6fb9a02480710150)

## [前端实用的在线工具推荐系列](http://link.zhihu.com/?target=http%3A//www.jackpu.com/qian-duan-shi-yong-de-zai-xian-gong-ju-tui-jian/)

## [meta 标签大全](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/8052)

## [通过JS判断网络状态调研及实例demo说明](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/310dd7dd0255)

##                                                                   面试

## [lensh](http://link.zhihu.com/?target=https%3A//lenshen.com/)

## [路易斯](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/)

## [玩转prototype](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ad186af265da24903528a0)

## [前端性能优化之 DOM 篇](http://link.zhihu.com/?target=http%3A//fsux.me/%25E9%259A%258F%25E7%25AC%2594/%25E6%259E%25B6%25E6%259E%2584/%25E6%25B5%2585%25E8%25B0%2588%25E5%2589%258D%25E7%25AB%25AF/2017/04/13/Front-end-performance-optimization-dom.html) 【5星级】

## [JS 的正则表达式](http://link.zhihu.com/?target=https%3A//juejin.im/post/59b5e50f51882519777c4815)

## [CSS 伪类选择器](http://link.zhihu.com/?target=https%3A//github.com/ccforward/cc/issues/68)

## [vh,vw单位你知道多少？](http://link.zhihu.com/?target=https%3A//hopkinson.github.io/2017/06/30/vh%2Cvw%25E5%258D%2595%25E4%25BD%258D%25E4%25BD%25A0%25E7%259F%25A5%25E9%2581%2593%25E5%25A4%259A%25E5%25B0%2591%25EF%25BC%259F/) 【扫盲】

## [Event Loop](http://link.zhihu.com/?target=http%3A//blog.kaolafed.com/2017/04/21/JavaScript%25E5%25B9%25B6%25E5%258F%2591%25E6%25A8%25A1%25E5%259E%258B%25E4%25B8%258EEvent%2520Loop/)

## [JavaScript Event Loop 机制详解与Vue.js 中 nextTick ](http://link.zhihu.com/?target=https%3A//juejin.im/post/59afc6adf265da2485360168)  【干货】

## [CSS技巧：逐帧动画抖动解决方案](http://link.zhihu.com/?target=https%3A//aotu.io/notes/2017/08/14/fix-sprite-anim/index.html)

## [理解构造函数与原型对象](http://link.zhihu.com/?target=http%3A//mp.weixin.qq.com/s/egP8jkUDLSUknwu1Ms__jg)

## [设计模式系列课程-委托模式实战微博发布功能](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/ghostwu/p/7471471.html)

## [Javascript 黑科技](http://link.zhihu.com/?target=http%3A//www.zcfy.cc/article/basic-javascript-algorithms-toolbox-starter-kit-hacker-noon-4150.html%3Ft%3Dnew) 【4星级】

## [【整理】CSS布局方案](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010989110)

## [getElementsByClassName与classList兼容性问题与解决方案](http://link.zhihu.com/?target=http%3A//blog.csdn.net/wmaoshu/article/details/52131741)

## [Ajax知识体系大梳理](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/11/02/ajax/%23getResponseHeader)

## [Fetch进阶指南](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2016/11/02/fetch/%23%25E5%25A6%2582%25E4%25BD%2595%25E8%25AF%2595%25E8%25BF%2590%25E8%25A1%258Casync-await)

## [Promise使用手册](http://link.zhihu.com/?target=http%3A//louiszhai.github.io/2017/03/12/promise/)

## [你不知道的CSS](http://link.zhihu.com/?target=https%3A//smohan.net/blog/6gr77h) 【干货】

## [CSS实现长宽比的几种方案](http://link.zhihu.com/?target=https%3A//www.w3cplus.com/css/aspect-ratio.html)

## [高性能滚动 scroll 及页面渲染优化 ，函数节流](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/coco1s/p/5499469.html) 【干货】

## [JS面试高级技巧](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ab7b36f265da24934b2470)  【干货】

## [你不知道的JS](http://link.zhihu.com/?target=https%3A//juejin.im/post/59ab85d0518825243d1f2329)  【扫盲】

## [你不知道的CSS（二）](http://link.zhihu.com/?target=https%3A//smohan.net/blog/farjdx)

## [浮动两端对齐](http://link.zhihu.com/?target=http%3A//www.ddcat.net/web/css/float-justify/float-justify.html) 【扫盲】

## [面试必备之JS继承方式总结](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s%3F__biz%3DMzI0MDIwNTQ1Mg%3D%3D%26mid%3D2676491918%26idx%3D1%26sn%3D2a30b02356595e974537c78b2a82f8eb%26chksm%3Df362cd6dc415447b96cd97db4857b40146ee1b8ba1191ecffdb30644152c6386373a2b5717c1%23rd)  【干货】

## [整理下《前端江湖面试》对自己有益的题目。](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010868439)

## [阿里校招前端面经](http://link.zhihu.com/?target=https%3A//lenshen.com/2017/08/27/alibaba-interview/) 【干货】

## [重新认识JS的this](http://link.zhihu.com/?target=https%3A//juejin.im/post/59aa71d56fb9a0248d24fae3)

## [H5拖放和WebWorker](http://link.zhihu.com/?target=https%3A//lenshen.com/2015/10/17/h5-drag-webworker/) 【扫盲】

## [史上前端面试最全知识点（附答案）](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010869619) 【干货】

## [JSONP原理及简单实现](http://link.zhihu.com/?target=http%3A//shellming.com/2017/08/30/jsonp-principle-and-simple-implementation/) 【扫盲】

## [移动端Click点击300毫秒延迟及其解决办法](http://link.zhihu.com/?target=https%3A//lenshen.com/2016/09/28/webapp-event/)

## [zepto的tap点透问题](http://link.zhihu.com/?target=https%3A//www.talkingcoder.com/article/6388106194552044344)

## [JS开发中的一些小技巧和方法](http://link.zhihu.com/?target=https%3A//mrsunny123.github.io/2016/09/19/JS-Tips/)

## [周末读fastclick.js源码有感](http://link.zhihu.com/?target=https%3A//www.talkingcoder.com/article/6391406262738698559) 在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 源码 ](http://link.zhihu.com/?target=https%3A//juejin.im/user/57ccd20f7db2a200789c33d5)

## [你可能不知道的 border-radius](http://link.zhihu.com/?target=http%3A//www.vince.studio/2017/08/30/%25E4%25BD%25A0%25E5%258F%25AF%25E8%2583%25BD%25E4%25B8%258D%25E7%259F%25A5%25E9%2581%2593%25E7%259A%2584-border-radius/)

## [VS Code 折腾记](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a61edc5188252428611c6a)

## [浏览器兼容性问题解决方案 · 总结](http://link.zhihu.com/?target=https%3A//juejin.im/post/59a3f2fe6fb9a0249471cbb4)

## [页面卡顿？操作慢？](http://link.zhihu.com/?target=https%3A//github.com/wengjq/Blog/issues/15)

## [margin-right右边距失效](http://link.zhihu.com/?target=http%3A//blog.cssforest.org/2017/06/21/margin-right%25E5%258F%25B3%25E8%25BE%25B9%25E8%25B7%259D%25E5%25A4%25B1%25E6%2595%2588.html)

## [JavaScript 专题之函数记忆](http://link.zhihu.com/?target=https%3A//juejin.im/post/59af56a96fb9a0248f4aadb8)

## [前端精读周刊](http://link.zhihu.com/?target=https%3A//github.com/dt-fe/weekly)

## [封装一个简易的异步队列](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/ghostwu/p/7496370.html)

## [https://github.com/m
ecosyste.ms

Data

Tools

Indexes

Applications

Experiments

Awesome

https://github.com/libin1991/libin_Blog

Awesome Lists containing this project

README
