开始学习前端,希望自己能坚持下去,加油。
学习路线图:
第一阶段:JavaScript基础
第二阶段:JavaScript深入
第三阶段:H5
第四阶段:AJAX
第五阶段:Node.js
第六阶段:Vue.js
第七阶段:React
第八阶段:微信小程序
必须要掌握的前端开发技术体系:
第一阶段:HTML(5)+CSS(3) --> 技术要点:HTML5、CSS3、响应式布局(rem/flex/@media等)、Hybrid混合APP开发、微信二次开发、小程序开发、React Native开发、Flutter、uni-app……
第二阶段:JS --> 技术要点:JS堆栈内存、闭包作用域、浏览器词法解析(V8渲染机制原理)、面向对象和this处理;ES6基础语法、ES6中的Promise(Promise A+规范)、Generator生成器函数等深入用法;同步异步编程(包括运行机制和微任务、宏任务及实战应用);常用的编程思想和设计模式例如:防抖、节流、柯理化函数、惰性函数、单例模式、发布订阅、Promise设计模式等;DOM性能优化(重排和重绘的优化)、DOM事件;算法;
第三阶段:AJAX和HTTP --> 技术要点:ajax原理、ajax异步解决方案(promise),axios(包括自己封装promise版ajax)、fetch及封装处理、jQuery中的ajax操作和库的封装等;跨域解决方案及实现原理:jsonp、cors、webpack proxy(scoket.io)、document.domain、window.name+iframe、postMessage等;HTTP报文(常用的响应请求头实战应用技巧)、HTTP(TCP)传输流程(包括三次握手四次挥手及TCP底层协议)、HTTP1和HTTP2的区别、HTTP和HTTPS的区别等【传统前端代码优化,性能上提高较小,HTTP相关优化是性能提高的重要方法:304缓存、DNS缓存、减少HTTP传输次数和大小、HTTPS的加密】
第四阶段:框架开发 --> 技术要点:目前市场上的项目大部分都是框架开发的,目前主流框架:Vue、React、Angular;
Vue全家桶:vue(MVVM实现的原理以及一些语法的实现原理)、vue-router(HASH路由实现的原理),vuex(掌握原理)、axios、vue-cli(需要能够修改脚手架的webpack配置项)、iview/vux/vue element等常用框架的使用等
React全家桶:create-react-app(能够修改webpack的配置项)、react(掌握虚拟DOM渲染原理,掌握DOM-DIFF原理,掌握INDEX索引对比机制,掌握MVC实现的原理)、react-dom/react-native、react-redux/dva/mobx(掌握原理,自己可以基于原生JS写一套类似的插件,发现里面的一些不足点)、antd(自己封装一些基础的组件)等
第五阶段:辅助技能 --> 技术要点:Webpack:掌握常用的脚手架使用和修改,会一些基础的webpack搭建;Git:熟练掌握团队协作开发中代码版本控制技巧,熟悉常用的操作命令;Node:掌握基础的API、掌握express/koa/egg等框架、可以编写伪API,可以基于node做跨域处理等;自己研究数据库;Canvas:掌握canvas、webGI、d3等
常逛以下技术论坛:
掘金:https://juejin.im/
百度FEX:http://fex.baidu.com/
淘宝FED:http://taobaofed.org/
腾讯:http://alloyteam.com/
凹凸实验室:https://aotu.io/
360奇舞团:https://75team.com/
https://www.jianshu.com/
https://segmentfault.com
https://stackoverflow.com/
https://github.com/
https://developer.mozilla.org/zh-CN/
自我要求:
1. 基础要打扎实
2. 温故知新(每周2~3天,每天2~3小时,把自己之前整理的笔记反复观看)
3. 每天坚持写笔记
4. 多动手,多动脑
5. 多融入前端圈子,多分享,多交流……
重点: 不会的知识点,就是练,记。--》没有什么是50遍解决不了的…… 只有懒人没有笨人
---
学习内容来源:网络视频(以珠峰视频为主) + 书(还没选好……)
网友评论