包含extjs讀音的詞條

本文目錄一覽：

• 1、office2013網頁版用到了什麼前端技術
• 2、window.location.href=””;跳轉到servlet中，但在IE瀏覽器中傳遞的中文參數在servlet變成亂碼？？？
• 3、web前端需要哪些技術
• 4、網站WEB前端開發需要掌握什麼技術？

office2013網頁版用到了什麼前端技術

以下的web前端開發技術你必須要一項一項的掌握。 html css ajax jquery extjs java script AJAX全稱為「Asynchronous JavaScript and XML」（非同步JavaScript和XML），是指一種創建互動式網頁應用的網頁開發技術。 國內通常的讀音為「阿賈克斯」和阿…

window.location.href=””;跳轉到servlet中，但在IE瀏覽器中傳遞的中文參數在servlet變成亂碼？？？

在用get提交頁面的時候，傳參時有的參數會變成中文亂碼，即使我們加了Filter什麼的也沒用，因為參數在傳到後台之前就已經變成了亂碼。

解決方法：

前台：

script

var str = ‘中文’;

str = encodeURI(encodeURI(str));

/script

然後將參數傳到後台，在後台的處理：

String str = request.getParameter(“str”);

str = java.net.URLDecoder.decode(str,”utf8″);

這樣，中文的參數傳到後台的時候就可以處理，還原到中文了。

web前端需要哪些技術

所有知識框架，那肯定是一個結構型的展現，就是一棵樹。web前端的知識點非常多，也非常散，需要好幾層結構來組織這個體系，否則就會顯得很亂。那麼如何組織、把誰和誰放在一塊兒？這是真正值得我們去思考的，你也可以自己來思考一下這個問題。

在我總結的這個知識框架中，首先第一層我劃分為：理論知識，類庫框架，編碼開發，運行環境。如下圖：

接下來給大家解釋一下：

這個圖要從下往上看，為何？——因為下面是上面的基礎；

首先，我們需要一定的理論知識，不管是你聽別人講授、自己看書還是網上淘資料，你都需要一定的理論知識，每一種程序開發，都避免不了。

第二，有了這些理論知識我們就可以編碼了——不錯——but，沒有人能抵擋住第三方框架和類庫的誘惑，例如jquery；

第三，有了這些理論知識和協助我們的類庫框架，我們就可真正的編碼了。大家可能以為編碼開發不就是寫代碼嗎，還有啥？——這裡面道道多著呢；

最後，開發程序的目的，最終是為了能高效、穩定的運行在相應的環境中，這其中又有哪些事情需要我們去做？請期待；

理論知識 包括「軟知識」和「硬知識」

「軟知識」和「硬知識」大家可能覺得詞陌生，其實我一說大家就能明白。

所謂「軟」的就是能在各個程序開發中都用到的，算是基本功、內功，例如數據結構、演算法、設計模式、面向對象等等；

所謂「硬」的就是能直接用於本程序開發的。用C語言你就得學C語言語法，此時學java沒用。我們web前端開發所需要的硬知識其實都包含在三個標準裡面：http標準、W3C標準和ECMAScript標準；

聊一聊web前端開發中的「硬知識」

「軟知識」的內容非常多，也是我們大學時代學習的重點（沒學好是另回事兒，畢業再惡補）。我們本次主要討論的是web前端這一個方向，因此就點到為止，讓大家知道這些知識也在知識體系中扮演重要角色。

剛才說道，硬知識有三個標準：http標準、W3C標準和ECMAScript標準，那咱們就挨個聊聊這三個標準。

1. http標準

為什麼做web前端要了解http標準？——因為瀏覽器要從服務端獲取網頁，網頁也可能將信息再提交給伺服器，這其中都有http的連接。web系統既然和http鏈接有瓜葛，你就必須去了解它。

我的意見是：你不必去非常了解http的詳細內容，但是你要了解web前端開發常用的一些http的知識——就是上圖中我列出來的那些。當然，我知識列了一個綱，詳細內容還得靠你自己去查閱（本文章講的是知識框架，不會涉及任何知識點的詳細內容）

關於這方面的知識，建議去查閱《圖解http》這本書，淺顯易懂的講述了這些內容，我曾經也看過。

2.W3C標準

如果說你只知道web前端的一個標準，估計肯定是W3C標準了（據我了解，貌似大部分人真的都只知道這一個標準）。它的內容非常多，看看這個頁面。

寫到這裡讓我想起了一句話：2/8原則——20%的功能滿足80%的需求。我覺得這句話用到這裡非常合適，我們在平時開發過程中根本用不到這麼多東西。反而，你要把平時用的多的東西搞懂了。

下圖的這些知識，我想不用再過多解釋了，這就是我文章開發說的「三大塊」（html、css、js）。現在你要知道，它們只不多是W3C標準的一部分，而W3C標準也只是web前端開發知識體系中的一部分而已。

（下圖沒有完全展開，想看權展開的圖，可下載本文一開始提供的附件）

關於CSS的基礎知識，毛遂自薦一下自己之前的一篇系列博客：《CSS知多少》

3. ECMAScript

簡稱ES，寫全稱太麻煩了。

有些人可能只知道javascript，而不知道ES——其實，js是在ES的基礎上，為web瀏覽器做了一部分封裝（增加了DOM操作、BOM操作等）。

如上圖中的這些概念，大家可能平時都在javascript中看到，其實他們是ES的內容。只不過javascript繼承了ES的這些特性，並且javascript用的比較廣泛，因此才會在js中討論的多一些。

還是那個「2/8原則」。其實ES中的內容也非常多，而且更新很快，現在都到ES6了。但是我上圖中列出來的這些都是最重要的概念。如果你不懂原型、閉包和作用域，那就說明你還不完全了解ES，也就是不完全會用javascript。

在此毛遂自薦自己之前的一篇系列博客，大家可以去參考：《深入理解javascript原型和閉包系列》

5. 框架和類庫

前面已經描述完了web前端開發所需要的理論知識。如何實踐呢？——不能蠻幹——還得繞世界去看看，有哪些大牛已經為我們做出了如此多的貢獻。

用下面的這些類庫或者框架，能大大提高你的開發效率。

首先，jquery一定是大部分web前端開發者不可或缺的工具。而我利用jquery不僅僅停留在只使用它的API和插件上，我還會自己去寫jquery插件，我還會去讀jquery的源碼、了解jquery的設計思路。如果你也能那樣做，請相信我，你會收穫到意想不到的效果。如果有一個問題：怎樣才能最最透徹的理解javascript的事件系統？最佳答案之一：讀幾遍（一遍可能讀不懂）jquery關於事件處理部分的源碼！

bootstrap不用再過多解釋了吧，從github上的排名也能看出道道來。甚至連我們公司的UI設計師，都從bootstrap上截圖作為素材。

fontAwesome是全世界最強大的圖標系統。相比於css製作圖標來說，這個要好很多倍，不管是開發、效率還是維護上。icomoon.io能讓我自定義選擇自己的圖標文件。

requirejs和seajs這種模塊定義系統，也一定是你系統中不可或缺的。我曾經看過一個教程，講師就說：requirejs帶來了既jquery之後的第二次前端技術變革。

其他的，backbone、angular、react這些也慢慢的開始發揮了他們的價值，此處精力有限就不再贅述了——但是，他們很重要——你至少要試著去了解它們。

6. 編碼開發

要問編碼IDE哪家強，當然要屬微軟的visual studio！但是即便是微軟的VS最新版本，它也代替不了下面要說的這套開發環境。

如果你專門做web前端，就不要在用vs了，當然要選擇sublime。寫html語句還用手動一條一條寫嗎？你得需要zencoding的協助，否則效率太差了。

另外，針對html、css、js的壓縮、合併、語法檢查，文件的清除、複製這些操作，你還要手動去做嗎？——你需要grunt或者gulp的幫助。

在此毛遂自薦自己的教程《用grunt搭建自動化web開發環境》，講的比較詳細，適合初學者學習。

如果你的系統中有比較多的js代碼或者文件，請選擇一個合適的模塊定義規範——CMD / AMD

請用git來幫助你做文件版本管理，最簡單的就是使用github。

調試、測試，也都有專門的工具，都是需要學的……

——我的天哪……這些字寫到現在寫的我的手都酸了，別說要學習這些知識了——再也別說我們web前端是「三大塊」了！

7. 運行環境

當系統真正到了運行環境中，當你覺得終於完事兒的時候，其實還有好幾個知識點需要你掌握。看下圖：

首先，你要知道web系統雖然大部分是在瀏覽器下運行，但是js可能會被運行在node環境。

在瀏覽器環境下，最重要的兩點是：web安全和性能優化。需要注意的綱要我都列出來了，如果想了解推薦兩本書《白帽子將web安全》《高性能網站建設指南》

8. 其他

以上這些是全部的知識體系。如果你想成為一名合格的、讓leader喜歡的程序猿，你除了知道這些知識之外，我覺得還需要以下幾點：

要了解敏捷軟體開發流程（如SCRUM）和項目管理知識（如考取PMP），這也屬於一種「軟」知識吧；

要學會在網上和別人交流（博客、qq群、開源項目），交流能讓自己看到自己的不足；

要學會自我反省和自我學習。就像我現在一樣，試著自己總結一下屬於自己的東西，隨時反省隨時進步

網站WEB前端開發需要掌握什麼技術？

前端的應用非常廣泛，基本網站、APP、HTML5小程序等都需要前端開發，所以只要是互聯網產品基本都需要前端。

前端程序猿切頁面寫頁面，Web上、H5上的炫酷效果，是前端開發大展身手的地方。最常見的用於前端開發的技術組合是：

HTML+CSS+JavaScript。

Web前端開發需要掌握的幾個必備技術是：

HTML +_CSS核心、JavaScript、VUE框架

web前端是在開發人員中最直接面向產品、面向用戶的設計人員，一個開發團隊的成果是要靠web前端去展現，因為用戶不會去關心後台的處理有多麼強大。

後端開發是寫後台，各種業務邏輯、數據處理、模塊介面、客戶端介面等等。後端開發者通常精通於一種Web編程語言和一個資料庫管理系統。電商平台點擊篩選條件下面為你篩選出來的寶貝的功能以及付款人數數據的變化等都是由後台來實現提供的。

目前web產品交互越來越複雜，用戶使用體驗和網站前端性能優化這些都得靠web前端去做。

前端開發則是網站的前台代碼實現，包括基本的HTML和CSS以及JavaScript/ajax，最新的高級版本HTML5、CSS3，以及SVG等。

前端開發需要學習的技術

1 掌握基本web前端開發技術：HTML、CSS、JavaScript、DOM、BOM、AJAX等，而且要了解它們在不同瀏覽器上的兼容情況、渲染原理和存在的Bug

2 必須掌握網站性能優化、SEO和伺服器端開發技術的基礎知識

3 必須學會運用各種web前端開發與測試工具進行輔助開發

4 除了掌握技術層面的知識，還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等

5 未來web前端開發工程師還要研究HTML5、web視覺設計、網站配色、網站交互設計模式等相關技術

web前端有廣闊的發展空間，app、小程序、移動端、pc端等都網站是需要前端技術的開發支持才能夠完成，技術門檻相對較低、需求量較大，薪資待遇良好。只要是互聯網端的客戶界面，就需要前端來製作完成，前端開發的編程量不大，但是需要部分編程，入門簡單，但是要學的深入需要一個過程。

Web前端招聘崗位

• 前端開發工程師、Web開發工程師、網頁開發工程師、HTML開發工程師…

• H5開發工程師、移動應用開發工程師、App開發工程師、小程序開發工程師…

• JS開發工程師、Vue.js開發工程師、Node.js開發工程師、前端架構師…

• 小遊戲開發工程師、數據可視化開發工程師、WebGL開發工程師、WebVR開 發工程師、Web安全工程師…