README.md

这是我学习前端知识的练习册

文件说明：

• 1.原生JavaScript学习 参考 www.fgm.cc
• 2.DOM事件探秘（慕课网）DOM事件探秘
• 3.HTML5-CSS3-Learning 参考：张鑫旭老师博客等...
• 4.Professional JavaScript for Web Developers (JavaScript高级程序设计三) 参考
• 5.Rating-JQuery 参考：锋利的jQuery 星级评分原理和实现
• 6.Echarts-Learning全国空气质量可视化 Echarts官网、空气质量可视化
• 7.ShoppingCart-Vue 使用vue2.0实现购物车和地址选配功能
• 8.TodoList-Vue 基于vue的todolist，实现list的增删改
• 9.my-first-wx-mini-program 微信小程序练习之作 微信小程序入门与实战 常用组件API开发技巧项目实战
• 10.常用工具封装
• 11.koa+vue+ Element UI
• 12.Webpack-Learning 学习webpack webpack深入与实战

学习计划：

• 2017.3--6 JavaScript基础学习

  • W3School.com.cn学习HTML\CSS\JavaScript基础知识
  • 在imooc.com慕课网练习基础，进一步熟悉HTML\CSS\JavaScript基本语法，DOM基本操作
    • 学习JS事件Event机制
    • 学习JQuery基本操作

• 2017.6--7 JavaScript进阶学习：参照http://www.fgm.cc/learn/项目，在没有代码提示的情况下进一步熟悉JS语法规则

  • 阅读JavaScript高级程序设计（第3版）
  • 阅读JavaScript DOM编程艺术（第二版）
  • 阅读锋利的JQuery(第一版)
  • 阅读JavaScript语言精粹

• 2017.8--9 jQuery、Vue学习

  • 项目一：拼图小游戏：拖动随机排列的图片，完成拼图 JQuery实现
  • 项目二：星级评分JQuery、 在线眼镜试戴
  • 项目三：空气质量可视化Echarts、JQuery
  • 项目四：HTML5音乐播放器 Vue
  • 项目五：德州扑克 Vue
  • 项目四：使用Vue实现TodoList
  • 项目五：使用Vue实现简单的购物车

• 2018.2-- 深入优秀源码学习

  资料： 统一回复《怎么学 JavaScript？》 https://juejin.im/entry/57ea104d816dfa005efb3e15

  • Underscore.js源码解读&系列文章 https://github.com/hanzichi/underscore-analysis 源码注释：https://github.com/hanzichi/underscore-analysis/blob/master/underscore-1.8.3.js/underscore-1.8.3-analysis.js

  • Underscore源码分析 https://www.gitbook.com/book/yoyoyohamapi/undersercore-analysis/details 源码注释：https://github.com/yoyoyohamAPI/underscore/blob/master/underscore.analysis.js

  • Backbone 源码解读（一） https://segmentfault.com/a/1190000006697372

  • backbone源码解读 https://gist.github.com/que01/934810128e242c95aeba4f1c8645c4ca

  • backbone.js源码解析（一篇全）https://zhuanlan.zhihu.com/p/25123651

  • Lodash 源码中的那些迷人的细节 https://zhuanlan.zhihu.com/p/32823459

  • javascript 总结（常用工具类的封装） https://segmentfault.com/a/1190000013041329

• 2018.6

  • vue源码学习系列：
    • Vue.js 源码学习笔记 http://jiongks.name/blog/vue-code-review/
    • 梁少峰的个人博客 https://github.com/youngwind/blog
    • Vue2.1.7源码学习 http://hcysun.me/2017/03/03/Vue%E6%BA%90%E7%A0%81%E5%AD%A6%E4%B9%A0/
    • Vue.js 源码解析 https://github.com/answershuto/learnVue
    • vue 2.2.6源码分析 https://github.com/liutao/vue2.0-source
    • vue-analysis https://github.com/Ma63d/vue-analysis

  Flex学习： A Complete Guide to Flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Flexbox详解 https://segmentfault.com/a/1190000002910324

  前端基础进阶目录 https://segmentfault.com/a/1190000012646488

学习日志：

2018-4-10

• 学习浏览器工作原理(how browsers work)