当前位置: 首页 > Web前端 > CSS

Web前端学习程序

时间:2023-03-30 19:22:01 CSS

学习程序HTML5了解HTML5语义的含义。熟悉HTML5新特性了解如何快速加载HTML页面,提升用户体验如:阅读模式,辅助功能设置,了解Canvas,SvgCSS3熟悉CSS3新特性,如:transform,transition等了解什么Css重绘?熟悉Css绘制顺序,Css在绘制过程中也是有顺序的,熟悉Css绘制顺序,CSS会先绘制元素的定位和大小,然后再做其他的修改,包括颜色,透明度等,所以在css书写顺序优先考虑位置和大小。熟悉Sass和Less(css扩展语法),项目越大,Css越难维护,而Sass和Less的出现就是为了解决这个问题,当然还有其他解决方案比如:css-in-js、组件化css等。熟悉css优先,了解什么是硬件加速。JS熟悉JS的基本语法熟悉JS与客户端的交互,如DOM操作、节点操作、ajax请求等JS是弱对??象语言,那么如何在JS中实现一个类呢?请学习原型构造函数,了解原型链的作用。熟悉TypeScript语言。TypeScript是JS的超集。它的出现让JS更像是一门面向对象的语言。TypeScript支持动态类型,兼容ES6等原生语法。了解polyfills和bables。它们在前端的加速开发中发挥着非常重要的作用。目前的JS版本草案已经到了ES8,目前主流的是ES6,但是目前主流的浏览器大部分都完全兼容ES5。向下兼容,这就是它们存在的目的。了解模块化规范(CommonJS、AMD)及其带来的好处。了解webpack和其他打包工具。打包工具的出现使得前端项目的开发趋向于自动化和工程化。包括文件大小压缩、Css自动前缀处理等。了解JsLint、EsLint、TsLint代码规范检查工具Angular(JsMVVM框架)Angular的基础语言使用TypeScript,TypeScript得益于静态类型检查和强类型特性,可以在开发过程中加强相互协作,大大减少代码错误,已逐渐成为一种趋势。Rxjs嵌入在Angular的底层。什么是Rxjs?RxJS是一个使用Observables进行反应式编程的库。反应式编程是一种面向数据流和变化传播的编程范式。这意味着静态或动态数据流可以很容易地用编程语言表达,相关的计算模型将通过数据流自动传播变化的值。响应式编程可以加深你的代码抽象,让你更专注于定义与事件相互依赖的业务逻辑,而不是将大量精力放在实现细节上。同时,使用响应式编程还可以让你的代码更加灵活。更简洁。熟悉Angular的语法。熟悉Angular路由机制。熟悉组件交互和表单操作。熟悉Rxjs,了解响应式编程的思想,请按照官方文档学习时优先理解其思想。请重点了解DI(DependencyInjection),了解什么是组件化?什么是模块化?上面的理解之后,请理解Zone.js,它为Angular做了什么?了解什么是自定义组件。了解什么是ShadowDOM。熟悉HTML5历史,并参考Angular路由,思考Angular路由实现的机制。了解Angular如何优化性能解决方案。代码规范请参考HTML和Css规范:https://codeguide.bootcss.com/JS代码规范请参考:https://google.github.io/styl...TypeScript规范请参考到Tslint规范。Angular内置了ForAngular代码风格,请参考https://angular.io/guide/styl...