美文网首页web前端
1.0 前端笔记-路线图

1.0 前端笔记-路线图

作者: NULL_2022 | 来源:发表于2020-06-24 15:04 被阅读0次

    开始学习前端,希望自己能坚持下去,加油。

学习路线图:

    第一阶段: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遍解决不了的…… 只有懒人没有笨人

---

    学习内容来源:网络视频(以珠峰视频为主) + 书(还没选好……)

相关文章

  • 1.0 前端笔记-路线图

    开始学习前端,希望自己能坚持下去,加油。 学习路线图: 第一阶段:JavaScript基础 第二阶段:...

  • 前端笔记1.0

    1.HTML小记, 1. 概述: ​​ 就是标题标签 3. 是段落标签。 4. 网页上那张小女生的图片,由...

  • 2019-05-06

    ## 大前端学习路线图

  • 前端学习计划

    一、前端学习路线图

  • web开发学习路线图

    各类程序员学习路线图 web前端开发学习路径图 2016/2017 Web 开发者路线图 怎么学习前端开发?求推荐...

  • 前端教程,前端学习路线图

    自学前端的福音,整理前端学习路线图,供大家参考。首先来一张学习路线图 一、前端视频篇第一阶段-准备篇 教程下载: ...

  • 前端自学路线图之自学微信小程序

    黑马程序员前端自学路线图中第六阶段的是自学微信小程序:主要介绍了前端自学路线图中微信小程序的自学目标,前端自学路线...

  • 路线图笔记点

    路线图笔记点放这里,避免路线图后开始执行产出的笔记没地方放,引起干扰不能聚焦。

  • web前端自学之路:我的HTML、CSS学习计划

    前端自学大概的路线图 因为刚开始学习,没有完整的前端知识体系,所以是大概的路线图,希望大家可以帮我一起修改完善。 ...

  • web前端自学之路:我的HTML、CSS学习计划

    前端自学大概的路线图 因为刚开始学习,没有完整的前端知识体系,所以是大概的路线图,希望大家可以帮我一起修改完善。 ...

网友评论

    本文标题:1.0 前端笔记-路线图

    本文链接:https://www.haomeiwen.com/subject/orxkyftx.html