原作者:李想
原链接:zhuanlan.zhihu.com/p/19
原出处:知乎

前端技术学习路线:

1.html+css

2.移动端布局

3.js+jq

4.ajax+git

5.vue+react

6.微信小程序

7.选学node.js

总结就是三件事:

1、前端页面重构:写一些页面,电脑、手机、平板都能用!

2、前后端网页交互:用户操作–>获取参数–>给后端发请求–>将响应展示给用户!

3、Node.js + 前端框架:使用成熟的技术,大幅度提升工作效率。并通过node.js进行后端开发!

主要前端技术:

1.实际业务的理论与经验(小白瑟瑟发抖)

2.css布局基础知识(rem、viewport(vw vh)、less / sass、清除浮动、BFC、自适应/响应式布局、如何实现纵横比布局、flex理解和用法等…)

3、JS语言基础知识(继承都有哪些方法、什么叫闭包及应用场景、函数防抖&函数节流、异步promise、async/await、xmlHttpRequest / ajax / fetch / axio请求数据、文件及二进制数据操作、TypeArray、websocket详细知识、canvas一些api知识、正则表达式等…)

4、常用框架(vue、vue-router、vuex、react、react-router、redux、mobx、mobx-state-tree、elementUI、iVeiw、materialUI、Ant Design等…)

5、测试框架(jest、mocha等…)

6、构建与部署(webpack、gulp等…)

7、Git版本控制使用(git基础命令,GitHub Actions工具等…)

8、动画相关知识(css animator 、requstAnimationFrame、动画库等…)

9、算法知识相关内容(冒泡排序、快速排序、各种排序、字符串模糊查询等…)

上面的主要技术内容全部掌握后,北京上海月薪15K-35K

进阶前端技术:

1、多端小程序(微信小程序基础开发、公众号jssdk、Wepy、Taro、mp-vue、等…)

2、数据可视化(Echart、D3等…)

3、Native App原生开发(react navtive、flutter等…)

4、eletron(桌面开发)

5、微前端知识(多项目共同组件、多项目通信、多项目集合等…)

6、视频直播相关(WebRTC、ffmpeg、rtsp、Rmmv直播等…)

7、3D开发(webGL、three.js等…)

8、设计模式(工厂模式、单例模式、观察者模式、订阅模式等…)

9、SEO搜索相关知识(sitmap、roobot、关键词密度工具、模拟蜘蛛工具、预渲染/无头浏览器/Puppeteer、Nuxt、Next服务端渲染等…)

10、pwa相关知识(次要,目前没有太大的需求)

11、数据结构知识(队列、栈、链表、集合、hash表、树、图等…),不过这个是次要的,不用花费太多精力,但是脑中要理解和实战中能够运用。

掌握了上面的主要和进阶共20项技术后,北京上海月薪35K-60K

前端大牛

1、后端语言(python、nodejs、koa2、Express、阿里Egg、Nunjucks、Ejs等…)

2、服务器软件(Nginx、Apache等…)

3、数据库语言(mangoDB、mysql等…)

4、GraphQL api查询描述语言,精简api数据精准查询,Restful api查询标准等

5、 AST / DSL抽象语法树相关内容,可写插件及虚拟机编译器等

6、运维相关知识(linux基础、jenkins自动化部署、Docker、K8、容器等…)

除了上面提到的技术内容,在此基础上还有一项更重要的,就是丰富的开发经验、业务案例、大厂经验、团队经验、管理经验等。

文章来源于互联网:15K的前端需要那些技能?

发表评论