簡單介紹一下，我的 web 前端開發技術選擇。我更偏向於使用 jquery 及其外掛程式、css3、html5。
先來乙個**，以下是我常用的 web 前端開發技術：
我常用的 web 前端開發技術
技術分類
web 前端技術
備註css 網頁布局
zurb foundation
移動優先的網格系統, 同一頁面適用於 pc 電腦, 平板, 手機
j**ascript 元件
jquery
提高 j**ascript 的瀏覽器相容性，方便處理 dom 操作、事件響應、動畫、ajax http 互動。
j**ascript 元件
jqueryui
常用 html 元件美化，tab、日期選擇、對話方塊、進度條、錄入自動完成、選單、標籤(tab)、提示(tooltip)等，提供多套外觀**可切換。
j**ascript 元件
jqgrid
美化的網頁版資料**，包括橫向滾動條、縱向滾動條、翻頁等功能，可與後端程式進行資料互動。
css 下拉列表
css3 dropdown menu
純 css3 下拉列表，未使用 j**ascript, 美觀，瀏覽器相容性強。僅適用於 pc電腦。
css 下拉列表
css responsive menu generator
響應式選單，可用於pc電腦、平板電腦、移動手機。
不使用 mvvm 之類的前端元件，是因為我覺得沒有必要。
mvvm 常見的宣傳，對我來說沒什麼吸引力，反而增加了技術的複雜度。
一、j**ascript 操作 dom 慢。我不覺得慢。
二、j**ascript 操作 dom 複雜。我用了 jquery 之後，不覺得複雜。
三、mwwm **更簡潔。我覺得 jquery 極其外掛程式(plugin)的**更簡潔、功能更多。
四、mwwm 可以實現**邏輯分層。我覺得用 apache velocity(或 c# 的 nvelocity) 更容易實現**的前後端分層。
五、可測試性。我覺得如果只使用 jquery 、不使用 mvvm 的**，也能進行單元測試。
谷歌(google) 公司開發了一款瀏覽器，名叫 chrome, 宣稱"世界上最快的瀏覽器"; 谷歌(google) 另乙個團隊說，因為瀏覽器慢、所以我們開發了乙個叫 angular 的 j**ascript mvvm 元件/框架。
這是怎麼回事？谷歌(google)公司你們內部兩個團隊打一架吧，然後再對外統一口徑：chrome 瀏覽器到底是快還是慢。
或者，把 angular 的技術，融入到 chrome 瀏覽器內部，那樣不是更好嗎？
用標準 j**ascript 的原因，在於5年前、10年前使用標準 j**ascript/ jquery 自己寫的**，現在還能用。而幾年前的 mvvm **(angular/react/vue等)，現在是否還能用，很難說。mvvm 元件的公升級，往往會不相容舊版本。這是乙個大問題。
當然了，jquery 版本公升級時，也有一些不相容舊版本**。但與 mvvm 元件/框架的向前相容性(相容舊版本)相比，jquery 的新舊版本相容性要好很多。
css3 dropdown menu 截圖:
jqueryui,日期選擇截圖，有中文、英文多種語言，可配置多種日期格式:
jqgrid,資料**，有中文、英文多種語言，支援 xml/json 作為前後端資料傳輸:
css responsive menu generator 截圖，同乙個web頁面的選單，分別在電腦版、移動手機版的展現示例:
a. css 選單官網的原版下拉列表，pc 電腦截圖:
b. 上海折桂軟體****的**，折桂列印平台軟體系統，pc 電腦截圖::
c. css 選單下拉列表，android 手機截圖，未點開之前的狀態:
d. css 選單官網的原版下拉列表，android 手機截圖，點開之後的狀態:
e. 上海折桂軟體****的**，折桂列印平台軟體系統，android 手機截圖，點開之後的狀態:
web開發 web前端開發常用技術總結歸納
技術選型規範規範 vue版本 2.x 前端路由 vue route 非同步請求 axios 全域性狀態管理 vuex css預處理器 sass less h5專案移動端適配規則 使用rem單位 rem px換算規則統一 小程式 使用小程式自帶rpx單位,適配規則參考小程式文件 公用元件庫 ui元件庫...
技術 Web前端開發（2）持續更新
web前端開發 1 持續更新 html常用標籤 標籤 瀏覽器顯示效果 這裡我們對比一下發現 標籤和標籤，以及標籤和標籤顯示的效果是一樣的。那麼有什麼區別呢，回答是沒有區別，哪個好記用哪個，比如很多人習慣用word，那麼肯定知道b就是加粗，但是現在html更趨進去語義化，從表面意思就可以看出來是加粗的...
技術 Web前端開發（3）持續更新
接下來，新標籤 標籤 href hypertext reference 超文字引用 a標籤的英文單詞就是anchor，翻譯成中文叫錨，就是錨點的意思。注釋 html中的注釋，在注釋中寫入的 或者文字，都不會被解析。當 量過大或者過多時，使用注釋可以方便以後修正以及調錯。標籤 這個標籤可以說是目前階段...