第一次用这个不太熟悉
自从接触前端以来,经历了将近三个年头。从自己毕业到参加第一个前端工作,这中间有六年时间早已经荒废了自己在学校所学的东西,而且在学校学习的东西也早已经过时了,前端在这几年发展快速。自己接触的这三年,可以说对前端这个职业的理解也是一直在发生改变。
有句话形容前端我觉得很合适“今天很残酷,明天更残酷,再坚持一下后天就能见到光明。但是很多人都死在了明天”,前端是一个技术发展更新很快的一个职业,以前前端就是写写HTML、CSS和JS,现在的前端需要具备的能力就多了,比如UI框架、前端框架、自动化工具等等。
我也是在自己实际工作中对前端的理解不断深入,这里我简单把我自己现在的认识分了三个阶段。不是说前端只有三个阶段,而是我现在接触到的阶段划分。再往上应该就是大神级别了吧,比如写这些前端框架的大神。 入门阶段:HTML、CSS、JS。对网页最重要的三部分能熟练应用。 核心阶段:HTML5、CSS3、JS高级特性。对网页三要素的进一步学习。 高级阶段:前端框架、自动化工具、ES6。
我理解我现在阶段是在核心阶段,核心阶段也是需要最长时间的阶段,在这个阶段你会了解到很多实用技巧、很多实用工具、很多实用方法。在这里我就简单介绍一下我打算怎么度过自己的核心阶段。
- Css 预处理语言 Less
- 前端框架 Vue San框架 uni-app框架
- 前端自动化工具 Parcel Webpack
- Js 脚本语言 ES6 typescript
目前我想先学习css方面的进阶技术,因为css是最不会影响我在后面工作的。Sass 与 Stylus 相比于 Less 功能更为丰富,但对于学习成本以及适应时间 ,Less 稍胜一筹,这也是我选择 Less 的原因。Less 的出现是为了解决 CSS 中过于呆板的写法。Less 官方对 Less 的使用有详细的介绍,总结一下为:Less = 变量 + 混合 + 函数。
前端框架选择的是vue 、 san框架和uni-app框架。 San是由百度开源团队维护,是一个 MVVM 的组件框架。它体积小巧(13K),兼容性好(IE6),性能卓越,是一个可靠、可依赖的实现响应式用户界面的解决方案。uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。
前端自动化工具,前端自动化工具能极大的提升前端开发速度,Parcel是配置比较简单的工具而webpack就需要一些配置才能使用。最后才是JS的高级语法,因为目前项目还必须支持ie8,所以我把JS放到了最后一步,其实前端构建工具目前也用不到,但是用了uni-app框架用到了webpack编译。
目前我的学习流程就是这么安排的,当然中间也可能因为某些原因发生变化,不过这些内容是都会学习的。