java web前端（总结）前端要求和流行几个框架

Web前端开发技术主要包括三个要素：HTML、CSS和JavaScript!HTML甚至不是一门语言，仅仅是简单的标记语言!CSS只是无类型的样式修饰语言。当然可以勉强算作弱类型语言。Javascript的基础部分相对来说不难，入手还算快。

掌握技术

1. 掌握各种修图软件，如PSFireworksAI，不要求专业设计师水平，但要会用会改，今天是一专多能的时代，光会编程讨不好饭碗的；

2. 精通JavaScript、jQuery、vue、 react、angular等页面效果框架，这是前端工程师的最核心技能，是专做页面效果的技术。其实精通了JavaScript，后端编程语言，如.NET、PHP、Ruby都很容易掌握，因为其原理是一样的；

3. 精通一二种模板语言，并能修改，如织梦或wordpress的模板；

4. 掌握thinkphp与zend框架，能修改此类开源源码；

5. 掌握html5与sencha，这是做手机等移动设备的页面前端技术；

6. 掌握一二种后端编程语言，如PHP、.NET、JAVA，能读懂后端源码，实际上其原理跟JS差不多；

7. 掌握node.js，熟悉各种自动化部署工具；

8. 前端是重视用户体验的，不是靠美工给的页面 做出来就行了，那样不是一个合格的前端。

其中vue、 react、angular，等框架是走在现在流行的框架的。

在这里我还是要推荐下我自己建的web前端开发学习裙：731加上六六九再加上587，裙里都是学web前端开发的，如果你正在学习前端 ，小编欢迎你加入，今天分享的这个案例已经上传到群文件，大家都是软件开发党，不定期分享干货（只有前端软件开发相关的），包括我自己整理的一份2018最新的前端进阶资料和高级开发教程，欢迎进阶中和进想深入前端的小伙伴。

Vue.js 很好，但相比 Angular 或 React 更好吗？

Vue.js 是一个用来构建网页界面的 JavaScript 库。同其它的一些工具结合在一起，它也可以成为一个新“框架”。你会了解到 Vue.js 是顶级的 JavaScript 框架之一，它在许多场景中可以被用来替换 Angular 和 React。这就引出了本文要讨论的话题 “Vue.js 是不错，但能比 Angular 或者 React 更好么?”

Vue.js 为什么比较特别?

· Vue 最大优势就是它比较新颖，没历史包袱，它吸取了 React 和 Angular 的教训

· Vue轻量级，易上手，易学习

· Vue更加灵活，（比起 Angular）更少专制

· 组件（Component）是 Vue最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码

Angularjs vs Vue.js

Vue.js 更加灵活，（比起 Angular）更少专制，它能然你按照自己想要的方式构建应用，而非凡事非得 Angular 如此如此。它只不过是一层界面而已，因此你可以拿它作为页面中一个轻量的功能来使用

vue的双向邦定是基于ES5 中的 getter/setters来实现的,它的每个属性都有两个相对应的get和set方法，于是去网上查了查Angular.js双向绑定的实现原理，结果发现与vue完全不同，Angular是用的数据脏检测，当Model发生变化，会检测所有视图是否绑定了相关数据，再更改视图。而Vue使用的发布订阅模式，是点对点的绑定数据。

它的每个属性都有两个相对应的get和set方法，我觉的这是多此一举的，于是去网上查了查Vue双向绑定的实现原理，才发现它和Angular.js双向绑定的实现原理完全不同，Angular是用的数据脏检测，当Model发生变化，会检测所有视图是否绑定了相关数据，再更改视图。而Vue使用的发布订阅模式，是点对点的绑定数据。vue则不需要。因此，vue在性能上更高效，但是代价是对于ie8以下ie8的浏览器无法支持。

脏值检查: angular.js 是通过脏值检测的方式比对数据是否有变更，来决定是否更新视图，最简单的方式就是通过 setInterval() 定时轮询检测数据变动，当然Google不会这么low，angular只有在指定的事件触发时进入脏值检测，大致如下：

DOM事件，譬如用户输入文本，点击按钮等。( ng-click )

XHR响应事件 ( http )

浏览器Location变更事件 (location )

Timer事件(timeout , interval )

执行 digest() 或 apply()

数据劫持: vue.js 则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。

Angularjs 拥有许多工具，而如此多的复杂语法有时也会让你感到迷惑。另外一方面，Vue.js 比起 Angular 要简单的多，甚至于要更好。

Reactjs vs Vue.js

React 和 Vue.js 拥有一些类似的功能特性，如:

1) 使用了一个虚拟 DOM

2) 提供了响应式的，并且可组合式的视图组件。

3) 保持对核心库的专注, 而像路由和全局状态管理这样的关注点则交给附带的库来处理

写一个Hello World

React 这样做:

Vue这样做：

这个很简单。使用一堆 script 标签就可以让代码跑起来。从这里可以看出，利用 Vue 的功能特性的好处就是无需学习任何新的技术。

后言：更多干货！请关注微信公众号：程序员大牛    ！