https://github.com/libin1991/libin_Blog

爬虫-博客大全
https://github.com/libin1991/libin_Blog

Last synced: about 1 month ago
JSON representation

爬虫-博客大全

• Host: GitHub
• URL: https://github.com/libin1991/libin_Blog
• Owner: libin1991
• Created: 2018-01-28T05:51:57.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2019-12-15T13:24:25.000Z (over 5 years ago)
• Last Synced: 2024-11-11T08:44:10.825Z (7 months 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/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/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/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/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) 【干货】

[JavaScript 实用技巧和写法建议](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a0c199851882531926e4297) 【函数节流】

## [JavaScirpt 货币转换成千分位正则 （非捕组获匹配详解）](http://link.zhihu.com/?target=https%3A//www.zhuwenlong.com/blog/article/5937f6c85bc74f66e8fc9a53)

[网页性能分析不完全指南 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a20fa1c5188251c11406b3e)【*****】

[JavaScript权威面试指南](https://zhuanlan.zhihu.com/p/31759933)【*****】

[处理JavaScript异常的正确姿势 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2686caf265da4322410f1c)

[空对象动态添加属性（面试常考）返回JSON，曾经惨败的一道面试题 - 黄沙百战穿金甲，不破楼兰终不还。 - CSDN博客](http://link.zhihu.com/?target=http%3A//blog.csdn.net/libin_1/article/details/51438112)

[-webkit-overflow-scrolling:touch属性副作用--QQ内置浏览器空白处理 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a275825f265da431280c883)

[web app 无限加载终极解决方案](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a259b536fb9a0451170f912)【better-scroll】

[vue变化侦测原理](http://link.zhihu.com/?target=https%3A//github.com/berwin/Blog/issues/17)

[看完离编写高性能的JavaScript又近了一步 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a26b9baf265da431e169fe9)【*****】

[JSONP的P是什么？](https://zhuanlan.zhihu.com/p/31670664)

[【小程序踩坑】 扫普通二维码调起小程序bug:码地址传递错误，传为历史地址](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a27b0c4f265da430d57e35e)

[Vue博客](http://link.zhihu.com/?target=https%3A//github.com/berwin/Blog/issues)

[渐进式Express学习课程](http://link.zhihu.com/?target=https%3A//github.com/sunkuo/grow-to-express)

[基于Vue的组织架构树组件 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a265ed551882531ba10cce8)

[vue-cli打包后的思索--代码优化](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012249890)【****】

[JavaScript设计模式之面向对象编程 【继承】 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a252382518825293b50276e)

[手写一个自己的 JavaScript Promise 类库](http://link.zhihu.com/?target=http%3A//www.jackpu.com/s-ge-zi-ji-de-javascript-promise/)

[手摸手，带你优雅的使用 icon](http://link.zhihu.com/?target=https%3A//juejin.im/post/59bb864b5188257e7a427c09)

[Promise 与 Confirm 提示框](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a09032ff265da431b6cb21b)

[你可能不知道的14个JavaScript调试技巧 - WEB前端开发 - 专注前端开发，关注用户体验](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/8468)

[js判断是移动端设备还是pc端设备代码-javascript教程-懒人建站](http://link.zhihu.com/?target=http%3A//www.51xuediannao.com/javascript/jspdsyddsbhspcdsbdm_996.html)

[个人总结（css3新特性） - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a0c184c51882531926e4294)【***】

[《前端面试江湖》读书笔记 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2211835188252abc5e2b25)

[为你的网站带上帽子 - 使用 helmet 保护 Express 应用](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a24fd8f51882509e5438247)

[Nuxt.js服务端渲染实践，从开发到部署 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a24df9ef265da43133cfb2e)

[NodeJS学习笔记](http://link.zhihu.com/?target=https%3A//github.com/mvpzx/node-learning)

[个人博客开发系列：Vue.js + Koa.js项目中使用JWT认证](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a22cec4f265da430e4ef94d)

[React 整洁代码最佳实践 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a23c5386fb9a0450407b1d7)

[简单实现 3D 相册](http://link.zhihu.com/?target=https%3A//www.extlight.com/2017/12/04/%25E7%25AE%2580%25E5%258D%2595%25E5%25AE%259E%25E7%258E%25B0-3D-%25E7%259B%25B8%25E5%2586%258C/)

[transform 的副作用 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a23e247f265da432652a7da)

[用workbox 加速amp、pwa 访问 教程步骤精简](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a24da55518825619a028406)

[iOS 下实现 webview 标题修改](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a241ac751882555cc41adac)

[Web 性能优化 - TCP](http://link.zhihu.com/?target=https%3A//jkchao.cn/article/5a22b4d4d5517f01d0250fb6)

[Web自适应布局你需要知道的所有事儿 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a22d0086fb9a0451a7631ee)

[JavaScript 工作原理：内存管理 + 处理常见的4种内存泄漏](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2559ae6fb9a044fe4634ba)

[定时任务高效触发 - CSDN博客](http://link.zhihu.com/?target=http%3A//blog.csdn.net/ligang2585116/article/details/72859359)

[CSS float相关详解 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a260c6d6fb9a0452a3c2c6a)

[编写自己的代码库(css3常用动画的实现) - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a0c18196fb9a045023b2ddf)

[微信小程序开发完工+问题汇总 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a26818551882561a20a5538)

[基于Vue的组织架构树组件 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a265ed551882531ba10cce8)

[基于 Electron 的前端文件处理工具](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a28e2b26fb9a04508098c7d)

[人类身份验证 - SegmentFault](http://link.zhihu.com/?target=https%3A//segmentfault.com/p/1210000012294101/read)

[前端不止：Retina屏幕下两倍图 - ThoughtWorks洞见](http://link.zhihu.com/?target=http%3A//insights.thoughtworks.cn/css-retina-image/)

[讲真，理解 HTTPS 这一篇就够了](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2fd1216fb9a045204c315e)

[九个问题从入门到熟悉HTTPS - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2ff29c6fb9a045132aac5a)

[从 HTTP 到 HTTPS 再到 HSTS](http://link.zhihu.com/?target=https%3A//tech.upyun.com/article/242/HSTS.html)

[基于element-ui实现table可配置化 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2f73a3f265da432718320c)

[scrollIntoView 与 scrollIntoViewIfNeeded API 介绍](http://link.zhihu.com/?target=https%3A//juejin.im/post/59d74afe5188257e8267b03f)【解决移动端遮挡问题】

[原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的](http://link.zhihu.com/?target=https%3A//juejin.im/post/59c60691518825396f4f71a1)

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

[JavaScript 数组遍历方法的对比](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3a59e7518825698e72376b)

[移动端-布局攻略](http://link.zhihu.com/?target=http%3A//www.jianshu.com/p/9e7e755ca281)

[给一个元素同时绑定click和dbclick存在的问题](http://link.zhihu.com/?target=https%3A//github.com/lvzhenbang/article/blob/master/js/single_double.md)

[HTML5 录音的踩坑之旅](http://link.zhihu.com/?target=http%3A//blog.wengwang.me/Font-end/Font-end/HTML5-%25E5%25BD%2595%25E9%259F%25B3%25E7%259A%2584%25E8%25B8%25A9%25E5%259D%2591%25E4%25B9%258B%25E6%2597%2585/)

[【quickhybrid】H5和Native交互JSBridge原理 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3f1b8951882529c70f56e5)

## [【quickhybrid】如何实现一个Hybrid框架 · Issue #12 · quickhybrid/quickhybrid](http://link.zhihu.com/?target=https%3A//github.com/quickhybrid/quickhybrid/issues/12)

[JavaScript:(a==1 && a==2 && a==3)能输出ture么？](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a63f9a451882573473ddba4)

## JS必知必会

[JavaScript中prompt()函数的用法。 - 《》 - 博客园](http://link.zhihu.com/?target=https%3A//www.cnblogs.com/zhizhu1120418975/p/6282316.html)

[如何绕过面试题中的小坑 | 百度EUX](http://link.zhihu.com/?target=http%3A//eux.baidu.com/blog/2017/09/%25E5%25A6%2582%25E4%25BD%2595%25E7%25BB%2595%25E8%25BF%2587%25E9%259D%25A2%25E8%25AF%2595%25E9%25A2%2598%25E4%25B8%25AD%25E7%259A%2584%25E5%25B0%258F%25E5%259D%2591)

[[译] 如何取消你的 Promise？](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a32705a6fb9a045117127fa)

[从 lodash.merge 不能触发 Vue 自动更新说开去](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a324a1b51882552de5e2a8f)

[Rxjs观察者模式在 Javascript 中的应用](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3239c951882534af25f9ca)

## [zuopf769/notebook](http://link.zhihu.com/?target=https%3A//github.com/zuopf769/notebook/blob/master/fe/%25E7%25A7%25BB%25E5%258A%25A8%25E7%25AB%25AF%25E5%25A6%2582%25E4%25BD%2595%25E5%25BC%25BA%25E5%2588%25B6%25E9%25A1%25B5%25E9%259D%25A2%25E6%25A8%25AA%25E5%25B1%258F/README.md)[666]

## [Aaaaaaaty/Blog](http://link.zhihu.com/?target=https%3A//github.com/Aaaaaaaty/Blog)【666】

[移动端如何强制页面横屏](http://link.zhihu.com/?target=https%3A//github.com/zuopf769/notebook/blob/master/fe/%25E7%25A7%25BB%25E5%258A%25A8%25E7%25AB%25AF%25E5%25A6%2582%25E4%25BD%2595%25E5%25BC%25BA%25E5%2588%25B6%25E9%25A1%25B5%25E9%259D%25A2%25E6%25A8%25AA%25E5%25B1%258F/README.md)

[创建炫酷 CSS 背景效果的 10 个代码片段](http://link.zhihu.com/?target=http%3A//www.css88.com/archives/8722)【渐变动画，背景渐变】

[JavaScript设计模式之创建型设计模式 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a37344651882506e50cbbde)

[打造一个优雅的微信文章编辑器 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a36834c518825258b74193e)

[DOMContentLoaded、readystatechange、load、ready详谈 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a36499551882529c70f34b5)

[javascript打怪升级--把业务逻辑当练习题做 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a39b2dcf265da431d3cd036)

## [两行 CSS 代码实现图片任意颜色赋色技术](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/coco1s/p/8080211.html)

[用canvas绘制一个曲线动画--深入理解贝塞尔曲线 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a410224518825094862c32f)

[开发一个本地上传图片控件你需要知道的知识点 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a54252b6fb9a01c9525f206)

## 性能监控：

[Chrome DevTools - 性能监控](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a37b2f56fb9a0451e3fe73d)

[搭建一个前端监控系统,不再错过BUG - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a372716518825258a5fbc80)

[网站性能优化--DNS预热与合并HTTP请求 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a390ea1f265da430b7b5e19)

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

[VasSonic：手Q开源Hybrid框架介绍](http://link.zhihu.com/?target=http%3A//www.infoq.com/cn/articles/vassonic-manual-q-open-source-hybrid-framework)

[vue-cli之webpack3构建全面提速优化 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a622613f265da3e5342475c)

## 面试：

[跨域之由Request Method:OPTIONS初窥CORS](https://zhuanlan.zhihu.com/p/31935253)

## [怎样拷贝数组（深/浅拷贝） · Issue #29 · wuxianqiang/exercises](http://link.zhihu.com/?target=https%3A//github.com/wuxianqiang/exercises/issues/29)

## [H5自定义属性的一些方式 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3b05b3f265da433562eafd)

## [前端精选文摘：BFC 神奇背后的原理](http://link.zhihu.com/?target=https%3A//www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html)

[快速理解JavaScript中call和apply原理 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3a2036f265da430406c3fe)

[利用FormData对象实现AJAX文件上传功能及后端实现 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3bd5c7f265da433227bf46)

[很全很全的JavaScript的模块讲解](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012464333)

[怎样做一个圆环放大的动画](https://zhuanlan.zhihu.com/p/32098478)

[傻傻的分也分不清楚的property和attribute](http://link.zhihu.com/?target=https%3A//github.com/lvzhenbang/article/blob/master/js/porp-attr.md)

[前端模块化，AMD与CMD的区别 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a422b036fb9a045211ef789)

[lvzhenbang/article](http://link.zhihu.com/?target=https%3A//github.com/lvzhenbang/article/blob/master/js/data-attribute.md)

## [前端性能优化之桌面浏览器优化策略 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a43343bf265da432f316441)

[json与jsonp区别浅析（json才是目的，jsonp只是手段） - DOM哥 - 博客园](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/iovec/p/5312464.html)

[es6 Generators详解](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012358863)

[手把手教你如何实现 《前端异常监控系统》](http://link.zhihu.com/?target=http%3A//www.sangeng.org/news/detail_47.html)

[JSONP的原理与实现以及XSS,CSRF的相亲相爱](http://link.zhihu.com/?target=https%3A//www.jianshu.com/p/81efb4d188d7)

## [关于 react 那些小知识点儿](http://link.zhihu.com/?target=https%3A//www.jianshu.com/p/4d2838ae7b29)

## [每天10个前端知识点：杂技](http://link.zhihu.com/?target=https%3A//www.jianshu.com/p/f3d9382eae78)

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

## [安卓版微信视频播放全屏处理](http://link.zhihu.com/?target=https%3A//www.zhaofinger.com/detail/23)

## [HTTP----HTTP2.0新特性 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a4dfb2ef265da43305ee2d0)

## [addEventListener()的第三个参数可以传对象了 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a4f41cc518825734c5b34ee)

## [聊聊 JavaScript 与浏览器的那些事 - 引擎与线程](http://link.zhihu.com/?target=https%3A//hijiangtao.github.io/2018/01/08/JavaScript-and-Browser-Engines-with-Threads/)

## [常见 Web 安全攻防总结 - zoumiaojiang](http://link.zhihu.com/?target=https%3A//zoumiaojiang.com/article/common-web-security/%23sql-1)

## [你的Tree-Shaking并没什么卵用 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5652d8f265da3e497ff3de)

## [前端面试之js相关问题（二） - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a570c61f265da3e243b6e16)

## [Promise的简单实现 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a58506cf265da3e355afff4)

## [canvas 微信海报分享（个人爬坑）](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a4492676fb9a04517058028)

## [iphoneX适配](http://link.zhihu.com/?target=http%3A//www.bestvist.com/2017/12/19/iphoneX/%23more)

## CSS：

[CSS常用Mixin封装 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a31f53f51882555cc41deda)

[我脑中飘来飘去的css魔幻属性 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a1d6d1ff265da43070303d4)

[[翻译] 理解 CSS 布局和块级格式上下文](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a322e856fb9a04519699bd7)

## [CSS3 Gradient_gradient, css3属性详解 教程_w3cplus](http://link.zhihu.com/?target=https%3A//www.w3cplus.com/content/css3-gradient)渐变

## [水墨寒的博客](http://link.zhihu.com/?target=https%3A//smohan.net/blog/6gr77h) 你不知道的CSS

[深入理解 CSS：字体度量、line-height 和 vertical-align](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3b592c6fb9a045263bc191)

CSS自定义属性:[坚定地使用 CSS Custom Properties](https://zhuanlan.zhihu.com/p/32205555)

[纯CSS3写一个摇头晃脑的小哥](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012515079)

[用CSS来计数 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3f6d086fb9a0451969cd5c)

[更便捷的css处理方式-PostCSS - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3d12596fb9a045263bc9b4)

[不可思议的混合模式 background-blend-mode](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a435f006fb9a0452207c97b)

## 跨域：

## [不就是跨域么?慌个XX - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2f92c65188253e2470f16d)

## [ajax跨域，这应该是最全的解决方案了](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012469713)

[Web调试工具Charles使用心得 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3b6ab06fb9a0452405fffa%23%25E6%259B%25BF%25E6%258D%25A2beta%25E4%25B8%258A%25E6%2596%2587%25E4%25BB%25B6)

## PWA：

[PWA之Workbox缓存策略分析 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a28e6ea51882558513296b4)

[[译]介绍一下渐进式 Web App(离线) - Part 1](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a30d2936fb9a0451f30ee1a)

[PWA(Progressive Web App)入门系列：（三）PWA关键技术Manifest](http://link.zhihu.com/?target=http%3A//blog.csdn.net/lecepin/article/details/78911091)

## Vue：

[VueJs 监听 window.resize 方法](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/erbingbing/p/6340930.html)

## [vue开发看这篇文章就够了](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012692321)

## [vue的input中，如何限制只能输入number](http://link.zhihu.com/?target=https%3A//segmentfault.com/q/1010000007115009)

[切换Web应用主题色的 (KU)](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a30e6b35188256e7a06cc54)

[从Vue.js源码看nextTick机制](https://zhuanlan.zhihu.com/p/30701856)

[MutationObserver 监听DOM树变化](https://zhuanlan.zhihu.com/p/31543436)

[vue+webpack+amaze-vue实现省市区联动选择组件 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2a8c985188250a5719a707)

[再也不学AJAX了](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2df1076fb9a0450310073a)

[Vue SPA 首屏加载优化实践](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a291092518825293b50366d)

[记一次 Weex 的 iPhone X 适配](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a290ae46fb9a0450a673e82)

[「大前端」Weex在达人店的一年实践 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2a730cf265da431f4afd35)

[Vue源码之旅(2)-nextTick](http://link.zhihu.com/?target=http%3A//shuaizhang.top/2017/12/09/Vue%25E6%25BA%2590%25E7%25A0%2581%25E4%25B9%258B%25E6%2597%2585-2-nextTick/)

[一步一步分析vue之observe - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2c9f835188253e71465aa2)

[Vue-OrgChart: 可编辑，可导出JSON的树形组织图](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2dded1f265da4304068efe)

[使用VUE分分钟写一个验证码输入组件 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a31ddb251882527541053ee)【****】

[Vue-Touch-Ripple by surmon-china](http://link.zhihu.com/?target=https%3A//surmon-china.github.io/vue-touch-ripple/)vuejs 水波纹框架

[Vue响应式原理以及简单实现 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a334803518825069054146f)

[我劝你别在数字键盘上刁难我--Vue自定义数字键盘组件 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a378113f265da430a50adc5)

[【只发精品】匠心打造Vue侧滑菜单组件 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3247155188253da72e7907)

[[email protected]源码学习---从hello world学习vue的内部做了什么](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3786cd6fb9a0451969b007)

## [Vue2技术栈归纳与精粹](http://link.zhihu.com/?target=https%3A//uinika.github.io/2017/12/03/web/vue/)

[解析vue2.0的diff算法 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a4337daf265da43200384b9)

[基于weex的考拉移动端动态化方案 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a534b64518825732d7f725e)

## React：

[一篇文章告诉你React里为什么不能用index作为key - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a31dda3f265da43052ea207)

[【译】React 应用性能调优 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a289cc6f265da43346fcc8d)

[写给新人的React快速入门手册 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a29f794f265da4310484a1b)

[分享一个自己开发的 react拖拽排序组件](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2dfb6cf265da431440a540)

[React + Canvas 像素风格取色器](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2cab4651882531b15b6cd7)

[React中组件通信的几种方式 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2cbc57f265da431523d6de)

[react和immutable偶遇的那些事 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3084555188252754104c63)

[React全家桶构建一款Web音乐App实战（二）：字体图标制作及页面路由搭建 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3738876fb9a0450e763541)

[React同构与极致的性能优化](http://link.zhihu.com/?target=https%3A//github.com/alibaba/beidou/blob/master/packages/beidou-docs/articles/high-performance-isomorphic-app.md)

[基于react16 webpack3 搭建前端spa基础框架 react-router的4种异步加载方式](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a39c3446fb9a0450d1136b4)

[redux v3.7.2源码解读与学习之 createStore(核心方法)](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a39c574f265da43085e29c5)

[关于react我的理解与总结 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3a12cff265da43062ae964)

[React源码解析(四):事件系统 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a0cf54ff265da43333df2c4)

[谈谈React--componentWillReceiveProps的使用 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a39de3d6fb9a045154405ec)

[从0开始实现 react-router](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012696920)

[探索Vue高阶组件](http://link.zhihu.com/?target=http%3A//hcysun.me/2018/01/05/%25E6%258E%25A2%25E7%25B4%25A2Vue%25E9%25AB%2598%25E9%2598%25B6%25E7%25BB%2584%25E4%25BB%25B6/%3Ffrom%3Dtimeline%26isappinstalled%3D0%26nsukey%3DulcoyIdTEyC/FOnxHZldz4llVm5bwZnWirmI4Esr7F1YiayFi7JpdGL7KEZ9DvAJNSFdYoonL4jBVGhm5vJTT3uHhtZCpucjnGto71nf4L7oNu1r50pwTvKeqmKHqe3ATEE9ELSXKZPM3v%2520auk33Wx0pVbIntvyIPPTZVpnenMNdH53UC/XQDTLbxiBpddebzpoYIjT5GjStTkQ20KxmdQ%3D%3D)

[从0实现一个tiny react(一)](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a56fe856fb9a01cbe653b15)

[React Redux 与胖虎他妈](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5b38a4518825733366028f)

[redux源码解析之五部曲(why:对外暴露了5个api)--第一部曲createStore.js - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5cc5d56fb9a01ca56075ba)

## Node：

[基于node.js的脚手架工具开发经历 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a31d210f265da431a43330e)

## Webpack：

[import、require、export、module.exports 混合使用详解](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2e5f0851882575d42f5609)

[ES6和Babel你不知道的事儿](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012328326)

[Webpack飞行手册 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a28f93b51882531ea652b80)

[Webpack3.0小案例躺坑资源处理、服务器启动和打包优化 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2a50a46fb9a0450b664d9d)

## [Vue SPA 打包优化实践 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3251ee6fb9a0450f21f6ac)【代码分割】

[简单易懂的 webpack 打包后 JS 的运行过程](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a23b130f265da432003101a)

[简单易懂的 webpack 打包后 JS 的运行过程（二）](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a34bcf9f265da43070355f8)

[知多一点 webpack 的 CommonsChunkPlugin](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a1127666fb9a045023b3a63)【打包优化】

[webpack3实战（5）打包一个多页、jQuery、图片转base64、压缩混淆、异步模块加载的项目 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a387137518825256362c823)

[Webpack实战-构建同构应用 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a38763af265da430a50b0d0)

[从 webpack 到全面拥抱 Parcel #1 探索 Parcel](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a38e100f265da4324809297)

[你所不知的Webpack-多种配置方法 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a39c811f265da43333e89d7)

[React16+Redux+Router4+Koa+Webpack服务器端渲染（按需加载，热更新） - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a392018f265da431b6d5501)

[Webpack优化-缩小文件搜索范围 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a4054656fb9a0452207ba8e%23heading-5)

[跟着Vue-cli来'学'并'改'Webpack之 打包优化](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a337a1f6fb9a0452b4949e0)

[webpack优化不完全指南 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a49fb696fb9a0451e402718)

## [webpack实用小功能 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a4869aff265da43310e293f)

## [Tree-Shaking性能优化实践 - 实践篇](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a4dca1d518825128654fa78)

## [Tree-Shaking性能优化实践 - 原理篇](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a4dc842518825698e7279a9)

## [webpack多入口文件页面打包配置 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a534cb9f265da3e4674ebeb)

## [教你用webpack搭一个vue脚手架[超详细讲解和注释！] - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a52c79b518825733c13e260)

## [分享：一篇webpack配置基础绝好文章 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a545ab4f265da3e484bb02f)

## [webpack对于公共资源的提炼之webpack.optimize.CommonsChunkPlugin | 丫丫加油个人博客](http://link.zhihu.com/?target=http%3A//www.yaya12.com/archives/953)

## 工具：

[编写自己的代码库（javascript常用实例的实现与封装） - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2a7a5051882535cd4abfce)

[css3实现多个元素依次显示 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2cb461f265da432840c9ef)

[一看就懂的JS抽象语法树 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2bf2dd6fb9a044fd11b0d2)

[网页内容复制粘贴(三种方案 兼容多种浏览器)](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2e75abf265da432c23ce2f)

[用不到20行代码写一个freestyle外挂后台](https://zhuanlan.zhihu.com/p/31542515)

[你必须知道的HTTP基本概念 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2de1ba6fb9a04528466da5)

[Git提交历史的修改删除合并 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a30c1786fb9a045211eb218)

## LESS：

[学习Less-看这篇就够了 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2bc28f6fb9a044fe464b19)

[再谈 CSS 预处理器 | EFE Tech](http://link.zhihu.com/?target=http%3A//efe.baidu.com/blog/revisiting-css-preprocessors/)

## HTTP：

[https://juejin.im/post/5a1d4e546fb9a0450f21af23](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a1d4e546fb9a0450f21af23)

## 小程序：

[学习小程序从“你”开始 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a26c8d66fb9a0450d10f0ba)

[这个冬天，让腾讯视频带给你温暖 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2d346751882503dc53a476)

[人类身份验证 - SegmentFault](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012358393)

[微信小程序的数据绑定与下拉刷新与template模块使用问题](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012358393)

[小程序tabBar跳转页面并隐藏tabBar - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2d12646fb9a04525780d8d)

[【小程序踩坑系列1】 扫普通二维码调起小程序bug:码地址传递错误，传为历史地址](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a327483518825215a4f10a7)

[手把手教你实现微信小程序中的自定义组件 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3110756fb9a0451b048b72)

[基于盒马鲜生改编的微信小程序 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a33265b518825067065ab12)

[微信小程序仿微信， QQ 向左滑动删除操作。](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a38bf1051882506bd03f42a)

[带你玩转小程序开发实践｜含直播回顾视频 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3b1cbe6fb9a044fc44e6c6) 【组件通信】

[当微信小程序遇上filter~ - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2f432a5188252ae93ae807)

[微信小程序 MinUI 组件库系列之 badge 徽章组件](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5ec58c518825734d14a444)

## 函数式：

[ikcamp/Functional-Light-JS](http://link.zhihu.com/?target=https%3A//github.com/ikcamp/Functional-Light-JS)

## 算法：

[你需要知道的算法之基础篇 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3603d2f265da4321541e95)

## Async/Await

[重构：从Promise到Async/Await | Fundebug博客](http://link.zhihu.com/?target=https%3A//blog.fundebug.com/2017/12/13/reconstruct-from-promise-to-async-await/)

[好用的 async/await](https://zhuanlan.zhihu.com/p/30735214)

[Promise 必知必会（十道题）](https://zhuanlan.zhihu.com/p/30828196)

[你不知道的 Promise 对象黑科技](https://zhuanlan.zhihu.com/p/30735250)

[async / await 替代Promise？](https://zhuanlan.zhihu.com/p/30794844)

[深入理解ES6 Async Functions (异步函数)](https://zhuanlan.zhihu.com/p/30688707)

[浅析Promise内部实现与原理 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a30193051882503dc53af3c)

[深入理解事件循环和异步流程控制 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a2e21486fb9a0450407d370)

[实现一个玩具 Promise ~](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a006ec351882554b836f1fd)

[ES6 Promise 用法 - CSDN博客](http://link.zhihu.com/?target=http%3A//blog.csdn.net/cut001/article/details/73369141)

[JavaScript异步编程大冒险: Async/Await](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a39e0986fb9a044ff319aa0)

## [ES6 Promise 用法 - CSDN博客](http://link.zhihu.com/?target=http%3A//blog.csdn.net/cut001/article/details/73369141)

## canvas:

[canvas入门实战--邀请卡生成与下载 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a31dbc951882510b27563b9)

## Loading:

[Single Element CSS Spinners](http://link.zhihu.com/?target=https%3A//projects.lukehaas.me/css-loaders/)

[Your SVG + GIF Ajax Loading Icons](http://link.zhihu.com/?target=https%3A//loading.io/)

## 插件：

[简易版Swiper是怎么炼成的 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a3867b06fb9a0451543fe4a)

[libin1991/js-pluggs](http://link.zhihu.com/?target=https%3A//github.com/libin1991/js-pluggs)

[轻量级swiper](http://link.zhihu.com/?target=https%3A//lvpangpang.github.io/js-pluggs/mobile-carousel/index.html)

## 源码：

[读懂源码：一步一步实现一个 Vue](http://link.zhihu.com/?target=http%3A//www.cnblogs.com/kidney/p/8018226.html)

[尝试造了个工具类库，名为 Diana](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a4026626fb9a044fd11fca3) 【AMD，CMD】

[用ES6实现一个简单易懂的Promise（遵循Promise/A+ 规范并附详解注释）](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5896e76fb9a01ca2676e98)

## KOA：

[CCtalk 实时互动教育平台-专业的知识分享与在线教育平台](http://link.zhihu.com/?target=https%3A//www.cctalk.com/search%3Fkeyword%3Dkoa)

[使用nodejs+express完成简单的文件上传功能 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a4263816fb9a045211ef85c)

[基于HTML5陀螺仪实现ofo首页眼睛移动效果 - 文章 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/entry/5a4a4983f265da432f31781a/detail)

## [GraphQL](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a49e5ccf265da430d585cfd)

[GraphQL 搭配 Koa 最佳入门实践](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a49e5ccf265da430d585cfd)

## SVG，canvas：

[SVG morphing 动画应用大盘点](http://link.zhihu.com/?target=http%3A//svgtrick.com/tricks/7f5bbc4a142e5a19c7d8c129d6a68d03)

## MAC工具：

[新年新起点：从零配置 Mac 前端环境速查](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a4909c86fb9a044fe46b696)

[[译文]Chrome63中开发者面板(Devtools)新增功能](http://link.zhihu.com/?target=https%3A//mp.weixin.qq.com/s/9iaQrcyQs7QGzIvwtlTd2w)

## Vue源码学习：

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

[vue源码学习系列之十一：组件化原理探索（父子组件通信） · Issue #94 · youngwind/blog](http://link.zhihu.com/?target=https%3A//github.com/youngwind/blog/issues/94)

[2018 我所了解的 Vue 知识大全 （二）](https://zhuanlan.zhihu.com/p/32883796?iam=f939c59cc51ff15c7499e2f77ac1804f&utm_source=com.daimajia.gold&utm_medium=social)

[自己动手写一个 SimpleVue](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5eb5b6f265da3e591e4d3d)

## [如何实现VM框架中的数据绑定 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5eb1f351882573336610f8)

## 播放器：

[从零开始写一个 Web 视频播放器](http://link.zhihu.com/?target=https%3A//webfe.kujiale.com/web-video-player/)

工具：

[利用jsdoc为vue项目生成漂亮的文档 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5af6c26fb9a01ca713690b)

[公众号的Markdown排版利器:Md2All - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a541d926fb9a01c975a195f)

## 面试：

## [子组件和父组件componentDidMount哪一个先执行 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a66c19df265da3e36416632)

[基于JS快速生成各种网格布局工具Grid介绍](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012823980)

[CSS Gird 布局 指南 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a598f556fb9a01cb912d9cc)

[理论联系实际：从零理解WebSocket的通信原理、协议格式、安全性-网页端IM开发/专项技术区 - 即时通讯开发者社区!](http://link.zhihu.com/?target=http%3A//www.52im.net/thread-1341-1-1.html)

[display的32种写法](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012833458)

[如何继承Date对象？由一道题彻底弄懂JS继承。 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5c2193f265da3e377bfd83)

[用本地运行的demo快速入门跨域](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000009814558)

[JavaScript从反转数组到链表反转 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5962f251882573505129e5)

## [对服务端渲染的一次完全实践 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5c186e6fb9a01cbc6e5cb8)

## [antd源码解读（10）- notification](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5b6d3c51882573473db9af)

[深入CSS优先级](http://link.zhihu.com/?target=http%3A//ghmagical.com/article/page/id/ote3wHDxzIHS)

## [利用HTML和CSS实现常见的布局](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000003931851)

## [记一次网易前端实习面试 ](http://link.zhihu.com/?target=https%3A//www.jianshu.com/p/1508e70a14e1)

[34 行 JavaScript 代码搞定粒子动画效果](http://link.zhihu.com/?target=http%3A//svgtrick.com/tricks/0cf695ca1f3af43669223cc4c8d565a3)

[用CSS来制作图标 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a635255518825545d75df2c)

## [ios微信下vue项目组件切换并自动播放音频的解决方案 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a65ad38518825732b19f595)

## parcel：

[webpack 持久化缓存实践](https://zhuanlan.zhihu.com/p/32909176)

[Webpack原理-编写Plugin - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a5c18f2518825734f52ad65)

[Vue尝鲜快速、零配置的打包工具---parcel~ - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a596f87f265da3e2839f517)

Canvas：

[canvas烟花锦集](http://link.zhihu.com/?target=http%3A//www.bestvist.com/2018/01/15/canvas-fireworks/)

Native：

[React Native 网络层分析](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a61641751882573443cc202)

## [我们编写 React 组件的最佳实践](http://link.zhihu.com/?target=https%3A//blog.catwen.cn/2018/01/18/best-practices-for-writing-react-components/) 【*****】

## [[贝聊科技]网页端「应用跳转」技术实现演变 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a655597f265da3e4c07e689)

你不知道的javaScript：

[跨域之由Request Method:OPTIONS初窥CORS](https://zhuanlan.zhihu.com/p/31935253)

[一起来看 HTML 5.2 中新的原生元素 ](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012894864)

[深入浅出 JavaScript 的Array.prototype.sort 排序算法](http://link.zhihu.com/?target=https%3A//hufangyun.com/2017/sort-array/)

[1657413883/The-Road-of-FE](http://link.zhihu.com/?target=https%3A//github.com/1657413883/The-Road-of-FE)

[可视化拖拽 UI 布局之拖拽篇 - 掘金](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a667e286fb9a01c982cb474)

[快速掌握JavaScript面试基础知识(二) | Fundebug博客](http://link.zhihu.com/?target=https%3A//blog.fundebug.com/2018/01/22/the-definitive-javascript-handbook-for-a-developer-interview-2/)

[JavaScript tips -- 谈谈数组乱序](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a6834bb51882573485a1f2b%23comment)

[Javascript调试命令——你只会Console.log() ?](http://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012957199)

[JavaScript for...in 循环出来的对象属性顺序到底是什么规律？](http://link.zhihu.com/?target=https%3A//juejin.im/post/5a6936e9f265da3e2d339e00)

CSS奇巧淫技：

[基于css的优雅的用户跟踪技术](http://link.zhihu.com/?target=https%3A//github.com/jbtronics/CrookedStyleSheets/blob/master/docs/README.zh.md)

## [从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)

## [jQuery源码学习总结](http://link.zhihu.com/?target=https%3A//github.com/ttian226/learn_jquery)

## [类似淘票票 选座功能（svg）](https://juejin.im/post/5bed39096fb9a049b3478caf)