awesome-web

A list resources of web

• https://github.com

• https://segmentfault.com

• http://stackoverflow.com

• https://www.zhihu.com/explore

• https://github.com/jsfront

Module

• 模块化理解: http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html

• RequireJS进阶:配置文件的学习: https://segmentfault.com/a/1190000002401665

• AMD、CMD、UMD 模块的写法: http://web.jobbole.com/82238/

• A tool for managing JavaScript projects with multiple packages: https://github.com/lerna/lerna

• js模块化编程之彻底弄懂CommonJS和AMD/CMD！ https://www.cnblogs.com/chenguangliang/p/5856701.html

• javascript模块化之CommonJS、AMD、CMD、UMD、ES6 http://blog.csdn.net/Real_Bird/article/details/54869066

• module.exports与exports，export与export default之间的关系和区别: https://www.cnblogs.com/fayin/p/6831071.html

Router

• 原生JS实现一个简单的前端路由（路由实现的原理）: http://blog.csdn.net/sunxinty/article/details/52586556

HTTP

• HTTP中GET与POST的区别: http://blog.csdn.net/sinat_25127047/article/details/52690959

• 关于HTTP协议，一篇就够了: http://www.cnblogs.com/ranyonsue/p/5984001.html

• TCP协议详解: http://www.jianshu.com/p/ef892323e68f

• Promise based HTTP client for the browser and node.js: https://github.com/mzabriskie/axios

• 理解RESTful架构: http://www.ruanyifeng.com/blog/2011/09/restful

• 彻底弄懂HTTP缓存机制及原理: https://www.cnblogs.com/chenqf/p/6386163.html

• 图解传说中的HTTP协议（一）： https://www.toutiao.com/i6480290584140448269/

  https://www.toutiao.com/i6487535450104791566/

  • github https://github.com/woai30231/http

websocket

• websocket教程（一） 非常有趣的理解websocket: https://www.cnblogs.com/tohxyblog/p/7112917.html

NPM

• 进行npm源地址的切换: https://github.com/Pana/nrm

SVG

• 使用SVG中的Symbol元素制作Icon: https://isux.tencent.com/16292.html

HTML

• A list of everything that could go in the of your document: https://github.com/joshbuchea/HEAD

JS

• JS学习系列 01 - 编译原理和作用域: https://segmentfault.com/a/1190000007991284

• JavaScript模板引擎原理，几行代码的事儿:

  http://www.cnblogs.com/hustskyking/p/principle-of-javascript-template.html

• John Resig 大神的模板引擎 htmlparser.js:

  https://johnresig.com/blog/pure-javascript-html-parser/

  https://johnresig.com/files/htmlparser.js

• 你可能不知道的JavaScript的new Function()方法:

  http://www.jb51.net/article/49103.htm  

• 虚拟DOM：

  https://github.com/snabbdom/snabbdom

  深度剖析：如何实现一个 Virtual DOM 算法 ： https://github.com/livoras/blog/issues/13  

• 数据响应系统:

  https://github.com/nx-js/observer-util

• js类型检查：

  facebook js 类型检查: https://flow.org/

  Flow - JS静态类型检查工具: https://segmentfault.com/a/1190000008088489?utm_source=tuicool&utm_medium=referral  

• js设计模式:

  Javascript常用的设计模式详解: http://www.cnblogs.com/tugenhua0707/p/5198407.html  

• js执行原理：

  深入理解JS 执行细节: http://www.cnblogs.com/onepixel/p/5090799.html   干货分享：让你分分钟学会JS闭包: http://www.cnblogs.com/onepixel/p/5062456.html

  JS核心系列：浅谈函数的作用域: http://www.cnblogs.com/onepixel/p/5036369.html

  谈JS中的作用域链与原型链（1）： http://www.cnblogs.com/dadSheng/p/6412668.html

• js在线运行平台：

  http://jsbin.com  

• 省市区数据库： 中国行政区划信息-区划代码数据库【省、市、区县、乡镇街道】三四级联动（GB/T 2260） http://jquerywidget.com/jquery-citys/

  https://github.com/mumuy/data_location  

• JS 详解 Cookie、 LocalStorage 与 SessionStorage： https://www.cnblogs.com/minigrasshopper/p/8064367.html

• 跨域解决方案二：使用JSONP实现跨域： https://www.cnblogs.com/choon/p/5393682.html

• Chrom查看Flash缓存文件及Flash下载方法： https://www.cnblogs.com/EasonJim/p/6800610.html

• 一篇文章理解JS继承——原型链/构造函数/组合/原型式/寄生式/寄生组合/Class extends：http://web.jobbole.com/95004/

• JS中的继承(上)：https://segmentfault.com/a/1190000014476341 https://github.com/noahlam/articles

• 一篇文章理解Web缓存：http://web.jobbole.com/95057/

• 最详尽的 JS 原型与原型链终极详解，没有「可能是」。（一）: https://www.jianshu.com/p/dee9f8b14771

CSS

• web app变革之rem: https://isux.tencent.com/web-app-rem.html

• PostCSS 是个什么鬼东西？ https://segmentfault.com/a/1190000003909268

• 手淘flexible适配终端方案（一）：https://blog.csdn.net/aron_H1/article/details/83051163

• 关于dpr的理解：https://www.cnblogs.com/liujn0829/p/7909218.html

• rem布局原理深度理解（以及em/vw/vh）：https://www.cnblogs.com/leaf930814/p/9059340.html

Replace jQuery

• 你可能不需要 jQuery (You Might Not Need jQuery): https://github.com/oneuijs/You-Dont-Need-jQuery/blob/master/README.zh-CN.md

正则表达式

• 深入理解正则表达式： https://www.cnblogs.com/lizhenlin/p/6654934.html

• 【干货】五分钟，正则表达式不再是你的烦恼: https://www.jianshu.com/p/4f258d81ff4c

• 正则表达式分组()、不捕获(?:)和断言(?<=)详解: https://www.cnblogs.com/leezhxing/p/4333773.html

前端架构

• 界面之下：还原真实的MV*模式： https://github.com/livoras/blog/issues/11

• 《浅谈架构之路：前后端分离模式》: https://www.cnblogs.com/shanrengo/p/6397734.html

前端规范

• alloyteam： http://alloyteam.github.io/CodeGuide/

UI库

• 饿了么: https://github.com/elemefe https://github.com/ElemeFE/element

JS效果库

• 数字变化动画: https://github.com/inorganik/countUp.js

hybird开发技术

• 浅谈Hybrid技术的设计与实现: http://www.cnblogs.com/yexiaochai/p/4921635.html

• Hybrid选型及设计原理: https://segmentfault.com/a/1190000002587623

• Hybrid APP混合开发的一些经验和总结: http://www.cnblogs.com/kingplus/p/5588339.html

• Hybrid APP架构设计思路： https://segmentfault.com/a/1190000004263182

浏览器兼容性

• 浏览器兼容性处理大全： http://www.cnblogs.com/0351jiazhuang/p/4525354.html?utm_source=tuicool&utm_medium=referral

前后台交互工具

• swagger是一个REST APIs文档生成工具： http://swagger.io/

• https://github.com/thx/RAP

• Charles常用的十大功能(抓包工具)： https://www.jianshu.com/p/f7ceb7992229

在线编程

• 实验楼: https://www.shiyanlou.com/

项目实例

• NW.js + Bootstrap + React全家桶 + Webpack写的一个GUI软件: https://github.com/liangklfangl/react-universal-bucket

• 仿简书nodejs+express+mongodb+vue2+angular4+爬虫：https://github.com/jiayisheji/jianshu

• 《Angular 实战系列》: https://github.com/IronPans/angular-demo

• vue+node+mongodb 博客： https://github.com/bestRenekton/taoLand

面试题

• 2018最新Web前端经典面试试题及答案: http://blog.csdn.net/wdlhao/article/details/79079660

• 前端工程师面试必备（持续更新中）: https://juejin.im/post/5cd0bdfc6fb9a031f10ca08c?utm_source=gold_browser_extension

Blog

• dwqs/blog: https://github.com/dwqs/blog/issues

• Windows下的包管理器Chocolatey: https://www.jianshu.com/p/831aa4a280e7

• Web 研发模式演变: https://github.com/lifesinger/blog/issues/184

• Vue源码分析： https://github.com/zyl1314/blog/issues

• javascript原理分析： https://github.com/Troland/how-javascript-works

• spinners: https://github.com/yangshun/awesome-spinners

• https://github.com/Mcbai/Blog/issues

• 2018 年 Web 开发者路线图：最全的教程、资源和在线课程: https://36kr.com/p/5120748.html

• 现代化前端工程师权威指南 https://guoyongfeng.github.io/book/

• 学习资料：https://github.com/f2e-awesome/knowledge

• 前端技能： https://github.com/JacksonTian/fks

• 一像素： https://github.com/git-onepixel

• javscript全栈：javascript可以用在各个领域（序）： http://www.cnblogs.com/fang9159/p/6636162.html

• ES6、ES7、ES8、ES9、ES10新特性一览：https://juejin.im/post/5ca2e1935188254416288eb2#heading-18

• 一个程序员的成长之路： https://github.com/fouber/blog/issues/41

• 科学上网：https://github.com/cbxs123/cbxs123.github.io/

开发工具

• IntelliJ IDEA几种激活方式 https://blog.csdn.net/justszh/article/details/81484802

面试题

• es6面试题：https://www.cnblogs.com/fengxiongZz/p/8191503.html

• 移动端适配：https://segmentfault.com/a/1190000019138515

• 移动端1像素边框问题：https://www.jianshu.com/p/fa670b737a29

• 让虚拟DOM和DOM-diff不再成为你的绊脚石： https://juejin.im/post/5c8e5e4951882545c109ae9c

• 前端优化：浏览器缓存技术介绍：https://juejin.im/post/5b9346dcf265da0aac6fbe57#heading-3

• 前端 100 问：能搞懂 80% 的请把简历给我：https://juejin.im/post/5d23e750f265da1b855c7bbe

• Vue + Element UI 实现权限管理系统 前端篇（十三）：页面权限控制：https://www.cnblogs.com/xifengxiaoma/p/9649895.html

UI设计工具

• 蓝湖：https://lanhuapp.com

• pxCook: https://www.fancynode.com.cn/pxcook

• VUE UI 框架

• quasar framework ： http://www.quasarchs.com/

• https://www.uigreat.com/page/guifan

• https://www.uisdc.com/tag/ps%E6%95%99%E7%A8%8B

算法，数据结构

• 一套图 搞懂“时间复杂度”： https://blog.csdn.net/qq_41523096/article/details/82142747

• 前端该如何准备数据结构和算法？： https://juejin.im/post/5d5b307b5188253da24d3cd1?utm_source=gold_browser_extension#heading-32

测试

• 在VS Code中调试Jest单元测试：https://blog.csdn.net/anonym/article/details/78511186