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，等框架是走在如今流行的框架的。 

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 的功能特性的好处就是无需学习任何新的技术。

一、点赞，让更多的人也能看到这篇内容（收藏不点赞，都是耍流氓 -_-）

分享

本人13年Java开发经验及产品研发经验，BAT背景，曾在多家知名企业担任技术总监、企业方案选型首席顾问，前后从事内核开发、大型Java系统架构设计和物联网系统架构设计开发，精通复杂业务技术方案选型、架构、核心难点攻关，对于java语言及项目有很是深刻的理解和丰富的实操经验，热爱前沿技术，乐于进行技术分享与技术探讨。