├── 产品相关 ├── 交互体验.md ├── 产品设计.md ├── 文档处理.md ├── 项目管理.md └── README.md ├── CNAME ├── img ├── timg.jpg ├── contact.png ├── webchat.jpg └── subscription.jpg ├── 优秀作品收集 └── README.md ├── STUDYPLAN.md └── README.md /产品相关/交互体验.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /产品相关/产品设计.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /产品相关/文档处理.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /产品相关/项目管理.md: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | blog.xiaowuzi.info -------------------------------------------------------------------------------- /img/timg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ftTony/blog/HEAD/img/timg.jpg -------------------------------------------------------------------------------- /img/contact.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ftTony/blog/HEAD/img/contact.png -------------------------------------------------------------------------------- /img/webchat.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ftTony/blog/HEAD/img/webchat.jpg -------------------------------------------------------------------------------- /img/subscription.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ftTony/blog/HEAD/img/subscription.jpg -------------------------------------------------------------------------------- /产品相关/README.md: -------------------------------------------------------------------------------- 1 | 1. [什么是产品设计?](https://juejin.im/entry/570b6a6a75c4cd3c3b917bd0?utm_source=gold-miner&utm_medium=readme&utm_campaign=github) 2 | 2. [你不知道，我们为什么需要 PRD](https://mp.weixin.qq.com/s?__biz=MzU4MDc0NTEwNw==&mid=2247483694&idx=1&sn=372a20555dbcfee5d8128557839e4aba&chksm=fd5363d2ca24eac4ce375de9be00b4c14f27f27e306320f690b49b2c43eb8680b86dee71c72d&scene=0&subscene=10000&sessionid=1557229236&clicktime=1557229289&ascene=7&devicetype=android-27&version=2700043a&nettype=WIFI&abtest_cookie=BAABAAoACwASABMABQBWmR4Av5keANyZHgDimR4A%2BJkeAAAA&lang=zh_CN&pass_ticket=VVHPAaBNOsaOqH%2F6vgVqkhxHIzYGI3dhF2Ziq%2Fm5Vx%2FAgs%2FaQ%2F%2FPX3mfwVQi%2F9Ny&wx_header=1) 3 | 3. [如何写好 PRD？检验标准是？](https://mp.weixin.qq.com/s?__biz=MzU4MDc0NTEwNw==&mid=2247483714&idx=1&sn=92244821523aa9071879a9a09d5c0233&chksm=fd5363beca24eaa858d0f4672c46fc7a7ceaba28e7d8e82faa353bb929f6aaaa1dae97f5dbbb&scene=0&subscene=10000&sessionid=1557229236&clicktime=1557229321&ascene=7&devicetype=android-27&version=2700043a&nettype=WIFI&abtest_cookie=BAABAAoACwASABMABQBWmR4Av5keANyZHgDimR4A%2BJkeAAAA&lang=zh_CN&pass_ticket=VVHPAaBNOsaOqH%2F6vgVqkhxHIzYGI3dhF2Ziq%2Fm5Vx%2FAgs%2FaQ%2F%2FPX3mfwVQi%2F9Ny&wx_header=1) 4 | 4. [产品经理到底是什么样的角色](https://mp.weixin.qq.com/s?__biz=MzU4MDc0NTEwNw==&mid=2247483766&idx=1&sn=0b5a91178c254366b7fb954a3f563655&chksm=fd53638aca24ea9cdb462c5b6176358bca929cf909a4139a97aa0eff7e25c8b59f6b653dad73&xtrack=1&scene=0&subscene=10000&sessionid=1557229236&clicktime=1557229342&ascene=7&devicetype=android-27&version=2700043a&nettype=WIFI&abtest_cookie=BAABAAoACwASABMABQBWmR4Av5keANyZHgDimR4A%2BJkeAAAA&lang=zh_CN&pass_ticket=VVHPAaBNOsaOqH%2F6vgVqkhxHIzYGI3dhF2Ziq%2Fm5Vx%2FAgs%2FaQ%2F%2FPX3mfwVQi%2F9Ny&wx_header=1) 5 | 5. [画流程图的诀窍，ryan 告诉你](https://mp.weixin.qq.com/s/Wl9g7yLPuQHTXBt6Q63yug) 6 | 6. [超越[流程图]，产品狗必备技能](https://mp.weixin.qq.com/s/hIMDfCx4CNFKcwD49hv82w) 7 | 7. [提升结构化思考力](https://mp.weixin.qq.com/s/VQp9IcyZEt7dSyD_giJ_kQ) 8 | 8. [提升结构化思考力（2）](https://mp.weixin.qq.com/s/iuu6Bl-J1l5dLHSWLQ7hfw) 9 | 9. [关于创业，关于如何做好产品](https://github.com/voff12/awesome-product-thought) 10 | 10. [产品迷思](https://github.com/wx-chevalier/Product-Series) 11 | -------------------------------------------------------------------------------- /优秀作品收集/README.md: -------------------------------------------------------------------------------- 1 | 1. [vue 后台管理](https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md) 2 | 2. [基于 node.js + Mongodb 构建的后台系统](https://github.com/bailicangdu/node-elm) 3 | 3. [Chrome 插件](https://github.com/zhaoolee/ChromeAppHeroes) 4 | 4. [社交聊天系统](https://github.com/wuyawei/Vchat) 5 | 5. [frontend-memo-game](https://github.com/zerosoul/frontend-memo-game) 6 | 6. [Chrome 插件开发全攻略](https://github.com/sxei/chrome-plugin-demo) 7 | 7. [2018 年最值得关注的 30 个 Vue 开源项目](https://blog.fundebug.com/2018/05/29/30-amazing-vuejs-open-source/) 8 | 8. [仿美团外卖的全栈项目](https://github.com/zwStar/vue-meituan) 9 | 9. [vue-zhihu-daily](https://github.com/cccyb/vue-zhihu-daily) 10 | 10. [网易云音乐播放器](https://github.com/IFmiss/vue-music) 11 | 11. [高仿小米商城（手机版）的 Vue 项目](https://github.com/beautifulBoys/vue-XiaoMi-Shop) 12 | 12. [基于 Vue+Vuex+iView 的电子商城网站](https://github.com/PowerDos/Mall-Vue) 13 | 13. [盖楼游戏](https://github.com/iamkun/tower_game/blob/master/README.zh-CN.md) 14 | 14. [VUE 开源项目汇总](https://github.com/yanlele/node-index/blob/master/18%E5%B9%B4/3%E6%9C%88/07%E3%80%81VUE%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE%E6%B1%87%E6%80%BB/README.md) 15 | 15. [超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下 100 层、心形文字等等等](https://github.com/bxm0927/canvas-special) 16 | 16. [datetime 时间转化](https://github.com/hustcc/timeago.js/blob/master/README_zh.md) 17 | 17. [VSCode 插件开发全攻略](https://github.com/sxei/vscode-plugin-demo) 18 | 18. [VSCode 开发文档](https://liiked.github.io/VS-Code-Extension-Doc-ZH/) 19 | 18. [【第2045期】从零开始实现VS Code基金插件](https://mp.weixin.qq.com/s/tbc_vcfChkrIH5GCDkYDpw) 20 | 19. [微信助手：1.每日定时给好友发送定制消息。2.自动回复好友](https://github.com/sfyc23/EverydayWechat) 21 | 20. [D2Admin](https://github.com/d2-projects/d2-admin/blob/master/README.zh.md) 22 | 21. [jeecg-boot](https://github.com/zhangdaiscott/jeecg-boot) 23 | 21. [客户端环境识别模块](https://github.com/hotoo/detector) 24 | 22. [网易云音乐桌面客户端](https://github.com/trazyn/ieaseMusic) 25 | 23. [Electron + React 开发的音乐客户端](https://github.com/caijinyc/Here) 26 | 24. [基于 electron-vue 开发的音乐播放器](https://github.com/SmallRuralDog/electron-vue-music) 27 | 25. [技术图标连连看](https://github.com/zerosoul/frontend-memo-game/blob/master/README.zh.md) 28 | 26. [happy canvas](https://github.com/whxaxes/canvas-test) 29 | 27. [python game](https://github.com/CharlesPikachu/Games) 30 | 28. [微信小游戏辅助合集](https://github.com/game-helper/weixin) 31 | 29. [canvas 案例](https://github.com/Array-Huang/canvas-learning) 32 | 30. [开源微信公众号商城](https://github.com/crmeb/CRMEB) 33 | 31. [用 Vue 写几个小游戏玩玩](https://juejin.im/post/5d22b3ade51d4577770e73f1) 34 | 32. [中国表情包大集合](https://github.com/zhaoolee/ChineseBQB) 35 | 33. [Github 表情包大全](https://github.com/windiest/github-emoji) 36 | 34. [基于 Vue、Vditor，所构建的在线 Markdown 编辑器](https://github.com/nicejade/markdown-online-editor) 37 | 35. [9 个项目助你在 2020 年成为前端大神！](https://juejin.im/post/5dc0c744e51d456e7e41f5ac) 38 | 36. [Vue + Koa 从零打造一个 H5 页面可视化编辑器——Quark-h5](https://juejin.im/post/5dc81428e51d4523632ee793) 39 | 37. [【第 2026 期】「可视化搭建系统」——从设计到架构，探索前端领域技术和业务价值](https://mp.weixin.qq.com/s/xyFTRqhXMT1LCrnwo3rVNg) 40 | 38. [React 的组件可视化拖拽](https://github.com/brick-design/react-visual-editor) 41 | 39. [React+webpack+redux+ant design+axios+less全家桶后台管理框架](https://github.com/duxianwei520/react) 42 | 40. [react-admin system solution](https://github.com/yezihaohao/react-admin) 43 | 41. [表单设计器](https://github.com/GavinZhuLei/vue-form-making) 44 | 41. [H5 微场景编辑器](https://github.com/lzuntalented/lz-h5-edit) 45 | 42. [基于 React 的可视化编辑](https://github.com/anye931123/react-visual-editor) 46 | 43. [H5 制作工具](https://github.com/h5ds/h5ds) 47 | 44. [鲁班页面搭建](https://github.com/ly525/luban-h5) 48 | 45. [基于 vue 的高扩展在线网页制作平台](https://github.com/ymm-tech/gods-pen) 49 | 46. [Vue2.x 全家桶+Vant 搭建大型单页面电商项目](https://github.com/Geek-James/ddBuy) 50 | 47. [一个基于 electron 的音乐软件](https://github.com/lyswhut/lx-music-desktop) 51 | 48. [基于 vue2 + vue-router + vuex 构建的新闻类单页面应用](https://github.com/uncleLian/vue2-news) 52 | 49. [外卖 App（ES6 + Mock.js + vue2.0）](https://github.com/W-Qing/Vue-MintShop) 53 | 50. [vue 组件库](https://github.com/huxiaocheng/vue-gn-components) 54 | 51. [FormRender](https://x-render.gitee.io/form-render/) 55 | 51. [Avue.js](https://github.com/nmxiaowei/avue) 56 | 52. [轻量级移动端 Vue 组件库](https://github.com/jdf2e/nutui) 57 | 53. [Nerv 框架](https://github.com/NervJS/nerv) 58 | 54. [Taro 框架](https://github.com/NervJS/taro-ui) 59 | 55. [Koa2 RESTful API 服务器脚手架](https://github.com/yi-ge/Koa2-API-Scaffold) 60 | 56. [基于 vue2 + koa2 的 H5 制作工具](https://github.com/huangwei9527/quark-h5) 61 | 57. [vue-chat](https://github.com/aermin/vue-chat) 62 | 58. [Vue 数据可视化组件库](https://github.com/DataV-Team/DataV) 63 | 59. [基于 vue 和 websocket 的多人在线聊天室](https://github.com/secreter/websocket_chat) 64 | 60. [think-vuele](https://github.com/chfree/think-vuele) 65 | 61. [写给初中级前端的高级进阶指南（万字长文，更新性能优化路线）。](https://juejin.im/post/5e7c08bde51d455c4c66ddad) 66 | 62. [「颜值即正义」那些管 UI 小姐姐要来的网站](https://juejin.im/post/5e7cdee26fb9a03c6e640cc7) 67 | 63. [（4.2 万字 🔥🔥🔥 重启 2020）“从零到部署”Vue 全栈电商应用系列教程---正式完结](https://juejin.im/post/5e7577816fb9a07c83350011) 68 | 64. [crawlab 爬虫](https://github.com/crawlab-team/crawlab) 69 | 65. [灯塔前端监控系统](https://github.com/LianjiaTech/fee) 70 | 66. [webfunny_monitor](https://github.com/a597873885/webfunny_monitor) 71 | 67. [前端埋点监控](https://github.com/MriLiuJY/monitorFE) 72 | 68. [performance monitoring system](https://github.com/wangweianger/web-performance-monitoring-system) 73 | 69. [前端性能监控系统](https://github.com/wangweianger/zanePerfor) 74 | 70. [前端监控](https://github.com/kisslove/web-monitoring) 75 | 71. [Koa2 的轻量级 RESTful API Server 脚手架](https://github.com/yi-ge/Koa2-API-Scaffold) 76 | 72. [7 个很棒的 JavaScript 产品步骤引导库，不信你用不上](https://juejin.im/post/5e972664518825736b74a24d) 77 | 73. [React Suite](https://rsuitejs.com/guide/introduction) 78 | 74. [vue-admin-beautiful](https://github.com/chuzhixin/vue-admin-beautiful) 79 | 75. [DoraCMS 后台管理](https://github.com/doramart/DoraCMS) 80 | 76. [掌门前端破茧成蝶之：低代码开发工具——魔方](https://mp.weixin.qq.com/s/lBQrHPzFFMPd7M56GBHhdQ) 81 | 77. [股票：支持 A 股，港股，美股](https://github.com/huage2580/leeks) 82 | 78. [react-stockcharts](https://github.com/rrag/react-stockcharts) 83 | -------------------------------------------------------------------------------- /STUDYPLAN.md: -------------------------------------------------------------------------------- 1 | 2 | ### 第一周 javascript基础 3 | 4 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 5 | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ | 6 | | [数据类型及转换](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%E4%B8%8E%E8%BD%AC%E6%8D%A2.md) | [执行上下文与执行栈](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%89%A7%E8%A1%8C%E4%B8%8A%E4%B8%8B%E6%96%87.md) | [表达式与运算符](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E8%A1%A8%E8%BE%BE%E5%BC%8F%E4%B8%8E%E8%BF%90%E7%AE%97%E7%AC%A6.md) | [this理解](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/this%E7%90%86%E8%A7%A3.md) | [原型于原型链](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%8E%9F%E5%9E%8B%E4%B8%8E%E5%8E%9F%E5%9E%8B%E9%93%BE.md) | [对象](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%AF%B9%E8%B1%A1.md) | [闭包](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E9%97%AD%E5%8C%85.md) | 7 | 8 | ### 第二周 javascript进阶 9 | 10 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 11 | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | 12 | | [作用域与作用域链](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E4%BD%9C%E7%94%A8%E5%9F%9F%E4%B8%8E%E4%BD%9C%E7%94%A8%E5%9F%9F%E9%93%BE.md) | [函数](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%87%BD%E6%95%B0.md) | [继承](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E7%BB%A7%E6%89%BF.md) | [数组](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%95%B0%E7%BB%84.md) | [apply&bind&call](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/apply%26bind%26call.md) | [apply&bind&call模拟实现](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/apply%26bind%26call%E6%A8%A1%E6%8B%9F%E5%AE%9E%E7%8E%B0.md) | [DOM与BOM](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/DOM%E4%B8%8EBOM.md) | 13 | 14 | ### 第三周 javascript高级部分 15 | 16 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 17 | | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------- | 18 | | [事件](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E4%BA%8B%E4%BB%B6.md) | [html5 api](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/html5api.md) | [客户端存储](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%AD%98%E5%82%A8.md) | [正则表达式](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F.md) | [new模拟实现](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/new%E6%A8%A1%E6%8B%9F%E5%AE%9E%E7%8E%B0.md) | [函数柯理化](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%87%BD%E6%95%B0%E6%9F%AF%E9%87%8C%E5%8C%96.md) | [深拷贝](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%B7%B1%E6%8B%B7%E8%B4%9D.md) | 19 | 20 | ### 第四周 21 | 22 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 23 | | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | 24 | | [防抖动与节流](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E9%98%B2%E6%8A%96%E5%8A%A8%E4%B8%8E%E8%8A%82%E6%B5%81.md) | [理解EventLoop](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E7%90%86%E8%A7%A3EventLoop.md) | [js内存管理与垃圾回收](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6%E5%92%8C%E5%86%85%E5%AD%98%E7%AE%A1%E7%90%86.md) | [js如何工作的](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/js%E5%A6%82%E4%BD%95%E5%B7%A5%E4%BD%9C%E7%9A%84.md) | [事件循环和异步编程的崛起](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%E5%92%8C%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B%E7%9A%84%E5%B4%9B%E8%B5%B7.md) | [V8引擎&编写优化代码的5个技巧](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/V8%E5%BC%95%E6%93%8E%26%E7%BC%96%E5%86%99%E4%BC%98%E5%8C%96%E4%BB%A3%E7%A0%81%E7%9A%845%E4%B8%AA%E6%8A%80%E5%B7%A7.md) | [手写代码](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%89%8B%E5%86%99%E4%BB%A3%E7%A0%81.md) | 25 | 26 | ### 第五周 27 | 28 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 29 | | ------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------- | 30 | | [js中的位运算](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/js%E4%B8%AD%E7%9A%84%E4%BD%8D%E8%BF%90%E7%AE%97.md) | [js精度丢失问题](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/js%E7%B2%BE%E5%BA%A6%E4%B8%A2%E5%A4%B1%E9%97%AE%E9%A2%98.md) | [常见面试题](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%B8%B8%E8%A7%81%E9%9D%A2%E8%AF%95%E9%A2%98.md) | [let和const命令](https://github.com/cs-learning-record/javascript-series/blob/master/es6/let%E5%92%8Cconst%E5%91%BD%E4%BB%A4.md) | [es6函数扩展](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E5%87%BD%E6%95%B0%E6%89%A9%E5%B1%95.md) | [变量的解构赋值](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E5%8F%98%E9%87%8F%E7%9A%84%E8%A7%A3%E6%9E%84%E8%B5%8B%E5%80%BC.md) | [Set集合与Map集合](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Set%E5%92%8CMap%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84.md) | 31 | 32 | 33 | ### 第六周 34 | 35 | 36 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 37 | | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---------- | -------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------- | 38 | | [字符串的扩展](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E5%AD%97%E7%AC%A6%E4%B8%B2%E7%9A%84%E6%89%A9%E5%B1%95.md) | 正则的扩展 | [数值的扩展](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E6%95%B0%E5%80%BC%E7%9A%84%E6%89%A9%E5%B1%95.md) | [数组的扩展](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E6%95%B0%E7%BB%84%E7%9A%84%E6%89%A9%E5%B1%95.md) | [对象的扩展](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E5%AF%B9%E8%B1%A1%E7%9A%84%E6%89%A9%E5%B1%95.md) | [Symbol](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Symbol.md) | [函数扩展](https://github.com/cs-learning-record/javascript-series/blob/master/es6/函数扩展.md) | [Iterator 和 for...of 循环](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Iterator%20%E5%92%8C%20for...of%20%E5%BE%AA%E7%8E%AF.md) | 39 | 40 | ### 第七周 41 | 42 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 43 | | ---------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------- | ----------- | 44 | | [Class 的基本语法](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Class%20%E7%9A%84%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95.md) | [Promise对象](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Promise%E5%AF%B9%E8%B1%A1.md) | [Generator 函数的语法](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Generator%20%E5%87%BD%E6%95%B0%E7%9A%84%E8%AF%AD%E6%B3%95.md) | [async函数](https://github.com/cs-learning-record/javascript-series/blob/master/es6/async%20%E5%87%BD%E6%95%B0.md) | [Proxy和Reflect](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Proxy%E5%92%8CReflect.md) | [Module 的语法](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Module%20%E7%9A%84%E8%AF%AD%E6%B3%95.md) | ArrayBuffer | 修饰器 | 45 | 46 | ### 第八周 47 | 48 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 49 | | ------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------ | ---- | ---- | 50 | | [前端模块化](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E5%89%8D%E7%AB%AF%E6%A8%A1%E5%9D%97%E5%8C%96.md) | [Class 的继承](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Class%20%E7%9A%84%E7%BB%A7%E6%89%BF.md) | [Generator 函数的异步应用](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Generator%20%E5%87%BD%E6%95%B0%E7%9A%84%E5%BC%82%E6%AD%A5%E5%BA%94%E7%94%A8.md) | [装饰器](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E8%A3%85%E9%A5%B0%E5%99%A8.md) | [nodejs介绍](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/node%E4%BB%8B%E7%BB%8D.md) | [cluster集群](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/cluster%E9%9B%86%E7%BE%A4.md) | [数据加密](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/%E6%95%B0%E6%8D%AE%E5%8A%A0%E5%AF%86.md) | | 51 | 52 | 53 | ### 第九周 54 | 55 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 56 | | ---------------------------------------------------------------------------------------------------------------- | ------- | ------- | --------------- | ---------- | ------ | ---------- | 57 | | [http模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/http%E6%A8%A1%E5%9D%97.md) | [net模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/net%E6%A8%A1%E5%9D%97.md) | [url模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/url%E6%A8%A1%E5%9D%97.md) | [querystring模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/querystring%E6%A8%A1%E5%9D%97.md) | [events模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/events%E6%A8%A1%E5%9D%97.md) | [fs模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/fs%E6%A8%A1%E5%9D%97.md) | [stream模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/stream%E6%A8%A1%E5%9D%97.md) | 58 | 59 | ### 第十周 60 | 61 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 62 | | ------------ | --------- | ------------ | --------- | --------------- | ----------- | ----------- | 63 | | [process 进程](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/process%20%E8%BF%9B%E7%A8%8B.md) | [buffer模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/buffer%E6%A8%A1%E5%9D%97.md) | [cheerio 模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/cheerio%20%E6%A8%A1%E5%9D%97.md) | [http 爬虫](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/http%20%E7%88%AC%E8%99%AB.md) | [Express基础应用](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/express%E5%9F%BA%E7%A1%80%E5%BA%94%E7%94%A8.md) | [koa基础应用](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/koa%E5%9F%BA%E7%A1%80%E5%BA%94%E7%94%A8.md) | [Egg基础应用](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/egg%E5%9F%BA%E7%A1%80%E5%BA%94%E7%94%A8.md) | 64 | 65 | 66 | ### 第十一周 67 | 68 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 69 | | ----------------- | ------------------ | ----------- | -------------------- | ------------ | ----------- | --------------- | 70 | | [Node.js操作数据库](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/node.js%E6%93%8D%E4%BD%9C%E6%95%B0%E6%8D%AE%E5%BA%93.md) | [nodejs部分源码分析](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/nodejs%E9%83%A8%E5%88%86%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90.md) | [koa源码分析](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/koa%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90.md) | [vue 双向数据绑定分析](https://github.com/cs-learning-record/javascript-series/blob/master/vue/双向数据绑定.md) | [diff算法分析](https://github.com/cs-learning-record/javascript-series/blob/master/vue/diff.md) | vue生命周期 | [vuex 使用及原理](https://github.com/cs-learning-record/javascript-series/blob/master/vue/vuex.md) | 71 | 72 | 73 | ### 第十二周 74 | 75 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 76 | | --------------- | -------- | -------- | -------- | ----- | ----- | ------- | 77 | | [vue-router 原理](https://github.com/cs-learning-record/javascript-series/blob/master/vue/vue-router.md) | 组件注册 | 异步组件 | 派发更新 | parse | event | v-model | 78 | 79 | 80 | ### 第十三周 81 | 82 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 83 | | -------------- | -------- | ------ | ------------ | ------ | -------- | --------------- | 84 | | 浏览器工作原理 | 跨域方式 | V8引擎 | 前端性能优化 | 规范化 | 桌面技术 | webpack基本配置 | 85 | 86 | ### 第十四周 87 | 88 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 89 | | --------------- | --------- | -------- | ---------- | ---- | ---- | ----------- | 90 | | 深入webpack原理 | 深入Babel | 前端监控 | 前端脚手架 | 部署 | 调试 | git常用命令 | 91 | 92 | 93 | ### 第十五周 94 | 95 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 96 | | ------------------------------------------------------------------------------------------------------------------------------------------------- | ---- | ---- | ---- | ---- | ------ | ---- | 97 | | [时间复杂度（大O表示法）](https://github.com/cs-learning-record/algorithm/blob/master/%E5%A4%A7O%E6%97%B6%E9%97%B4%E5%A4%8D%E6%9D%82%E5%BA%A6.md) | 数组 | 链表 | 队列 | 栈 | 哈希表 | 堆 | 98 | 99 | 100 | ### 第十六周 101 | 102 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 103 | | ------ | ---- | ---- | -------- | -------- | -------- | -------- | 104 | | 字典树 | 树 | 图 | 基本排序 | 高级排序 | 查找算法 | 分治算法 | 105 | 106 | ### 第十七周 107 | 108 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 109 | | -------- | -------- | ---- | -------------------------------------------------------------------------------------------- | ----------- | -------- | -------- | 110 | | 回溯算法 | 网络结构 | http | [https协议](https://github.com/cs-learning-record/cs/blob/master/https%E5%8D%8F%E8%AE%AE.md) | http2&http3 | 简单工厂 | 工厂方法 | 111 | 112 | ### 第十八周 113 | 114 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 115 | | -------- | ---------- | -------- | -------- | -------- | ---------- | -------- | 116 | | 抽象工厂 | 建造者模式 | 原型模式 | 单例模式 | 外观模式 | 适配器模式 | 代理模式 | 117 | 118 | ### 第十九周 119 | 120 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 121 | | ---------- | -------- | -------- | -------- | ------------ | ---------- | -------- | 122 | | 装饰者模式 | 桥接模式 | 组合模式 | 享元模式 | 模板方法模式 | 观察者模式 | 状态模式 | 123 | 124 | ### 第二十周 125 | 126 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 127 | | -------- | ---------- | -------- | ---------- | ---------- | ---------- | ---------- | 128 | | 策略模式 | 责任链模式 | 命令模式 | 访问者模式 | 中介者模式 | 备忘录模式 | 迭代器模式 | 129 | 130 | ### 第二十一周 131 | 132 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 133 | | ------ | -------- | -------- | ---------------- | -------- | -------- | -------- | 134 | | 解释器 | 链式模式 | 委托模式 | 数据访问对象模式 | 节流模式 | 简单模板 | 惰性模式 | 135 | 136 | ### 第二十二周 137 | 138 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 139 | | ---------- | ---------- | ------------ | ------------ | ---------- | ------ | ---------- | 140 | | 参与者模式 | 等待着模式 | 同步模块模式 | 异步模块模式 | Widget模式 | 选择器 | 结构和层叠 | 141 | 142 | ### 第二十三周 143 | 144 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 145 | | -------- | ---------- | ---------- | ---------- | ---------- | ---- | ----- | 146 | | 值和单位 | 背景与边框 | 结构与布局 | 过渡与动画 | 样式模块化 | http | https | 147 | 148 | ### 第二十四周 149 | 150 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 151 | | -------- | ---------- | ---------- | ---------- | ---------- | ---- | ----- | 152 | | | | | | ||| 153 | 154 | ### 第二十五周 155 | 156 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 157 | | -------- | ---------- | ---------- | ---------- | ---------- | ---- | ----- | 158 | | | | | | | | | 159 | 160 | ### 第二十六周 161 | 162 | | 周一 | 周二 | 周三 | 周四 | 周五 | 周六 | 周日 | 163 | | ----- | ---------- | ------- | -------- | ------------- | -------- | ------ | 164 | | http2 | tcp/IP网络 | xss攻击 | csrf攻击 | linux常用命令 | 流量劫持 | docker | 165 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![image](./img/timg.jpg) 2 |
3 | 4 | | I | II | III | IV | V | VI | VII | VIII | IX | X | XI | XII | 5 | | :-----------------------------------------: | :--------------------------------: | :-------------------: | :-------------------------: | :--------------------: | :--------------------------------: | :---------------------: | :-----------------------------: | :------------------------------: | :----------------------------: | :-----------------------: | :----------------------: | 6 | | 数据结构与算法
[📝](#一数据结构与算法) | javascript
[☕️](#二JavaScript) | css
[🐍](#三css) | 工程化
[🔗](#四工程化) | 面试
[💾](#五面试) | 计算机基础
[💻](#六计算机基础) | 后端
[📖](#七后端) | 机器学习
[🔍](#八机器学习) | 书籍&电影
[☁️](#九书籍&电影) | 学习资料
[📃](#十学习资料) | 成长
[💡](#十一成长) | 其它
[🔨](#十二其它) | 7 | 8 | ## 前言 9 | 10 | 本人平时学习及收集内容，欢迎参入一起讨论。 11 | 12 | ## 关于作者 13 | 14 | 一个工作八年的草根程序员 15 | 16 | ## 跳槽学习计划 17 | 18 | - [x] javascript（7月15号~7月31号） 19 | - [x] css（8月01号~8月15号） 20 | - [x] es6（8月15号~8月31号） 21 | - [x] nodejs（9月01号~9月15号） 22 | - [x] vue 源码（9月15号~9月30号） 23 | - [x] 前端工程（10月01号~10月15号） 24 | - [ ] 算法与数据结构（10月15号~11月15号） 25 | - [ ] 网络&设计模式（11月15号~11月30号） 26 | - [x] 准备简历（12月1号） 27 | 28 | ### 每日学习计划 29 | 30 | | 时间 | 任务 | 31 | | ----------- | --------------------------------------- | 32 | | 7:00-7:30 | 起床，洗濑 | 33 | | 7:30-9:00 | 坐车去公司，公交车上看技术书籍 | 34 | | 9:00-9:30 | 订阅号文章，并更新到github上 | 35 | | 9:30-12:00 | 工作时间 | 36 | | 12:00-13:30 | 吃中饭，休息时间 | 37 | | 13:30-18:00 | 工作时间 | 38 | | 18:00-19:30 | 总结学习记录及遇到问题，记录到github上 | 39 | | 19:30-21:00 | 下班回家，公交车上看技术书籍 | 40 | | 21:00-22:30 | 练习学习过的知识demo，运动半小时+，洗澡 | 41 | 42 | ### 每周学习计划 43 | 44 | 详情请看[学习计划](./STUDYPLAN.md) 45 | 46 | ## 一、数据结构与算法 47 | 48 | - [数据结构](https://github.com/cs-learning-record/algorithm) 49 | 50 | | I | II | III | IV | V | VI | VII | VIII | IX | 51 | | :-------------------------------------------------------------------------------------------------------------------------------------: | :---: | :---: | :---: | :---: | :----: | :----: | :---: | :---: | 52 | | [大O时间复杂度](https://github.com/cs-learning-record/algorithm/blob/master/%E5%A4%A7O%E6%97%B6%E9%97%B4%E5%A4%8D%E6%9D%82%E5%BA%A6.md) | 数组 | 链表 | 队列 | 栈 | 哈希表 | 字典树 | 树 | 图 | 53 | 54 | - [算法](https://github.com/cs-learning-record/algorithm) 55 | 56 | | I | II | III | IV | V | VI | VII | VIII | IX | X | XI | XII | IX | X | 57 | | :------: | :------: | :------: | :------: | :------: | :------: | :----: | :------: | :----: | :------: | :---: | :------: | :------: | :------: | 58 | | 冒泡排序 | 选择排序 | 插入排序 | 希尔排序 | 归并排序 | 快速排序 | 堆排序 | 计数排序 | 桶排序 | 基数排序 | 递归 | 查找算法 | 贪心算法 | 分治算法 | 回溯算法 | 59 | 60 | ## 二、JavaScript 61 | 62 | - [javascript 基础](https://github.com/cs-learning-record/javascript/blob/master/javascript.md) 63 | 64 | | I | II | III | IV | V | VI | VII | VIII | IX | X | XI | XII | 65 | | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------: | 66 | | [数据类型及类型转换](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%95%B0%E6%8D%AE%E7%B1%BB%E5%9E%8B%E4%B8%8E%E8%BD%AC%E6%8D%A2.md) | [执行上下文与执行栈](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%89%A7%E8%A1%8C%E4%B8%8A%E4%B8%8B%E6%96%87.md) | [表达式与运算符](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E8%A1%A8%E8%BE%BE%E5%BC%8F%E4%B8%8E%E8%BF%90%E7%AE%97%E7%AC%A6.md) | [this 理解](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/this%E7%90%86%E8%A7%A3.md) | [原型与原型链](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%8E%9F%E5%9E%8B%E4%B8%8E%E5%8E%9F%E5%9E%8B%E9%93%BE.md) | [对象](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%AF%B9%E8%B1%A1.md) | [闭包](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E9%97%AD%E5%8C%85.md) | [作用域与作用域链](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E4%BD%9C%E7%94%A8%E5%9F%9F%E4%B8%8E%E4%BD%9C%E7%94%A8%E5%9F%9F%E9%93%BE.md) | [函数](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%87%BD%E6%95%B0.md) | [数组](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%95%B0%E7%BB%84.md) | [apply&bind&call](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/apply%26bind%26call.md) | [apply&bind&call 的模拟实现](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/apply%26bind%26call%E6%A8%A1%E6%8B%9F%E5%AE%9E%E7%8E%B0.md) | 67 | 68 | | I | II | III | IV | V | VI | VII | VIII | IX | X | XI | XII | 69 | | :-------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------: | 70 | | [DOM 与 BOM](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/DOM%E4%B8%8EBOM.md) | [事件](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E4%BA%8B%E4%BB%B6.md) | [html5 api](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/html5api.md) | [客户端存储](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%AD%98%E5%82%A8.md) | [js 内存管理与垃圾回收](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%9E%83%E5%9C%BE%E5%9B%9E%E6%94%B6%E5%92%8C%E5%86%85%E5%AD%98%E7%AE%A1%E7%90%86.md) | [new 模拟实现](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/new%E6%A8%A1%E6%8B%9F%E5%AE%9E%E7%8E%B0.md) | [函数柯里化](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%87%BD%E6%95%B0%E6%9F%AF%E9%87%8C%E5%8C%96.md) | [深拷贝](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%B7%B1%E6%8B%B7%E8%B4%9D.md) | [js 是如何工作的](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/js%E5%A6%82%E4%BD%95%E5%B7%A5%E4%BD%9C%E7%9A%84.md) | [正则表达式](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F.md) | [继承](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E7%BB%A7%E6%89%BF.md) | [防抖动与节流](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E9%98%B2%E6%8A%96%E5%8A%A8%E4%B8%8E%E8%8A%82%E6%B5%81.md) | 71 | 72 | | I | II | III | IV | V | 73 | | :----------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------: | 74 | | [理解EventLoop](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E7%90%86%E8%A7%A3EventLoop.md) | [V8引擎&编写优化代码的5个技巧](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/V8%E5%BC%95%E6%93%8E%26%E7%BC%96%E5%86%99%E4%BC%98%E5%8C%96%E4%BB%A3%E7%A0%81%E7%9A%845%E4%B8%AA%E6%8A%80%E5%B7%A7.md) | [事件循环和异步编程的崛起](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E4%BA%8B%E4%BB%B6%E5%BE%AA%E7%8E%AF%E5%92%8C%E5%BC%82%E6%AD%A5%E7%BC%96%E7%A8%8B%E7%9A%84%E5%B4%9B%E8%B5%B7.md) | [手写代码](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E6%89%8B%E5%86%99%E4%BB%A3%E7%A0%81.md) | [常见页面题](https://github.com/cs-learning-record/javascript-series/blob/master/javascript/%E5%B8%B8%E8%A7%81%E9%A1%B5%E9%9D%A2%E9%A2%98.md) | 75 | 76 | 77 | - [es6](https://github.com/cs-learning-record/javascript/blob/master/es6.md) 78 | 79 | | I | II | III | IV | V | VI | VII | VIII | IX | X | XI | XII | 80 | | :---------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------: | :--------: | :------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------: | 81 | | [let 和 const 命令](https://github.com/cs-learning-record/javascript-series/blob/master/es6/let%E5%92%8Cconst%E5%91%BD%E4%BB%A4.md) | [变量的解构赋值](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E5%8F%98%E9%87%8F%E7%9A%84%E8%A7%A3%E6%9E%84%E8%B5%8B%E5%80%BC.md) | [字符串的扩展](https://github.com/cs-learning-record/javascript-series/blob/master/es6/字符串的扩展.md) | 正则的扩展 | [数值的扩展](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E6%95%B0%E5%80%BC%E7%9A%84%E6%89%A9%E5%B1%95.md) | [数组的扩展](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E6%95%B0%E7%BB%84%E7%9A%84%E6%89%A9%E5%B1%95.md) | [对象的扩展](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E5%AF%B9%E8%B1%A1%E7%9A%84%E6%89%A9%E5%B1%95.md) | [Symbol](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Symbol.md) | [Set 和 Map 数据结构](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Set%E5%92%8CMap%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84.md) | [Proxy 和 Reflect](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Proxy%E5%92%8CReflect.md) | [Promise 对象](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Promise%E5%AF%B9%E8%B1%A1.md) | [Iterator 和 for...of 循环](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Iterator%20%E5%92%8C%20for...of%20%E5%BE%AA%E7%8E%AF.md) | 82 | 83 | | I | II | III | IV | V | VI | VII | VIII | IX | X | 84 | | :----------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------: | :---------: | :---------------------------------------------------------------------------------: | 85 | | [Generator 函数的语法](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Generator%20%E5%87%BD%E6%95%B0%E7%9A%84%E8%AF%AD%E6%B3%95.md) | [Generator 函数的异步应用](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Generator%20%E5%87%BD%E6%95%B0%E7%9A%84%E5%BC%82%E6%AD%A5%E5%BA%94%E7%94%A8.md) | [async 函数](https://github.com/cs-learning-record/javascript-series/blob/master/es6/async%20%E5%87%BD%E6%95%B0.md) | [Class 的基本语法](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Class%20%E7%9A%84%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95.md) | [Class 的继承](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Class%20%E7%9A%84%E7%BB%A7%E6%89%BF.md) | [装饰器](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E8%A3%85%E9%A5%B0%E5%99%A8.md) | [Module 的语法](https://github.com/cs-learning-record/javascript-series/blob/master/es6/Module%20%E7%9A%84%E8%AF%AD%E6%B3%95.md) | [前端模块化](https://github.com/cs-learning-record/javascript-series/blob/master/es6/%E5%89%8D%E7%AB%AF%E6%A8%A1%E5%9D%97%E5%8C%96.md) | ArrayBuffer | [函数扩展](https://github.com/cs-learning-record/javascript-series/tree/master/es6) | 86 | 87 | - [nodejs](https://github.com/cs-learning-record/javascript/blob/master/nodejs.md) 88 | 89 | | I | II | III | IV | V | VI | VII | VIII | IX | X | XI | XII | 90 | | :----------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------: | 91 | | [nodejs介绍](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/node%E4%BB%8B%E7%BB%8D.md) | [http 模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/http%E6%A8%A1%E5%9D%97.md) | [net模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/net%E6%A8%A1%E5%9D%97.md) | [url 模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/url%E6%A8%A1%E5%9D%97.md) | [querystring 模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/querystring%E6%A8%A1%E5%9D%97.md) | [events 模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/events%E6%A8%A1%E5%9D%97.md) | [fs 模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/fs%E6%A8%A1%E5%9D%97.md) | [stream 模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/stream%E6%A8%A1%E5%9D%97.md) | [process 进程](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/process%20%E8%BF%9B%E7%A8%8B.md) | [cheeio 模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/cheerio%20%E6%A8%A1%E5%9D%97.md) | [http 爬虫](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/http%20%E7%88%AC%E8%99%AB.md) | [express 基础应用](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/express%E5%9F%BA%E7%A1%80%E5%BA%94%E7%94%A8.md) | 92 | 93 | | I | II | III | IV | V | VI | VII | VIII | 94 | | :-----------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------: | 95 | | [egg 基础应用](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/egg%E5%9F%BA%E7%A1%80%E5%BA%94%E7%94%A8.md) | [nodejs 操作数据库](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/node.js%E6%93%8D%E4%BD%9C%E6%95%B0%E6%8D%AE%E5%BA%93.md) | [nodejs 部分源码](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/nodejs%E9%83%A8%E5%88%86%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90.md) | [koa 源码分析](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/koa%E6%BA%90%E7%A0%81%E5%88%86%E6%9E%90.md) | [koa 基础应用](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/koa%E5%9F%BA%E7%A1%80%E5%BA%94%E7%94%A8.md) | [buffer模块](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/buffer%E6%A8%A1%E5%9D%97.md) | [cluster集群](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/cluster%E9%9B%86%E7%BE%A4.md) | [数据加密](https://github.com/cs-learning-record/javascript-series/blob/master/nodejs/%E6%95%B0%E6%8D%AE%E5%8A%A0%E5%AF%86.md) | 96 | 97 | - [canvas 学习](https://github.com/cs-learning-record/javascript/blob/master/canvas.md) 98 | 99 | | I | II | III | IV | V | VI | VII | VIII | IX | X | 100 | | :------: | :------: | :------------: | :------: | :------: | :---: | :--------: | :---: | :------: | :---: | 101 | | 基本用法 | 绘制形状 | 添加样式和颜色 | 绘制文本 | 使用图片 | 变形 | 合成和裁剪 | 动画 | 像素操作 | 案例 | 102 | 103 | - [框架、库及源码分析](https://github.com/cs-learning-record/javascript/blob/master/vue.md) 104 | 105 | | I | II | III | IV | V | VI | VII | VIII | IX | X | 106 | | :-------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------: | :---: | :-------------------------------------------------------------------------------------------------: | :---: | :----------: | :------------: | :-------------: | :-------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------: | 107 | | [vue 双向数据绑定原理](https://github.com/cs-learning-record/javascript-series/blob/master/vue/%E5%8F%8C%E5%90%91%E6%95%B0%E6%8D%AE%E7%BB%91%E5%AE%9A.md) | [vuex](https://github.com/cs-learning-record/javascript-series/blob/master/vue/vuex.md) | 原理 | [vue-router](https://github.com/cs-learning-record/javascript-series/blob/master/vue/vue-router.md) | 原理 | vue 源码分析 | undescore 分析 | Jquery 源码分析 | [mvvm](https://github.com/cs-learning-record/javascript-series/blob/master/vue/mvvm.md) | [diff算法](https://github.com/cs-learning-record/javascript-series/blob/master/vue/diff.md) | | 108 | 109 | - 设计模式 110 | 111 | | I | II | III | IV | V | VI | VII | VIII | IX | X | XI | XII | 112 | | :------: | :--------: | :------: | :------: | :------: | :--------: | :------: | :--------: | :------: | :------: | :------: | :----------: | 113 | | 抽象工厂 | 建造者模式 | 原型模式 | 单例模式 | 外观模式 | 适配器模式 | 代理模式 | 装饰者模式 | 桥接模式 | 组合模式 | 享元模式 | 模板方法模式 | 114 | 115 | | I | II | III | IV | V | VI | VII | VIII | IX | X | XI | XII | 116 | | :--------: | :------: | :------: | :--------: | :------: | :--------: | :--------: | :--------: | :--------: | :--------: | :--------: | :----------: | 117 | | 观察者模式 | 状态模式 | 策略模式 | 责任链模式 | 命令模式 | 访问者模式 | 中介者模式 | 备忘录模式 | 迭代器模式 | 参与者模式 | 等待着模式 | 同步模块模式 | 118 | 119 | | I | II | III | IV | V | VI | VII | VIII | IX | 120 | | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------: | :------: | :------: | :------: | :----: | :--------------: | :------: | :----------: | 121 | | [设计模式6大原则](https://github.com/cs-learning-record/javascript-series/blob/master/design-patterns/%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F6%E5%A4%A7%E5%8E%9F%E5%88%99.md) | Widget模式 | 惰性模式 | 简单模板 | 节流模式 | 解释器 | 数据访问对象模式 | 委托模式 | 异步模块模式 | 122 | 123 | ## 三、[CSS基础](https://github.com/overnewfe/css) 124 | 125 | - 选择器 126 | - 结构和层叠 127 | - 值和单位 128 | - 背景与边框 129 | - 结构与布局 130 | - 过渡与动画 131 | 132 | ## 四、[工程化](https://github.com/overnewfe/engineering-practice) 133 | 134 | | I | II | III | IV | V | VI | VII | VIII | IX | X | 135 | | :----: | :---: | :-------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------: | 136 | | 浏览器 | 性能 | [工程化](https://github.com/cs-learning-record/engineering-practice#%E4%B8%89%E5%B7%A5%E7%A8%8B%E5%8C%96) | [Electron&PWA&Serverless](https://github.com/cs-learning-record/engineering-practice#%E5%9B%9Belectronpwaserverless) | [规范化](https://github.com/cs-learning-record/engineering-practice#%E4%BA%94%E8%A7%84%E8%8C%83%E5%8C%96) | [前端工具](https://github.com/cs-learning-record/engineering-practice#%E5%85%AD%E5%89%8D%E7%AB%AF%E5%B7%A5%E5%85%B7) | [脚手架](https://github.com/cs-learning-record/engineering-practice#%E4%B8%83%E8%84%9A%E6%89%8B%E6%9E%B6) | [监控](https://github.com/cs-learning-record/engineering-practice#%E5%85%AB%E7%9B%91%E6%8E%A7) | [部署&构建](https://github.com/cs-learning-record/engineering-practice#%E4%B9%9D%E9%83%A8%E7%BD%B2%E6%9E%84%E5%BB%BA) | [调试](https://github.com/cs-learning-record/engineering-practice#%E5%8D%81%E8%B0%83%E8%AF%95) | 137 | 138 | 139 | ## 五、面试 140 | 141 | [面试](https://github.com/cs-learning-record/interview-question) 142 | 143 | ## 六、[计算机基础](https://github.com/overnewfe/cs) 144 | 145 | | I | II | III | IV | V | VI | 146 | | :----------------------------------------------------------------------------------------------------------------: | :--------: | :----------------------------------------------------------------------------------------------------------: | :------: | :------: | :------------------------------------------------------------------------------------------: | 147 | | [Linux常用命令](https://github.com/cs-learning-record/cs/blob/master/linux%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4.md) | Docker学习 | [os基本概念](https://github.com/cs-learning-record/cs/blob/master/os%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5.md) | 计算网络 | http协议 | [https协议](https://github.com/cs-learning-record/cs/blob/master/https%E5%8D%8F%E8%AE%AE.md) | http2协议 | 148 | 149 | | I | II | III | IV | V | VI | VII | VIII | 150 | | :------: | :--------: | :-----: | :------: | :------: | :-----: | :------: | :---------: | 151 | | websocke | TCP/IP协议 | XSS攻击 | CRSF攻击 | 流量劫持 | SQL注入 | 密码安全 | web登录鉴权 | 152 | 153 | ## 七、后端 154 | 155 | [后端](https://github.com/cs-learning-record/backend) 156 | 157 | ## 八、机器学习 158 | 159 | [机器学习](https://github.com/overnewfe/AI) 160 | 161 | ## 九、书籍&电影 162 | 163 | [书籍&电影](https://github.com/overnewfe/book) 164 | 165 | ## 十、学习资料 166 | 167 | [学习资料](https://github.com/overnewfe/learning-materials) 168 | 169 | ## 十一、成长 170 | 171 | [成长](https://github.com/overnewfe/growing-up) 172 | 173 | ## 十二、其它 174 | 175 | [其它](https://github.com/overnewfe/other) 176 | 177 | ## 十三、联系作者 178 | 179 |
180 |

181 | 平凡世界，贵在坚持。 182 |

183 | 184 |
185 | 186 | ## 总结 187 | 188 | 1. [产品相关](https://github.com/ftTony/blog/tree/master/%E4%BA%A7%E5%93%81%E7%9B%B8%E5%85%B3) 189 | 2. [优秀作品收集](https://github.com/ftTony/blog/tree/master/%E4%BC%98%E7%A7%80%E4%BD%9C%E5%93%81%E6%94%B6%E9%9B%86) 190 | 3. [写在失业两个月，2018 年即将过去的前两天](https://github.com/ftTony/blog/issues/17) 191 | --------------------------------------------------------------------------------