Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/suoyuesmile/suo-blog
:fox_face:技术博客文章、笔记、实战、技术探讨、资源收集等等
https://github.com/suoyuesmile/suo-blog
Last synced: 22 days ago
JSON representation
:fox_face:技术博客文章、笔记、实战、技术探讨、资源收集等等
- Host: GitHub
- URL: https://github.com/suoyuesmile/suo-blog
- Owner: suoyuesmile
- Created: 2017-08-26T03:21:05.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-26T19:55:29.000Z (almost 2 years ago)
- Last Synced: 2024-08-05T17:28:59.496Z (4 months ago)
- Language: JavaScript
- Homepage:
- Size: 17 MB
- Stars: 243
- Watchers: 13
- Forks: 42
- Open Issues: 35
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-hacking-lists - suoyuesmile/suo-blog - :fox_face:技术博客文章、笔记、实战、技术探讨、资源收集等等 (JavaScript)
README
:rocket: _It's my records of the journey from phper to fronter, now sharing to you and hoping that these make sence for you. if you like it, please star it! Thank You!_
本博客将持续更新，喜欢请收藏STAR一下，更多内容在[suosmile](https://github.com/suoyuesmile)关注一下，谢谢~:yum:
文章将优先发布于掘金平台，点击关注掘金账号哦。如果需要接受通知请关注微信公众号@前端攻城狗！
## 前端技术实战、研究总结
### 个人技术博客文章列表
| 编号 | 名称 | 状态 |
| ---- | ---------------------------------------------------------------------------------------- | ---- |
| 0001 | [记一次忏悔的前端面试经验（Vue 双向绑定原理）](articals/vue/0001.md) | 完成 |
| 0002 | [关于这些天杭州各厂面试汇总（从JavaScript各种原理到框架源码](articals/interview/0001.md) | 完成 |
| 0003 | [3个小时能把 React 学到哪种程度？](articals/react/0001.md) | 完成 |
| 0004 | [如何让 Promise 控制业务流程（Re 同步异步 开始一步一步深入）](articals/js/0001.md) | 完成 |
| 0005 | [理解promise、 generator 、async & await 之间的联系](articals/js/0002.md) | 完成 |
| 0006 | [吃透移动端 1px](articals/h5/0001.md) | 完成 |
| 0007 | [吃透移动端 H5 响应式布局](articals/h5/0002.md) | 完成 |
| 0008 | [吃透移动端 H5 与 hybrid](articals/h5/0003.md) | 完成 |
| 0009 | [吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧《上》](articals/vue/0002.md) | 完成 |
| 0010 | [吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧《中》](https://juejin.im/post/5e15932ee51d4540f02fae27) | 完成 |
| 0011 | [吃透 Vue 项目开发实践｜16个方面深入前端工程化开发技巧《下》](https://juejin.im/post/5e1eb1dff265da3e354ea2d0) | 完成 |
| 0012 | [杭州前端面试通关新手入门指南](https://juejin.im/user/59a3e1de51882524401237cf) | 完成 |
| 0013 | [TypeScript 语言精髓与项目实战]() | 10月计划 |
| 0014 | [Vue 到 React 全面比较与上手指南]() | 10月计划 |
| 0015 | [Node 入门练习]() | 10月计划 |
| 0016 | [前端技术框架与架构的思索与探索]() | 10月计划 |
### 每日一个编程小题
| 编号 | 名称 | 状态 | 难度 |
| ---- | ------------------------------------------------------ | ---- | ---- |
| 0001 | [1.两数相加](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/1.两数之和.js) | 完成 | 简单 |
| 0002 | [7.整数反转](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/7.整数反转.js) | 完成 | 简单 |
| 0003 | [9.回文数](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/9.回文数.js) | 完成 | 简单 |
| 0004 | [13.罗马数字转整数](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/13.罗马数字转整数.js) | 完成 | 简单 |
| 0005 | [14.最长公共前缀](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/14.最长公共前缀.js) | 完成 | 简单 |
| 0006 | [20.有效的括号](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/20.有效的括号.js) | 完成 | 简单 |
| 0007 | [26.删除排序数组中的重复项](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/26.删除排序数组中的重复项.js) | 完成 | 简单 |
| 0008 | [27.移除元素](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/27.移除元素.js) | 完成 | 简单 |
| 0009 | [28.实现-str-str](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/28.实现-str-str.js) | 完成 | 简单 |
| 0010 | [35.搜索插入位置](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/35.搜索插入位置.js) | 完成 | 简单 |
| 0011 | [58.最后一个单词的长度](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/58.最后一个单词的长度.js) | 完成 | 简单 |
| 0012 | [66.加一](https://github.com/suoyuesmile/suo-blog/blob/master/src/leetcode/66.加一.js) | 完成 | 简单 |
### 前端开放研究点 todo
#### JavaScript
| 编号 | 名称 | 状态 |
| ---- | ----------------------------------- | ---- |
| 0001 | [闭包](articals/js/0002.md) | 10月计划 |
| 0002 | [this](articals/js/0002.md) | 10月计划 |
| 0003 | [new](articals/js/0002.md) | 10月计划 |
| 0004 | [深浅拷贝](articals/js/0002.md) | 10月计划 |
| 0005 | [promise](articals/js/0002.md) | 计划 |
| 0006 | [async、await](articals/js/0002.md) | 计划 |
| 0007 | [原型与原型链](articals/js/0002.md) | 计划 |
| 0008 | [继承](articals/js/0002.md) | 计划 |
| 0009 | [防抖与节流](articals/js/0002.md) | 计划 |
| 0010 | [类型判断](articals/js/0002.md) | 计划 |
| 0011 | [运行机制](articals/js/0002.md) | 计划 |
#### CSS
| 编号 | 名称 | 状态 |
| ---- | ----------------------------------- | ---- |
| 0001 | [常用开发技巧](articals/js/0002.md) | 10月计划 |
| 0002 | [BFC](articals/js/0002.md) | 10月计划 |
| 0003 | [布局](articals/js/0002.md) | 10月计划 |
| 0004 | [flexbox](articals/js/0002.md) | 10月计划 |
| 0005 | [计量单位](articals/js/0002.md) | 计划 |
| 0006 | [提升UI效果](articals/js/0002.md) | 计划 |
| 0007 | [对齐](articals/js/0002.md) | 计划 |
| 0008 | [过渡与动画](articals/js/0002.md) | 计划 |
| 0009 | [预编译](articals/js/0002.md) | 计划 |
| 0010 | [高级用法](articals/js/0002.md) | 计划 |
#### HTML
| 编号 | 名称 | 状态 |
| ---- | ----------------------------------- | ---- |
| 0001 | [常用开发技巧](articals/js/0002.md) | 10月计划 |
| 0002 | [语义化开发](articals/js/0002.md) | 10月计划 |
| 0003 | [块级与内联](articals/js/0002.md) | 10月计划 |
| 0004 | [DOM 树分析](articals/js/0002.md) | 10月计划 |
| 0004 | [PUG 相关](articals/js/0002.md) | 10月计划 |
#### TypeScript
| 编号 | 名称 | 状态 |
| ---- | ----------------------------------- | ---- |
| 0001 | [常用开发技巧](articals/js/0002.md) | 10月计划 |
| 0002 | [类型增强与推断](articals/js/0002.md) | 10月计划 |
| 0003 | [面向对象开发](articals/js/0002.md) | 10月计划 |
| 0004 | [高级技巧](articals/js/0002.md) | 10月计划 |
| 0004 | [装饰器](articals/js/0002.md) | 10月计划 |
#### Node
| 编号 | 名称 | 状态 |
| ---- | ----------------------------------- | ---- |
| 0001 | [常用开发技巧](articals/js/0002.md) | 10月计划 |
| 0002 | [服务提供](articals/js/0002.md) | 10月计划 |
| 0003 | [面向对象开发](articals/js/0002.md) | 10月计划 |
| 0004 | [高级技巧](articals/js/0002.md) | 10月计划 |
| 0004 | [装饰器](articals/js/0002.md) | 10月计划 |
#### Vue
| 编号 | 名称 | 状态 |
| ---- | ----------------------------------- | ---- |
| 0001 | [常用开发技巧](articals/js/0002.md) | 10月计划 |
| 0002 | [服务提供](articals/js/0002.md) | 10月计划 |
| 0003 | [面向对象开发](articals/js/0002.md) | 10月计划 |
| 0004 | [高级技巧](articals/js/0002.md) | 10月计划 |
| 0004 | [装饰器](articals/js/0002.md) | 10月计划 |
#### React
| 编号 | 名称 | 状态 |
| ---- | ----------------------------------- | ---- |
| 0001 | [常用开发技巧](articals/js/0002.md) | 10月计划 |
| 0002 | [服务提供](articals/js/0002.md) | 10月计划 |
| 0003 | [面向对象开发](articals/js/0002.md) | 10月计划 |
| 0004 | [高级技巧](articals/js/0002.md) | 10月计划 |
| 0004 | [装饰器](articals/js/0002.md) | 10月计划 |
#### Webpack
| 编号 | 名称 | 状态 |
| ---- | ----------------------------------- | ---- |
| 0001 | [常用开发技巧](articals/js/0002.md) | 10月计划 |
| 0002 | [服务提供](articals/js/0002.md) | 10月计划 |
| 0003 | [面向对象开发](articals/js/0002.md) | 10月计划 |
| 0004 | [高级技巧](articals/js/0002.md) | 10月计划 |
| 0004 | [装饰器](articals/js/0002.md) | 10月计划 |
#### 浏览器
| 编号 | 名称 | 状态 |
| ---- | ----------------------------------- | ---- |
| 0001 | [常用开发技巧](articals/js/0002.md) | 10月计划 |
| 0002 | [服务提供](articals/js/0002.md) | 10月计划 |
| 0003 | [面向对象开发](articals/js/0002.md) | 10月计划 |
| 0004 | [高级技巧](articals/js/0002.md) | 10月计划 |
| 0004 | [装饰器](articals/js/0002.md) | 10月计划 |
## 编程基础笔记
### c & c++
| c | c++ |
| ----------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------- |
| [c语言基础之数据类型](articals/c/data.md) | [c++变量解析](articals/c++/var.md) |
| [c数组](articals/c/array.md) | [c++数组、向量、字符串](articals/c++/str_map_arr.md) |
| [c函数](articals/c/function.md) | [c++函数](articals/c++/function.md) |
| [c字符串](articals/c/string.md) | [c++类](articals/c++/class.md) |
| [c内存管理](articals/c/memory.md) | [c++面向对象](articals/c++/oop.md) |
| [c文件IO](articals/c/fileIO.md) | [c++操作符重载](articals/c++/reload.md) |
| **Reference** | **Reference** |
| [c/c++ 中文参考手册](http://zh.cppreference.com/) | [c 语言编程透视](https://www.gitbook.com/book/tinylab/cbook/details) |
| [c++ 并发编程指南](https://github.com/forhappy/Cplusplus-Concurrency-In-Practice) | [Linux C编程一站式学习](http://akaedu.github.io/book/) |
| [100个gdb小技巧](https://github.com/hellogcc/100-gdb-tips/blob/master/src/index.md) | [100个gcc小技巧](https://github.com/hellogcc/100-gcc-tips/blob/master/src/index.md) |
| [c/c++ Primer](https://github.com/andycai/cprimer) | [C++ Primer 5th Answers](https://github.com/Mooophy/Cpp-Primer) |
| [---------------表格内容填充物----------------]() | [---------------表格内容填充物----------------]() |
### 数据结构 & 算法
| 数据结构 | 算法 |
| ------------------------------------------------------- | ------------------------------------------------------------------------------ |
| [数据结构之向量](src/note/vector.md) | [算法与数据结构知识归纳整理](src/note/sum.md) |
| [数据结构之列表](src/note/list.md) | [用来度量算法好坏的方法](src/note/computer.md) |
| [数据结构之二叉树](src/note/tree.md) | [算法之排序](http://blog.csdn.net/hguisu/article/details/7776068) |
| [数据结构之图](src/note/graph.md) | [以串为基础的算法](src/note/string.md) |
| [数据结构之二叉搜索树](src/note/bst.md) | [算法之递归](http://www.cnblogs.com/xiaoliu66007/p/3927111.html) |
| [数据结构之高级搜索树](src/note/superBST.md) | [算法之迭代](http://blog.csdn.net/l979951191/article/details/47659777) |
| [数据结构之优先级队列](src/note/proqueue.md) | [算法之动态规划](https://www.zhihu.com/question/23995189) |
| [数据结构之散列表](src/note/hash.md) | [算法之贪心算法](http://blog.csdn.net/effective_coder/article/details/8736718) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### 编译原理相关
| 编译原理 | |
| ------------------------------------------------------- | ------------------------------------------------------------------------------ |
| [数据结构之向量](src/note/vector.md) | [算法与数据结构知识归纳整理](src/note/sum.md) |
| [数据结构之列表](src/note/list.md) | [用来度量算法好坏的方法](src/note/computer.md) |
| [数据结构之二叉树](src/note/tree.md) | [算法之排序](http://blog.csdn.net/hguisu/article/details/7776068) |
| [数据结构之图](src/note/graph.md) | [以串为基础的算法](src/note/string.md) |
| [数据结构之二叉搜索树](src/note/bst.md) | [算法之递归](http://www.cnblogs.com/xiaoliu66007/p/3927111.html) |
| [数据结构之高级搜索树](src/note/superBST.md) | [算法之迭代](http://blog.csdn.net/l979951191/article/details/47659777) |
| [数据结构之优先级队列](src/note/proqueue.md) | [算法之动态规划](https://www.zhihu.com/question/23995189) |
| [数据结构之散列表](src/note/hash.md) | [算法之贪心算法](http://blog.csdn.net/effective_coder/article/details/8736718) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
## 入门资料收集
### HTML & CSS 简单入门
| Reference | Reference |
| ---------------------------------------------------------------------- | ----------------------------------------------------------- |
| [W3C入门手册教程]() | [CSS语法参考](http://tympanus.net/codrops/css_reference) |
| [MDN HTML 中文文档](https://developer.mozilla.org/zh-CN/docs/Web/HTML) | [CSS3动画手册](http://isux.tencent.com/css3/index.html) |
| [HTML和CSS编码规范](http://codeguide.bootcss.com/) | [CSS3动画制作工具](http://isux.tencent.com/css3/tools.html) |
| [学习CSS布局](http://zh.learnlayout.com/) | [Emmet 文档](http://yanxyz.github.io/emmet-docs/) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### JavaScript & jQuery 基础入门
| Article | Article |
| -------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------- |
| [JavaScript继承设计机制](https://github.com/suoyuesmile/full-stack-developer/issues/14) | [JavaScript同源策略与规避](https://github.com/suoyuesmile/full-stack-developer/issues/15) |
| [jQuery设计思想](https://github.com/suoyuesmile/full-stack-developer/issues/12) | [jQuery最佳实践](https://github.com/suoyuesmile/full-stack-developer/issues/13) |
| [JavaScript严格模式](https://github.com/suoyuesmile/full-stack-developer/issues/10) | [JavaScript快速排序](https://github.com/suoyuesmile/full-stack-developer/issues/11) |
| [JavaScript模块化编程](https://github.com/suoyuesmile/full-stack-developer/issues/8) | [JavaScript异步编程 ](https://github.com/suoyuesmile/full-stack-developer/issues/9) |
| [JavaScript的this用法](https://github.com/suoyuesmile/full-stack-developer/issues/6) | [JavaScript定义类的方法](https://github.com/suoyuesmile/full-stack-developer/issues/7) |
| [JavaScript面向对象编程](https://github.com/suoyuesmile/full-stack-developer/issues/4) | [JavaScript闭包原理与分析](https://github.com/suoyuesmile/full-stack-developer/issues/5) |
| Reference | Reference |
| [廖雪峰JavaScript全栈教程](http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000) | [jQuery 解构](http://www.cn-cuckoo.com/deconstructed/jquery.html) |
| [阮一峰 JavaScript基础教程](http://javascript.ruanyifeng.com) | [简单易懂的JQuery魔法](http://www.nowamagic.net/librarys/books/contents/jquery) |
| [JavaScript中的this陷阱的最全收集](https://segmentfault.com/a/1190000002640298) | [How to write jQuery plugin](http://i5ting.github.io/How-to-write-jQuery-plugin/build/jquery.plugin.html) |
| [Promise迷你书（中文版](http://liubin.github.io/promises-book) | [You Don't Need jQuery](https://github.com/oneuijs/You-Dont-Need-jQuery/blob/master/README.zh-CN.md) |
| [前端框架最新排名 TOP 100](https://www.awesomes.cn/rank) | [如何实现一个类jQuery？](https://github.com/MeCKodo/forchange) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### PHP 基础入门
| Reference | Reference |
| ------------------------------------------------------- | --------------------------------------------------------- |
| [w3c中php快速入门手册](http://www.w3school.com.cn/php/) | [ThinkPHP 入门视频教程(网盘)]() |
| [学习php的正确道路 ](http://www.phptherightway.com/) | [PHP 官方手册](http://php.net/manual/zh/) |
| [php官方组成员鸟哥的博客](http://www.laruence.com/ ) | [深入理解PHP内核](https://github.com/reeze/tipi) |
| [最热门php开发社区：phpchina](http://www.phpchina.com/) | [PHP扩展开发及内核应用](http://www.walu.cc/phpbook/) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### MySQL & Web Server 基础入门
| Reference | Reference |
| --------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- |
| [21分钟MySQL入门教程](http://www.cnblogs.com/mr-wid/archive/2013/05/09/3068229.html) | [Apache Spark 设计与实现](https://github.com/JerryLead/SparkInternals/tree/master/markdown) |
| [MySQL慕课网中免费进阶教程]() | [Nginx开发从入门到精通](http://tengine.taobao.org/book/index.html) | [Nginx教程从入门到精通](http://www.ttlsa.com/nginx/nginx-stu-pdf/) |
| [常用sql语句大集合]() | [OpenResty最佳实践](https://www.gitbook.com/book/moonbingbing/openresty-best-practices/details) |
| [MySQL索引数据结构及算法原理](http://blog.codinglabs.org/articles/theory-of-mysql-index.html) | [Apache 中文手册](http://works.jinbuguo.com/apache/menu22/index.html) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### Laravel & Yii 基础入门
| Reference | Reference |
| -------------------------------------------------------- | --------------------------------------------------------- |
| [Laravel5.1 中文文档](http://laravel-china.org/docs/5.1) | [YiiBook几本Yii框架的在线教程](http://yiibook.com//doc) |
| [Laravel 5.1 LTS 速查表](https://cs.phphub.org/) | [深入理解 Yii 2.0](http://www.digpage.com/) |
| [Laravel 最大的中国开发者社区]() | [Yii 框架中文文檔](http://www.yiichina.com/) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### Linux & Git 基础入门
| Reference | Reference |
| ------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------- |
| [Linux安装镜像(Unbutu16)]() | [Git window安装包]() |
| [鸟哥的Linux私房菜](http://vbird.dic.ksu.edu.tw/) | [Pro Git 中文版](https://www.gitbook.com/book/0532/progit/details) |
| [The Linux Command Line](http://billie66.github.io/TLCL/index.html) | [猴子都能懂的GIT入门](http://backlogtool.com/git-guide/cn/) |
| [UNIX TOOLBOX](http://cb.vu/unixtoolbox_zh_CN.xhtml) | [廖雪峰Git教程](http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### Sublime & Vim 简单使用
| Reference | Reference |
| ----------------------------------------------------------------------------------- | ----------------------------------------------------------------- |
| [Sublime使用技巧之快捷键](http://www.jb51.net/softjc/180873.html) | [exvim--vim 改良成IDE项目](http://exvim.github.io/docs-zh/intro/) |
| [Sublime插件大全](http://www.oschina.net/translate/20-powerful-sublimetext-plugins) | [Vim中文文档](https://github.com/vimcn/vimcdoc) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### Markdown 简单使用
| Reference | Reference |
| -------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- |
| [Markdown 语法说明 (简体中文版)](http://wowubuntu.com/markdown) | [Markdown入门参考](https://github.com/LearnShare/Learning-Markdown/blob/master/README.md) |
| [Mdeditor(国内在线markdown编辑器)](https://www.zybuluo.com/mdeditor) | [Stackedit(国外markdown编辑器)](https://stackedit.io) |
| [Mditor轻量级的markdown编辑器](http://bh-lay.github.io/mditor) | [lepture-editor](https://github.com/lepture/editor) |
| [Markdown-editor](https://github.com/jbt/markdown-editor) | |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### Weapp 基础教程
| Reference | Reference |
| ------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------- |
| [微信小程序简易教程](https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=2017621) | [微信小程序官方组件库](https://mp.weixin.qq.com/debug/wxadoc/dev/component/text.html) |
| [微信小程序入门教程(视频)](http://pan.baidu.com/s/1c1OdUQc) | [有赞小程序ui组件](https://github.com/youzan/zanui-weapp) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### NodeJS & AngularJS 基础入门
| Reference | Reference |
| ------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------- |
| [Node.js 看了就懂系列](https://github.com/alsotang/node-lessons) | [AngularJS最佳实践和风格指南](https://github.com/mgechev/angularjs-style-guide/blob/master/README-zh-cn.md) |
| [你信不信5天学会NodeJS](http://nqdeng.github.io/7-days-nodejs/) | [AngularJS中译本](https://github.com/peiransun/angularjs-cn) |
| [从零开始的nodejs世界生活](http://blog.fens.me/series-nodejs) | [AngularJS入门教程](https://github.com/zensh/AngularjsTutorial_cn) |
| [赶紧的Node.js入门系列](http://www.nodebeginner.org/index-zh-cn.html) | [构建自己的AngularJS](https://github.com/xufei/Make-Your-Own-AngularJS/blob/master/01.md) |
| [Node初学者入门，NodeJS教程](http://ourjs.com/detail/529ca5950cb6498814000005) | [在Windows环境下构建AngularJS项目](http://www.waylau.com/build-angularjs-app-with-yeoman-in-windows/) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### React & Vue 文档
| Reference | Reference |
| --------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- |
| [React教程 我是菜鸟系列](http://www.runoob.com/react/react-tutorial.html) | [Vue官网](http://cn.vuejs.org) |
| [React.js快速开始系列](http://www.phperz.com/article/15/0712/140537.html#) | [Awesome-vue这是啥很厉害的样子](https://github.com/vuejs/awesome-vue) |
| [轻松入门React和Webpack](https://segmentfault.com/a/1190000002767365) | [Vue开发这论坛](http://forum.vuejs.org) |
| [Redux 中文文档](http://cn.redux.js.org/) | [移动端Vue组件集合](https://github.com/ElemeFE/mint-ui ) |
| [React介绍及实践教程](http://www.ibm.com/developerworks/cn/web/1509_dongyue_react/index.html) | [桌面端Vue集合](https://github.com/ElemeFE/element) |
| [React.js amazeui UI](http://amazeui.org/react) | [Vue菜鸟教程](http://www.runoob.com/w3cnote/vue2-start-coding.html) |
| [React Native 中文版](http://wiki.jikexueyuan.com/project/react-native) | [Vue快速入门](http://www.cnblogs.com/rik28/p/6024425.html) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### Front-end 整理一些资料
| Reference | Reference |
| --------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------- |
| [前端知识汇总](https://github.com/JacksonTian/fks) | [前端开发大系概览图](https://github.com/unruledboy/WebFrontEndStack) |
| [免费的编程中文书籍索](https://github.com/justjavac/free-programming-books-zh_CN) | [前端书籍大全](https://github.com/dypsilon/frontend-dev-bookmarks) |
| [前端免费书籍大全](https://github.com/vhf/free-programming-books) | [重新介绍JavaScript（JS教程）](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript) |
| [Gitbook](https://www.gitbook.com) | [Front-End-Develop 前端开发指南](https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide) |
| [前端开发笔记本](https://li-xinyang.gitbooks.io/frontend-notebook/content) | [大前端工具集](https://github.com/nieweidong/fetool) |
| [前端开发者手册](https://dwqs.gitbooks.io/frontenddevhandbook/content) | [结合个人经历总结的前端入门方法](https://github.com/qiu-deqing/FE-learning) |
| [前端学习计划](http://blog.csdn.net/qq_25827845/article/details/53079094) | [前端知识体系图](img/qian.jpg) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### Front-end 规范相关
| Reference | Reference |
| ----------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------- |
| [github工程师代码书写习惯](http://alloyteam.github.io/CodeGuide/) | [HTML&CSS编码规范 by @mdo](http://codeguide.bootcss.com) |
| [前端编码规范之js - by yuwenhui](http://yuwenhui.github.io) | [前端编码规范之js - by 李靖](http://www.cnblogs.com/hustskyking/p/javascript-spec.html) |
| [Airbnb JavaScript 编码规范](https://github.com/yuche/javascript#table-of-contents) | [AMD与CMD规范的区别](http://www.zhihu.com/question/20351507) |
| [AMD与CMD规范的区别](http://www.cnblogs.com/tugenhua0707/p/3507957.html) | [KISSY 源码规范](http://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html) |
| [前端代码规范及最佳实践](http://blog.jobbole.com/79075) | [百度前端规范](http://coderlmn.github.io/code-standards) |
| [JavaScript风格指南/编码规范](http://blog.jobbole.com/79484) | [网易前端开发规范](http://nec.netease.com/standard) |
| [前端规范资源列表](https://github.com/ecomfe/spec) | [Web 前端开发规范文档](http://codecloud.net/5622.html) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |
### 性能优化相关
| Reference | Reference |
| ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- |
| [性能优化页面渲染](http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering) | [移动前端性能优化指南](http://isux.tencent.com/h5-performance.html) |
| [前端开发者必看的看的前端性能优化](http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers) | [前端性能再优化](http://www.zhangxinxu.com/wordpress/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD/) |
| [前端性能优化进阶大道](http://www.aliued.cn/2013/01/20/web%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD%E4%BC%98%E5%8C%96%E8%BF%9B%E9%98%B6%E8%B7%AF.html) | [前端性能指导书](http://www.feelcss.com/tag/%E5%89%8D%E7%AB%AF%E6%80%A7%E8%83%BD) |
| [YSLOW中文介绍](http://www.cnblogs.com/yslow) | [Yahoo团队实践分享：网站性能](http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml) |
| [加载，不只是少一点点](http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml) | [12306谈谈网站前端性能](http://coolshell.cn/articles/6470.html) |
| [【高性能前端1】高性能HTML](http://www.alloyteam.com/2012/10/high-performance-html) | [【高性能前端2】高性能CSS](http://www.alloyteam.com/2012/10/high-performance-css) |
| [静态资源版本更新与缓存](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1) | [静态资源管理与模板框架](http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2) |
| [HTTPS连接的前几毫秒发生了什么](http://blog.jobbole.com/48369) | [Yslow](http://uicss.cn/yslow/#more-12319) |
| [阿里无线前端Pt.1 加载期优化)](https://github.com/amfe/article/issues/1) | [前端网页性能最佳实践](http://www.cnblogs.com/developersupport/p/3248695.html) |
| [---------------------------------------------------]() | [-----------------------------------------------------]() |