脚本宝典收集整理的这篇文章主要介绍了web前端学习方案,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
学习计划
HTML5
@H_406_6@
认识HTML5语义化的意义。
熟悉HTML5新特性
了解如何快速的加载HTML页面,以及完善用户体验如:阅读模式、无障碍设置,
了解Canvas、Svg
CSS3
JS
- 熟悉JS的基础语法
- 熟悉JS和客户端的交互,例如DOM操作,节点的操作,ajax请求等等
- JS是弱对象语言,那么JS中如何实现一个类?请学习原型构造函数,并理解原型链的作用。
- 熟悉TyPEScript语言,TypeScript是一个JS的超集,它的出现让JS更加的像一门面向对象语言,TypeScript支持动态类型,兼容ES6以及其他的原生语法。
- 了解polyfills和bable。在前端加速发展的进程中他们充当了很重要的角色,目前JS版本草案已经到了ES8,目前主流是ES6,但是目前主流浏览器大多全面兼容ES5,那么在使用高级语法的同时,你得需要向下兼容,这就是它们存在的意义。
- 了解模块化规范(CommonJS、amD),了解它们带来的作用。
- 了解webPack等打包工具,打包工具的出现让前端项目的开发趋向于自动化、工程化。包括文件大小的压缩,Css自动前缀的处理等等。
- 了解JsLint、EsLint、TsLint 代码规范检查工具
Angular(Js MVVM框架)
Angular的基础语言采用TypeScipt,TypeScript得益于静态类型的检查以及强类型特性,在开发过程中可以加强相互协作,大大的减少代码错误,目前已经逐渐成为了趋势。
Angular的底层嵌入了了RxJS,什么是Rxjs? RxJS 是使用 Observables 的响应式编程的库。
响应式编程是一种面向数据流和变化传播的编程范式。这意味着可以在编程语言中很方便地表达静态或动态的数据流,而相关的计算模型会自动将变化的值通过数据流进行传播。
响应式编程可以加深你代码抽象的程度,让你可以更专注于定义与事件相互依赖的业务逻辑,而不是把大量精力放在实现细节上,同时,使用响应式编程还能让你的代码变得更加简洁。
代码规范
- HTML、Css规范请参照:https://codeguide.bootcss.com/
- JS代码规范请参照:https://google.github.io/styl...
- TypeScript 规范请参照Tslint规范,Angular内置了一套
- Angular 代码风格请参照 https://angular.io/guide/styl...
以上是脚本宝典为你收集整理的web前端学习方案全部内容,希望文章能够帮你解决web前端学习方案所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。