2020前端技术栈

2020前端技术栈

一、HTML/CSS基础

HTML/CSS是网页的基础，它们控制着网页的结构和样式。HTML是网页的骨架，它定义了网页的结构；CSS是网页的皮肤，它负责网页的样式。

二、JavaScrip语法基础

JavaScrip是前端开发的核心技术，它控制着网页的行为和交互。学习JavaScrip语法是前端开发的必修课。

三、JavaScrip语法进阶

掌握JavaScrip语法是前端开发的进阶之路。在熟悉语法的基础上，需要进一步学习JavaScrip的高级特性，如闭包、原型链、模块化等。

四、ES6语法

ES6是JavaScrip的新标准，它新增了许多语法和特性，如箭头函数、模块导入导出、解构赋值等。学习ES6语法可以让你的代码更简洁、易读、易维护。

五、HTML5和CSS3新特性

HTML5和CSS3引入了许多新特性，如响应式设计、动画、3D效果等。学习这些新特性可以让你的网页更具有吸引力和交互性。

六、Cavas技术

Cavas是HTML5引入的新元素，它可以让前端开发人员通过JavaScrip绘制图形和动画。学习Cavas技术可以让你的网页更具表现力和交互性。

七、移动Web开发

随着移动设备的普及，移动Web开发也越来越重要。学习移动Web开发需要掌握响应式设计、移动设备特性和Web App开发等知识。

八、前端框架：Vue.js和Reac

Vue.js和Reac是当前前端框架，它们提供了高效的开发模式和优秀的性能表现。学习Vue.js和Reac可以让你的前端开发更高效、更快捷。

九、ode.js技术

ode.js让前端开发人员可以在服务器端运行JavaScrip代码，这使得前后端代码可以统一语言编写和维护。学习ode.js技术可以让你的前端开发更具有扩展性和灵活性。

十、自动化工具：构建工具Webpack、构建工具gulp、CSS预处理器Sass等

在前端开发中，自动化工具可以提高开发效率和质量。Webpack和gulp是当前的构建工具，它们可以帮助你自动化打包和压缩代码；Sass是CSS预处理器，它可以让你的CSS代码更简洁、易维护。学习这些自动化工具可以让你的前端开发更高效、更快捷。

十一、前端综合：HTTP协议、跨域通信、安全问题（CSRF、XSS）、浏览器渲染机制、异步和单线程、页面性能优化、防抖动（Deboucig）和节流阀（Throlig）、lazyload、前端错误监控、虚拟DOM等

除了以上提到的技术点，前端开发还需要掌握一些综合性的知识，如HTTP协议、跨域通信、安全问题（CSRF、XSS）、浏览器渲染机制、异步和单线程、页面性能优化、防抖动（Deboucig）和节流阀（Throlig）、lazyload、前端错误监控、虚拟DOM等。这些知识可以帮助你更好地理解前端开发的各个方面，并且更好地解决实际问题。

十二、编辑器相关

在前端开发中，编辑器也是非常重要的工具。掌握如何使用常见的编辑器（如VS Code、Sublime Tex等）进行高效开发也是非常必要的。同时，还需要了解如何配置编辑器的插件和扩展程序，以提高开发效率和质量。