偶是安卓开发者，这两年也因为业务需要接触了web技术，自学了一点Vue，下面说说偶对web前端的看法。
web前端的框架多是因为技术简单而业务多样化
前端最初或者说最本质就是HTML+CSS+JavaScript，可以说后来的框架底层基本都是这三大金刚。
相对于造系统和语言来说，造框架是比较简单的。其次是成本和门槛特别低，所以很多大公司都有推出各自的开源框架。
但是这些开源框架都是源自各大公司自己的业务来开发的，也就是说有其独特性。
阿里巴巴weex框架
Weex框架是阿里巴巴在推出的web开源框架,主要解决了频繁发版和多端研发两大痛点，同时解决了前端语言性能差和显示效果受限的问题。
开发者只需要在自己的APP中嵌入Weex的SDK，就可以通过撰写HTML/CSS/JavaScript来开发Native级别的Weex界面。Weex界面的生成码其实就是一段很小的JS，但是可以像发布网页一样轻松部署在服务端，然后在APP中请求执行。
Weex的特点就是跨平台，一次开发，多端运行，同时提高页面渲染速度。
腾讯QMUI框架
QMUI Web 是一个专注 Web UI 开发，帮助开发者快速实现特定的一整套设计的框架。
通过 QMUI Web，大家可以很轻松地提高 Web UI 开发的效率，同时保持了项目的高可维护性与稳健。
QMUI是腾讯广州研发团队开发的，也就是张小龙的团队。
QMUI框架的特点就是提供丰富的UI，方便你快速实现页面需求，同时可以对项目的样式进行整体控制。
以上都是国内大的科技公司的框架，举这两个例子是想说明，框架是根据业务开发的。
当然市场上主流的web框架就是
Vue.JS
了，这也是偶目前学习和使用的框架，当然还有AngularJS、React框架。在面对框架时怎么办，学还是不学？
其实不只是前端，移动端也经常有一些框架出来，那大家开发者面对新框架时，到底要不要学习呢。
偶的看法是要学习，但是不能学的太深，毕竟没那么多精力和时间。
当有新框架出来时，偶会去引入到demo项目里面玩一玩，搞清楚它是干嘛的，基本怎么就可以了。
也就是说，偶只会关注它的功能是解决哪方面的问题，如果后面项目碰到了这类的需求问题，可以直接引入使用。
那这是偶对待新框架的态度，当然如果你有更多的时间和精力，或者说学习能力比较强，完全可以将新框架学透。
总结
对于编程行业来说，持续的学习是必要的，因为业务的发展会推动技术的革新，所以从入行就得做好心理准备。
偶是非著名攻城狮，希望偶的回答对您有用，感谢您的关注与支持！
培养目标和要求
本方向是基于软件前端设计与开发技术培养符合企业需求的前端开发工程师。学生通过本方向课程的学习，掌握前端设计的主流技术，熟悉行业常见的标准规范，能根据客户需求设计和实现具有美观性、交互性和实用性的前端产品，能较好的与软件后台开发人员进行沟通，最终成为一名符合企业岗位需求的前端开发工程师。
想要成为一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识，那么应该怎么进行Web前端性能优化呢？
1、CSS精灵
CSS Sprites在国内很多人叫CSS精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的，所以无需顾忌这个问题。
2、代码压缩
（1）将table改为div布局
尽量将table标签布局HTML重构div布局，可以节约至少40%的代码量。由于div代码少于table布局的HTML网页，所以搜索引擎索引权重也优于table布局的HTML网页。
（2）缩减精简div、span、ul、li等系列标签
布局DIV+CSS网页时候，有时候可以节约一些DIV布局代码，减少代码量。
（3）删除多余空格
删除多余空格换行，可以有效地压缩HTML代码占用字节，一般在开发完成后可以对HTML中代码进行删除换行和空格内容。
（4）表格类型布局时候适当使用table替代div布局
如果是本身是表格数据列表排版，大家最好选择table，因为表格布局使用table优于div布局，使用table布局却比div布局节约HTML标签代码和节约CSS样式。
（5）网页GZIP压缩
自己的服务器推荐设置网页Gzip压缩功能。
3、高质量的JS代码肯定能省很多事，封装JS以及重复调用方法能够减少很多操作。
4、减少对DOM的操作
（1）创建临时父元素。
（2）创建子元素，并添加内容，设置属性。
（3）把子元素加入到临时父元素中。
（4）把临时父元素添加到DOM树。
或：（1）找到要添加位置的元素。
（2）改变该元素内容为需要的HTML。
5、使用JSON格式来进行数据交换
原理：JSON是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是JavaScript原生格式，这意味着在 JavaScript 中处理 JSON数据不需要任何特殊的 API 或工具包。
6、高效使用HTML标签和CSS样式
7、使用CDN加速（内容分发网络）
CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。
8、精简CSS和JS文件
9、注意控制Cookie大小和污染
网站前端开发资讯 web前端的技术更新是不是太快了一点儿？该怎么应对 – 前端技术 – 前端
