前端: HTML+CSS+ JavaScript
HTML5 主要是增加了一些特性, 如Audio ,Video, Canvas,Web Storage等
使用的工具:
编辑工具: VS Code
打包工具:Webpack(基于Node.js) Browserify
转换编译:Bable
包管理工具: NPM (基于Node.js)
框架:
主要是3大框架,分别是React,Vue,Angular;国内用React 和Vue比较多,Angular主要在美国用
BootStrap:基于JQuery , 是Twitter封装的UI库,过时;
JQuery: 可以看成一些库(封装Javascript)-- 淘汰
JQuery: 淘汰
解决的痛点:
1 浏览器的兼容问题:
之前前端程序员要关注浏览器的区别,比如其他浏览器都用XMLHttpRequest,而IE要使用ActiveXObject; JQuery对DOM操作进行了封装;
2 选择器
没有JQuery,需要使用getElementByID等方法获取DOM对象,有了JQuery,则可以用CSS选择器获取元素。
3 动画效果
而随着前端的发展
1)浏览器的兼容
浏览器的兼容问题不严重了, 大家都按标准做, IE6基本被淘汰了
2)选择器
CSS3新增了大量的选择器
3)动画效果
CSS3提供了丰富的动画效果
4)ajax
fetch和axios 这些第三方模块已经将ajax封装得很好了
5)DOM操作和事件绑定
从性能、易于开发和维护的角度, MVVM要比JQuery好
MVVM将业务代码抽离出来,前端更关注于业务。
6) 组件化、模块化
webpack(require, module,exports)
阅读(333) | 评论(0) | 转发(0) |