前端需要掌握的知識
阿新 • • 發佈：2018-02-02
前端框架 用法 www. 服務 w3c 平板電腦 enter css 數據
一.基礎知識
- HTML --- 定義了網頁的內容。W3school
- CSS --- 描述了網頁的布局。參考手冊
- HTML5 ---是下一代的 HTML。W3school
- CSS3 ---是最新的 CSS 標準。參考手冊
- JavaScript --- 設計了網頁的行為。菜鳥教程
- jQuery --- 是由JavaScript語法寫成的一個插件庫。API
- Bootstrap --- 來自 Twitter，是目前最受歡迎的前端框架，響應式 CSS 能夠自適應於臺式機、平板電腦和手機。Bootstrap4
二.進階學習
- node.js（npm）--- 是一個基於 Chrome V8 引擎的 JavaScript 運行環境。菜鳥教程
- Sass --- css預處理器語言，支持變量、mixin，繼承等功能，是基於Ruby的。Scss中文網，Sass本站教程
- Vue.js --- 不是一個框架，只是聚焦圖層，是一個構建數據驅動的web界面的庫。通過簡單的API提供高效的數據綁定和靈活的組建系統。菜鳥教程
- sea.js --- js模塊加載器。
三.工程自動化（前端構建工具）
- gulp --- 是工具鏈、構建工具，可以配合各種插件做js壓縮，css壓縮，less編譯 替代手工實現自動化工作。gulp中文網，gulp入門
- webpack --- 是文件打包工具，可以把項目的各種js文、css文件等打包合並成一個或多個文件，主要用於模塊化方案，預編譯模塊的方案。
- seajs / require : 是一種在線"編譯" 模塊的方案，相當於在頁面上加載一個 CMD/AMD 解釋器。這樣瀏覽器就認識了 define、exports、module 這些東西。也就實現了模塊化。
- browserify / webpack : 是一個預編譯模塊的方案，相比於上面 ，這個方案更加智能。沒用過browserify，這裏以webpack為例。首先，它是預編譯的，不需要在瀏覽器中加載解釋器。另外，你在本地直接寫JS，不管是 AMD / CMD / ES6 風格的模塊化，它都能認識，並且編譯成瀏覽器認識的JS。
Gulp是一個工具，而webpack等等是模塊化方案。Gulp也可以配置seajs、requirejs甚至webpack的插件。
三.開發工具
- SVN --- 是Subversion的簡稱，是一個開放源代碼的版本控制系統，SVN服務器有2種運行方式：獨立服務器和借助apache運行。TortoiseSVN官網
- IIS --- 是Internet Information Services的縮寫，意為互聯網信息服務開發環境下的虛擬服務器。開啟方法
- Fidder --- 抓包工具。是最強大最好用的Web調試工具之一！用法
- PhotoShop --- 是由Adobe Systems開發和發行的圖像處理軟件。 高級教程 ，初級教程
四. 國內當前主流瀏覽器有那些
- chrome -------- 谷歌Google -----全球最份額第一
- IE--------------- 微軟Internet Explorer ---最新版本11---web最強兼容性
- Firefox---------- Mozilla火狐 ----開放源代碼的網頁瀏覽器
- Opera------------ 歐朋 最新版本12---瀏覽速度最快----2016年2月被360和昆侖萬維收購
- safari-------------------- 蘋果 -------是蘋果計算機的操作系統Mac OS中的瀏覽器
前端需要掌握的知識