# learn **Repository Path**: ziqiang_ym/learn ## Basic Information - **Project Name**: learn - **Description**: 前端开发学习记录 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: gh-pages - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-03-23 - **Last Updated**: 2021-03-23 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # Happy New Year! `<2017>` 目录结构，会同步更新 * /Tencent 腾讯生活开始 * /vue2 vue2的学习 * /underscore.js 源码分析 * /JavaScript30 一系列的原生JavaScript学习 * /PHP PHP学习 * /algorithms 算法部分的学习 * /keep 锻炼身体的记录 * /waiting 存放待学习的任务 * /tutorials [点击查看介绍](https://github.com/cody1991/learn#tutorials) * /lib 存放资源 * /finish-2016 2016年完成的所有学习，原则上不再修改 --- ## 3月份 进入腾讯了，以后生活肯定很忙，偶尔写写文章，会来这里，暂时放在 `/Tencent` 文件夹。 --- ## 2月份 --- ### (2.13) [JavaScript设计模式](https://book.douban.com/subject/26589719/) 学习 《JavaScript设计模式》共分六篇四十章，首先讨论了几种函数的编写方式，体会JavaScript在编程中的灵活性；然后讲解了面向对象编程的知识，其中讨论了类的创建、数据的封装以及类之间的继承；最后探讨了各种模式的技术，如简单工厂模式，包括工厂方法模式、抽象工厂模式、建造者模式、原型模式、单例模式，以及外观模式，包括适配器模式。本书还讲解了几种适配器、代理模式、装饰者模式和MVC模式，讨论了如何实现对数据、视图、控制器的分离。在讲解MVP模式时，讨论了如何解决数据与视图之间的耦合，并实现了一个模板生成器；讲解MVVM模式时，讨论了双向绑定对MVC的模式演化。本书几乎包含了关于JavaScript设计模式的全部知识，是进行JavaScript高效编程必备的学习手册。 《JavaScript设计模式》适合JavaScript初学者、前端设计者、JavaScript程序员学习，也可以作为大专院校相关专业师生的学习用书，以及培训学校的教材。 ### 总结(2.13) 好久没来这边纪录了，最近的学习有点杂，然后学习笔记一般也放在了 [Cody Diary](https://cody1991.github.io/diary/) 里面 在看 [eloquentjavascript](http://eloquentjavascript.net/) 这本书，巩固下基础。这个是大头，花了不少时间 也有看看 [Python 3 文档](http://docspy3zh.readthedocs.io/en/latest/) 学学 `Python` 也做了一些 `Vue2` 的练习，还有零零散散的一些技术文章 今天朋友推荐 [JavaScript设计模式](https://book.douban.com/subject/26589719/)，择日不如撞日，就今天开始学习吧。 --- ## 2017年1月份 今天是一月份的最后一天了，搭建了一个新的博客 [Cody Diary](https://cody1991.github.io/diary/)。 其实自己已经有一个 [个人博客](cody1991.github.io)，这个新创建的站点主要想督促自己保持天天写点东西的习惯，即便是很零散的东西，形式上比较随意，不会像博客那么正式 而自己本身这个 `learn` 仓库也只是做个简单的记录学习而已，性质上也是不同 --- ### (2017.1.24)巩固原生 JavaScript 基础 (2017.1.29 更新) 现在转向了 [eloquentjavascript](http://eloquentjavascript.net/) 这本书的学习，一边学习英语，一边学习 JavaScript 吧 [学习记录](https://github.com/cody1991/learn/tree/gh-pages/Eloquent-JavaScript) 看 [JavaScript权威指南(第6版)](https://book.douban.com/subject/10549733/) 巩固下原生 JavaScript 基础 [学习记录](https://github.com/cody1991/learn/tree/gh-pages/JavaScript-The-Definitive-Guide) --- ### (2017.1.22) 整理 （2017.1.24 暂缓）underscore.js 源码剖析 看 [众成翻译](http://www.zcfy.cc/) 上面的文章 要！学！好！英！语！ ### (2017.1.20 16:29) 增加一个 Vue2 + koa1 的练习 感觉看了好多东西，要好好消化一下 教程地址:[https://molunerfinn.com/Vue+Koa/](https://molunerfinn.com/Vue+Koa/) --- ### (2017.1.18 19:13) 完成 [30 Day Vanilla JS Challenge](https://github.com/wesbos/JavaScript30) 的学习 [学习成果](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30) --- ### (2017.1.15) 整理 接下来还是围绕 [Modern PHP](https://book.douban.com/subject/26635862/) 的学习为主 [30 Day Vanilla JS Challenge](https://github.com/wesbos/JavaScript30) underscore.js 源码剖析 看 [众成翻译](http://www.zcfy.cc/) 上面的文章 要！学！好！英！语！ --- ### (2017.1.15) 完成一个 [Vue2 卖座网](https://github.com/cody1991/learn/tree/gh-pages/Vue2/maizuo) 的练习，可以下载查看。 --- ### (2017.1.10) PHP 开始学习 [Modern PHP](https://book.douban.com/subject/26635862/) 一书，看到豆瓣的评分还是不错的，也有人推荐 [学习记录](https://github.com/cody1991/learn/tree/gh-pages/PHP/modernPHP-book) [博客地址](https://cody1991.github.io/category.html#php) --- 需要锻炼身体了，新加了 [keep](https://github.com/cody1991/learn/tree/gh-pages/keep) 文件夹进行锻炼的记录 --- ### 制定任务(2017.1.8 00:02) 又是新的一天。最近有些东西完成学习，又要开始新的学习计划制定了 [Clean JavaScript:写出整洁的JavaScript代码](https://zhuanlan.zhihu.com/p/24761475) 好像挺有意思的一篇文章 (2017.1.8 读完 [demo](https://github.com/cody1991/learn/tree/gh-pages/tutorials/pure-JavaScript/clean-javascript)) (2017.1.15 不看了)[SVG奇思妙想](http://sbco.cc/demo/svg/html/index.html) 有很多不错的SVG例子，可以学习下 制定下记下来的PHP学习（选择看书） 另外还在进行的任务有 JavaScript30 这个是个长期的 underscore.js 源码剖析 --- ### 学习(2017.1.7) [vue2.0一起在懵逼的海洋里越陷越深](http://leenty.com/tags/vuejs/) 巩固了 vue2 vue-router vuex 的使用 [源码地址](https://github.com/cody1991/learn/tree/gh-pages/Vue2/vue2-blog-demo) [在线demo](http://cody1991.github.io/learn/Vue2/vue2-blog-demo/dist/index.html) --- ### 开始学习(2017.1.6) underscore.js 源码剖析 [源码地址](https://github.com/cody1991/learn/tree/gh-pages/Underscore.js) --- ### 完成学习(2017.1.6) 继续学习(2017.1.6) JavaScript数据结构与算法 一书 (2017.1.6 18:10) 完成整本书的阅读 (2017.1.6 17:20) 完成第十章 算法部分 发现算法的区别在数据量很大的时候，时间上的差别真的很大 数据大小100000 bubbleSort: 30335.433ms selectionSort: 15799.169ms insertionSort: 2840.036ms mergeSort: 71.564ms quickSort: 68.391ms (2017.1.6 15:36) 完成第九章 图部分 (2017.1.6 13:34) 完成第八章 二叉树部分 --- ### 开始学习(2017.1.4) [30 Day Vanilla JS Challenge](https://github.com/wesbos/JavaScript30) (2017.1.18 19:12) [完成第三十个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/30) (2017.1.18 18:37) [完成第二十九个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/29) (2017.1.18 17:42) [完成第二十八个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/28) (2017.1.18 17:14) [完成第二十七个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/27) (2017.1.18 16:42) [完成第二十六个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/26) (2017.1.18 15:38) [完成第二十五个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/25) (2017.1.18 15:11) [完成第二十四个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/24) (2017.1.18 00:25) [完成第二十三个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/23) (2017.1.17 23:28) [完成第二十二个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/22) (2017.1.17 19:10) [完成第二十一个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/21) (2017.1.17 18:36) [完成第二十个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/20) 没想到都有声音辨别的 `Api` 了，但是经常没反应，应该还有待加强 (2017.1.17 17:53) [完成第十九个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/19) 这个的摄像头和 `canvas` 图像处理挺好玩的 (2017.1.17 16:31) [完成第十八个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/18) (2017.1.17 16:19) [完成第十七个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/17) (2017.1.17 15:49) [完成第十六个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/16) (2017.1.16 16:52) [完成第十五个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/15) (2017.1.16 16:04) [完成第十四个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/14) (2017.1.16 15:46) [完成第十三个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/13) (2017.1.16 14:22) [完成第十二个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/12) (2017.1.16 13:58) [完成第十一个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/11) (2017.1.6 21:39) [完成第十个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/10) (2017.1.6 21:39) [完成第九个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/9) (2017.1.5 23:49) [完成第八个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/8) (2017.1.5 14:49) [完成第七个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/7) (2017.1.6 22:42) [完成第六个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/6)，里面的正则表达式纠结了我好久。。 (2017.1.5 14:49) [完成第五个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/5) (2017.1.5 14:49) [完成第四个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/4) (2017.1.5 12:39) [完成第三个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/3) (2017.1.5 00:39) [完成第二个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/2) (2017.1.4 22:22) [完成第一个练习](https://github.com/cody1991/learn/tree/gh-pages/JavaScript30/1) 开启这个的学习，应该是不错的一个学习历程 --- ### 制定任务(2017.1.1) 澳门的通行证快过期了，可以过去一趟 [30 Day Vanilla JS Challenge](https://github.com/wesbos/JavaScript30) 这个的目标是： 30 Day Vanilla JS Coding Challenge Build 30 things in 30 days with 30 tutorials No Frameworks×No Compilers×No Libraries×No Boilerplate [undersercore源码分析](https://www.gitbook.com/book/yoyoyohamapi/undersercore-analysis/details) --- ### 看了电影(2017.1.1) [完美陌生人 2016](https://movie.douban.com/subject/26614893/)、[驴得水 2016](https://movie.douban.com/subject/25921812/)、[控方证人 Witness for the Prosecution 1957](https://movie.douban.com/subject/1296141/) --- ### 正在学习(2017.1.1) [学习JavaScript数据结构与算法](https://book.douban.com/subject/26639401/) 补充一下算法和数据结构的知识，主要使用 JavaScript 来实现 (2017.1.4) 这个应该暂缓学习 --- ### 完成学习(2017.1.4) 正在学习(2017.1.1) [哈佛大学公开课：构建动态网站](http://open.163.com/special/opencourse/buildingdynamicwebsites.html) (2017.1.4 17:29) 完成这个系列课程的学习。一开始打算学习PHP的，但是这个课程教给我更多的东西，收获满满，也激起了我去学习PHP的欲望。也算是一个PHP的入门视频教程了，后面会继续深入PHP的学习。 (2017.1.3 23:10) 完成 ajax 视频学习 (2017.1.3 15:41) 完成第五讲，后面关于 JavsScript，ajax、安全和大规模应用等等 (2017.1.3 00:20) 第五讲 SQL续集，看了一半，明天继续 (2017.1.2 18:34) 完成第四讲 SQL 从2016.12.31晚开始看，到2017.1.1日晚上已经看了一半了，真的是学着PHP跨年的。蛮喜欢这个课程的。 --- --- --- --- --- --- # 2016年的学习记录封档，不再更新。 # Tutorials 如果查看一些学习记录的时候，发现是在 `tutorials/` 文件夹下，可以点击 [tutorials](https://github.com/cody1991/learn/tree/gh-pages/tutorials) 查看 `README.md` 说明，可以方便的找到对应学习教程 # 学习历程(2016/7/1 开始不删减更新) ### 画了横线的代表已经学习完毕(除非有特殊的说明)。 最近想要开启几个东西（写于 2016.12.08）： * 每天在 Keep 上进行记录： 腹肌撕裂者初级 以及骑自行车一个小时 * 背诵英语单词 六级，使用 扇贝单词 * 练习 尤克里里 --- 阅读 [JavaScript高级程序设计（第3版）](https://book.douban.com/subject/10546125/) 进度： 第一章、 JavaScript简介 第二章、 在HTML中使用JavaScript 第三章、 基本概念 (2016.12.26 18:00) 第四章、 变量、作用域和内存问题 (2016.12.27 14:11) 第五章、 引用类型 (2016.12.27 17:19) 第六章、 面向对象的程序编程 (2016.12.28 18:55) 第七章、 函数表达式 (2016.12.29 16:56) 第八章、 BOM (2016.12.29 17:38) 第十章、 DOM 第十一章、 DOM扩展 第十二章、 DOM2盒DOM3 (2016.12.30 15:31) 第十三章、 事件 (2016.12.30 23:32) --- 最近买了不少书，主要任务在看书，所以这边也更新不多 --- 看完 [图解HTTP](https://book.douban.com/subject/25863515/) --- 学习完 [build-a-nodejs-website](https://github.com/cody1991/learn/tree/gh-pages/tutorials/build-a-nodejs-website)，学习使用 Express 搭建的简单网站，学习下，为自己的博客改版做准备 --- 学习完 [postgres-express-react-node-tutorial](https://github.com/cody1991/learn/tree/gh-pages/tutorials/postgres-express-react-node-tutorial)，跟着教程学了下如何操作 PostgreSQL 数据库 ，使用 PostMan 模拟node写的Api接口，教程写的很好，运行全部通过 --- 最近突然喜欢上爬虫～跟着教程写了一个 [拉勾网的前端开发爬虫](https://github.com/cody1991/learn/tree/gh-pages/tutorials/node-spider/lagou-spider) 和自己根据前面的使用 Python 爬虫的 [python-crawl](https://github.com/cody1991/learn/tree/gh-pages/tutorials/python-crawl) 改写成了使用 [Node.js 进行爬虫](https://github.com/cody1991/learn/tree/gh-pages/tutorials/node-spider/meizi)。结果 拉勾网的最后被封号了，第二个也经常出 Bug ，不过以学习爬虫的目的都达到了 --- 新的 GitHub 项目 [jingyan](https://github.com/cody1991/jingyan)，它是使用 Express 和 MongoDB 构建的一个博客，托管在 Heroku 和 mLab 上 以及配套博客的编写 [build-online-blog-with-express-heroku-mlab](http://cody1991.github.io/frontend/2016/12/05/build-online-blog-with-express-heroku-mlab.html) --- 学习完 [python-crawl](https://github.com/cody1991/learn/tree/gh-pages/tutorials/python-crawl)，一个使用python进行爬虫下载图片和Mongodb存储数据的教程 --- 学习完 [vue-tutorial](https://github.com/cody1991/learn/tree/gh-pages/tutorials/vue2-tutorial)，对Vue2全家桶有了更全面的认识 --- 学习完 [getting-started-with-webpack2](https://github.com/cody1991/learn/tree/gh-pages/tutorials/getting-started-with-webpack2)，对WebPack2有了一定的了解 --- 开始12月份的学习～～～～～ --- ## 以下是 2016/11/1 ~ 2016/11/30 一个月的学习成果。未完成的挪到 12月份的学习计划，不再删改。 --- 完成一个微信小程序的练习 [weapp/cnode](https://github.com/cody1991/learn/tree/gh-pages/weapp) --- 学习完 [一起学 Node.js](https://github.com/nswbmw/N-blog) ,自己使用Express和MongoDB搭建了博客 [myblog](https://github.com/cody1991/learn/tree/gh-pages/N-blog/myblog) --- 在看 [CSS揭秘](https://book.douban.com/subject/26745943/) --- 在看 [实战 ES2015](https://book.douban.com/subject/26899930/) --- 在看 [HTTP权威指南](https://book.douban.com/subject/10746113/) 书籍 --- 学习 Vue2 ，学习记录在 [awesome-vue](https://github.com/cody1991/awesome-vue/tree/master/vuefe) --- 学习吉他(长期的) [课程地址](http://e.youku.com/v/course/play?coid=4193&chid=55602&spm=a2h0v.8245817.2377199.8#3) --- 看完 [Web全栈工程师的自我修养](https://www.baidu.com/link?url=stUEN7ugCLgsdHbd3jF-9CFDbrtlEi8ITo9jMpNZSxxMLSflORkx-2iWtAhH08gdgSMWusfQjlqVdn9hnGyO7q&wd=&eqid=bcd159df000e4f5500000006582877f3) 书籍 --- 由于10月份在忙求职的事情，学习主要以查缺补漏等的面试准备。 --- ## 以下是 2016/10/1 ~ 2016/10/31 一个月的学习成果。未完成的挪到 11月份的学习计划，不再删改。 --- 《Javascript高级编程 第三版》 学习 --- 国庆这几天在看 《Vue.js权威指南》 | [vue-book - GitHub](https://github.com/DDFE/vue-book) | [学习记录](https://github.com/cody1991/awesome-vue/tree/master/vue-book) 还有慕课网的一些视频教程（假期别太忙~） --- ## 以下是 2016/9/1 ~ 2016/9/31 一个月的学习成果。未完成的挪到 10月份的学习计划，不再删改。 --- 最近在准备面试什么的，发现自己还是存在蛮多问题的。 最近看看下面这个文章，巩固下 JavaScript的基础。 [统一回复《怎么学JavaScript？》](http://www.w3cfuns.com/notes/17398/d3f6dd40e2d3ff15b209810dfa98be0b.html) 然后自己还有Web安全方面的东西也一般般 准备看看[Web前端黑客技术揭秘](https://book.douban.com/review/6710291/)，不知道是不是一本好书~ --- 《Vue.js权威指南》的书到了，接下来系统学习Vue.js --- 完成 [nodeschool](http://nodeschool.io/zh-cn/#workshopper-list) 里面的 [learnyounode](https://www.github.com/workshopper/learnyounode) | [javascripting](https://www.github.com/sethvincent/javascripting) --- 完成 [node-lessons](https://github.com/alsotang/node-lessons) 学习 --- 修改 [简历 aboutme](http://cody1991.github.io/aboutme/) --- 学习node.js 学习node.js 学习node.js 学习javascript 学习javascript 学习javascript 重要的事情多说两遍。 --- ## 以下是 2016/8/1 ~ 2016/8/31 一个月的学习成果。未完成的挪到 9月份的学习计划，不再删改。 --- 找找 mongodb 的学习资料 --- 准备看看 [es6-cheatsheet-ch](http://qiutc.me/post/es6-cheatsheet.html) | [es6-cheatsheet-en](https://github.com/DrkSephy/es6-cheatsheet) --- 重新学习下 [node-lessons](https://github.com/alsotang/node-lessons) --- 完成 [一个简单的 vue.js 实践教程](http://cody1991.github.io/vue/2016/08/30/a-simple-vue-guide.html) 博客 ([segmentfault 地址](https://segmentfault.com/a/1190000006776243))。 --- 开始学习 [每周一点canvas动画](https://github.com/supperjet/H5-Animation) 系列文章，对应的学习记录在[canvas-weekly](https://github.com/cody1991/learn/tree/gh-pages/canvas-weekly) 也学习了 《HTML5 CANVAS游戏开发实战》 的一部分，对Canvas的基础有了进一步的了解 --- 新开了一个项目仓库 [vue.js 资料收集 && 学习记录](https://github.com/cody1991/awesome-vue) * 完成了 [vue-tutorials - 一个简单全面的vue.js入门教程 对应学习记录](https://github.com/cody1991/awesome-vue/tree/master/vue-tutorials) * 开始 翻译学习 [the-majesty-of-vuejs](https://leanpub.com/vuejs) 一书。 翻译和学习记录在 [the-majesty-of-vue.js-ch](https://github.com/cody1991/awesome-vue/tree/master/the-majesty-of-vue.js-ch) 。翻译因为版权原因，已停止在线共享。 [Majesty of Vue.js Book](https://github.com/cody1991/awesome-vue/issues/1) --- ## 以下是 2016/7/1 ~ 2016/7/31 一个月的学习成果。未完成的挪到 8月份的学习计划，不再删改。 --- 完成新模板 [vue-template](https://github.com/bear-front-end/vue-template) 的编写 --- 完成新博客 [vue-tutorial](http://cody1991.github.io/vue/2016/07/31/vue-tutorial.html) 的编写以及配套代码的编写。 --- * 完成 [Create an App in VueJS 2](https://auth0.com/blog/2016/07/14/create-an-app-in-vuejs-2/) 的学习，后面记录一下学习心得。 --- * 学习 [express](https://github.com/expressjs/express) or koa，纠结中。 * 看完官网的教程 * 看 [express-in-action](https://www.manning.com/books/express-in-action)。现在进入实战阶段，认真学习书本实例。 --- * 学习 [es6-in-depth](https://hacks.mozilla.org/category/es6-in-depth/) --- * (打算继续vue的学习，然后再写博客) 学习一个vue的实例 [使用 Vue.js 构建单页应用](https://segmentfault.com/a/1190000005863691) ,考虑可以写一个 vue 的博客 ( [博客地址](http://cody1991.github.io/) ) --- * 【完成学习】学习了一个方便在手机上调试的工具 [vConsole](https://github.com/WechatFE/vConsole) --- * 【完成学习】学习了一个javascript动画引擎 [anime](https://github.com/juliangarnier/anime) --- 学习 vue2 了，基本随着文档的更新学习了。 后面要注意扩展学习， * 【完成学习】[A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.](https://github.com/weui/weui) * [Mobile web UI Components based on Vue and WeUI. Be Cool with Vue & WeUI. ](https://github.com/airyland/vux) * [Flux-inspired Application Architecture for Vue.js.](https://github.com/vuejs/vuex) * (先划掉，感觉学习这个native app的可能性不太大) [A framework for building Mobile cross-platform UI](https://github.com/alibaba/weex) --- * 废弃 php 的学习，感觉后台学习还是以 express 为主吧 * 学习php，看了一大半 [php和mysql web开发](https://book.douban.com/subject/6078710/) 一书，接下来学习 * [codeigniter](http://codeigniter.org.cn/user_guide/index.html) --- * 废弃 lodash 的学习。考虑去研究 underscore 的源码学习 * 学习 [lodash](https://github.com/lodash/lodash/) ，学习笔记在 [lodash学习](https://github.com/cody1991/learn/tree/gh-pages/lodash)