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語言及項目有很是深刻的理解和豐富的實操經驗，熱愛前沿技術，樂於進行技術分享與技術探討。