A. web前端開發論壇社區有哪些
推薦一個前端開發者的常用工具列表：
1. lodash：一個一致性、模塊化、高性能的 JavaScript實用工具庫。
2.ramda：一個很重要的庫,提供了許多有用的方法,每個 javaScript程序員都應該掌握這個工具。
3.dayjs：一個輕量的處理時間和日期的 JavaScript庫,js工具類和 Moment js的AP設計保持完全一樣,體積 只有2kb。
4.big.js：一個小型,快速的 JavaScript庫,用於任意精度 的十進制算術運算。
5.qs：一個url參數轉化 (parse和stringify)的輕量級js 庫。
6.three.js：基於webgl的開源3D框架，對webgl進行封裝，需要專業的3D開發知識。
7.thingjs: 一款新興的3D框架，封裝物聯網3D開發概念（建築、樓層等），僅要求初級js基礎。
常見的技術社區，都會有【大前端】學習資源和社區討論，推薦spring4all、博客園、開源中國、思否、CSDN、V2ex、騰訊雲、阿里雲、spring4all、掘金、ITPUB，總有合適你的學習氛圍。
如果有一定的美術能力，3D可視化是不錯的發展方向！審美在線，又有開發基礎的話，轉行3D開發師不用愁。我所處的物聯網3D可視化領域，這個職業很有前景哦~thingjs官網-資源中心提供視頻教程、demo案例、下載插件和3D模型，好好實操一下，初學者有破了一周開發3D項目的記錄！
ThingJS教程(2019版)
ThingJS教程(2020版)
CampusBuilder教程
ChartBuilder教程
ThingJS行業案例
看一下模型效果杠杠滴！
B. 網頁前端開發工具推薦
當啟動一個新的
項目
，使用
CSS
框架或
樣板
，可以幫助您節省大量的時間。在這篇文章中，我編譯整理了我最喜歡的
CSS樣板，框架和庫，幫助你在建立網站或
應用程序
時更加高效。
Bootstrap
如果你想給你的新項目的專業的外觀和感覺，Boostrap
可能是你需要的工具。它擁有一個非常干凈的排版，
表格
元素
，以及設計一個現代化的網站你需要的所有東西。更多信息:
twitter.github.io
Foundation
Foundation
來自
Zurb，是一個非常有趣的工具，特別適合用於創建響應式網頁。Foundation
有很多不同的
布局
模板
，所以在你啟動新項目時，肯定可以幫助你節省很多時間。更多信息:
http://foundation.zurb.com/
Compass
Compass
是一個開源的
CSS
編寫框架。它採用
Sass，擴展了
CSS，增加了嵌套
規則
，
變數
，混入，選擇繼承等
特性
。絕對值得一試!更多信息:
http://compass-style.org/
Profound
Grid
這是一個響應式的
網格系統
，用於固定和
流體
布局，內置
SCSS。如果你打算開發一個基於
網格
的布局，你絕對應該試試
Profound
Grid。更多信息:
http://www.profoundgrid.com/
Kube
Kube
是一個簡單而簡約的
CSS
框架，基於靈活的網格和漂亮的印刷字體。如果你正在尋找一個輕量級的框架，沒有強加的風格，那麼這是適合你的工具。更多信息:
http://imperavi.com/kube/
Topcoat
我知道，我已經在文章介紹過很多次
Topcoat
了，不過
Topcoat
是真的很棒!如果你想能夠快速，輕松地創建一個專業的網站，那麼這是一個很好的選擇。更多信息:
http://topcoat.io/
Pure
CSS
Pure
CSS
來自雅虎，是一組
CSS
模塊，您可以作為基礎在每一個
Web
項目中使用。它使
CSS
開發更容易，整個框架看起來很乾凈，專業。如果你還沒有用過的話，嘗試一下!更多信息:
http://purecss.io/
KNACSS
KNACSS
是一個簡約的，響應式的和可擴展的
CSS
框架。它處理基本要素，盒大小，邊距，浮動，簡單和復雜的對齊，定位，布局網格，
間距
等等，而且一切都是自動的!更多信息:
http://www.knacss.com/
Metro
UI
你喜歡
Windows
8
的風格嗎?如果是的話，我敢打賭，你會喜歡的
Metro
UI，這個
CSS
框架允許你創建的
Windows
8
風格外觀和感覺的網站。更多信息:
http://metroui.org.ua/
Skeleton
Skeleton
是一個小的
CSS
文件集合，可以幫助你迅速開發在任何
尺寸
都外觀漂亮的網站，不過是在17寸的
筆記本電腦
的屏幕或
iPhone
上。更多信息:
http://www.getskeleton.com/
C. 有沒有類似 Bootstrap 支持 IE 的前端開發工具庫
Bootstrap雖然對IE支持不好，但是它在其他方面的優勢已經遠遠大於不支持IE這個缺點了，真的想要其他的前端開發工具參考下面：
1、Foundation （MIT；響應式）
最先進的響應式前端框架。
2、 960gs（GPL&MIT；響應式）
960gs提供了一個簡單的網格系統，適合快速開發。
3、 Skeleton（MIT；響應式）
非常漂亮的Web模板，適合響應式、移動友好的開發。
4、99lime HTML KickStart（Free）
適合網站快速開發的極簡HTML構建模塊。
5、Kube（Free；響應式）
面向專業人員的CSS框架。
6、Less Framework（MIT；響應式）
自適應的CSS網格系統。
D. 前端工程師必備哪些工具
web前端是一個新興職業，市場需求大，薪資待遇高，吸引了很多人加入學習。今天給大家分享一下web前端開發用什麼軟體。
1、Sublime Text
Sublime Text是一個代碼編輯器也是HTML和散文先進的文本編輯器。漂亮的用戶界面和非凡的功能，例如迷你地圖，多選擇，Python的插件，代碼段，等等。完全可自定義鍵綁定，菜單和工具欄。Sublime Text的主要功能包括：拼寫檢查，書簽，完整的Python API，Goto功能，即時項目切換，多選擇，多窗口等等。
2、Dreamweaver
Adobe Dreamweaver使用所見即所得的介面，亦有HTML(標准通用標記語言下的一個應用)編輯的功能，藉助經過簡化的智能編碼引擎，輕松地創建、編碼和管理動態網站。 訪問代碼提示，即可快速了解 HTML、CSS 和其他Web 標准。使用視覺輔助功能減少錯誤並提高網站開發速度。
3、Visual Studio Code
Visual Studio Code中文版是微軟推出的帶 GUI 的代碼編輯器，軟體功能非常強大，界面簡潔明晰、操作方便快捷，設計得很人性化。軟體主要改進了文檔視圖，完善了對 Markdown的支持，新增PHP語法高亮。
4、HBuilder
HBuilder是專為前端打造的開發工具，具有飛一樣的編碼、最全的語法庫和瀏覽器兼容數據、可以方便的製作手機APP、最保護眼睛的綠柔設計等特點。支持HTML、CSS、JS、PHP的快速開發。從開放注冊以來深受廣大前端朋友們的喜愛。
5、WebStorm
WebStorm 是jetbrains公司旗下一款Java 開發工具。目前已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的Java IDE」等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。
E. Web前端常用的工具有哪些
1、jQuery
jQuery由於其無限的教程，沒有跨平台/瀏覽器問題，優秀的用戶界面，大量的插件以及它的輕量，快速和快速學習等特點而脫穎而出。超過70%的受訪者選擇jQuery作為他們的前端庫，它是一個快速，輕量級和簡潔的JavaScript庫，主要用於HTML文檔遍歷、事件處理、動畫和用於快速Web開發的Ajax交互。從本質上講，jQuery最適合需要快速開發的應用程序。
2、Bootstrap
超過65%的開發者選擇Bootstrap作為他們最喜歡的框架來使用，它是一個用HTML、CSS和JS開發的開源工具包。Bootstrap的廣泛流行主要是因為它的簡單使用、優秀的社區以及大量的文章和教程、第三方插件和擴展、主題構建器等。
3、Angular
如果你打算構建一個動態且強大的單頁應用程序，Angular就是你需要的框架。Angular是高度模塊化的，因此非常適合與團隊分開大型工作，並且使測試和調試變得輕松。功能優先的方法使Angular更加專注於功能，使開發人員的工作更輕松。此外，它還有來自Google社區的出色工具和支持。
4、NPM
NPM是Node的包管理器。藉助NPM，開發人員可以安裝各種模塊進行Web開發，共享和借用軟體包，並管理私有開發。它由網站、命令行界面(CLI)和注冊表三個不同的組件組成。
5、Webpack
Webpack是現代JavaScript應用程序的模塊打包程序，它將前端開發所需的所有資源(如JavaScript、字體和圖像)集中到一個地方。如果你正在開發復雜的前端，這特別有用。你可以去通過部署具有的WebPack Web應用程序，以獲取有關的WebPack起來和運行。
以上就是青藤小編關於Web前端常用的工具的相關分享，希望對大家有所幫助，想要了解更多相關內容，歡迎大家及時在本平台進行查看哦!
F. 前端網頁設計的工具有哪些
超實用的網頁前端開發工具CSS庫和框架大全
http://www.wzsky.net/html/Website/Experience/119182.html
G. 前端工程師都有用哪些比較靠譜的小工具
1、TakeColor 取色器
對於前端開發來說，和顏色、圖片打交道是難免的，有的時候想要在ps外面獲取顏色.
2、CoolFormat 源代碼格式化工具
CoolFormat，不僅僅適用於前端，因為它支持很多語言源代碼的格式化，可以在上面的開始菜單中選擇你要格式化的語言種類，這里我選擇的是js，然後將一串很亂的js代碼粘貼到下面的文本框裡面，點擊快速格式化.
3、做筆記的小幫手——有道雲筆記
其實這有道雲筆記不算是小工具了，在這之前，我一直都是用txt記事本記東西的
H. 前端開發常用哪些工具軟體
下面我介紹五款比較常用的前端開發工具，具體哪一款最好用，因人而異，大家可以根據自己的情況，選擇一款個人認為最好用的web前端開發工具。
1、Sublime Text
Sublime Text憑借其漂亮的用戶界面和極其強大的功能，被譽為「神級」代碼開發工具。
2、StackBlitz
據Chime Nnamdi所說，這是所有用戶最喜歡的在線集成開發環境工具（IDE）。主要原因在於其將用戶最喜愛和最常用的集成開發環境——Visual Studio代碼帶到了網路上。
3、Visual Studio
Microsoft Visual Studio，簡稱VS，是微軟公司的開發工具包系列產品，是目前最流行的Windows平台應用程序的集成開發環境(IDE)。
4、WebStorm
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。已經被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。
5.CanIUse
該在線工具非常方便，它可以讓用戶知道當前實現的功能是否與期望對接的瀏覽器兼容。
I. 前端工程師都有用哪些比較靠譜的小工具
1.node.js + npm， 這個是前端工具的一個平台，沒有他們就沒有以下的工具，建立開發環境，下載開發工具，運行開發工具的利器
2. bower, 庫依賴管理器，類似於npm，但針對瀏覽器JavaScript的依賴管理，減少尋找庫，下載庫和升級庫的煩惱
3.grunt，流程自動化管理工具，將你非編程的開發步驟減到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄，發布和開發各種無壓力。以下大部分開發工具，都有grunt的相對應的插件，也就是說他們都能利用grunt進行自動化運行
4.liveReload, 本來是一套解決方案，自從grunt watch出現後，我們只要安裝他的chrome或者firefox插件就行了。它的目的很簡單，只要發現目標文件中有任何一個文件有改動，立刻通知瀏覽器刷新頁面，這樣就免除了手動按F5。如果和grunt watch合用，就是只要發現任何文件有改動，立刻運行自動化流程中的所有任務，然後通知瀏覽器刷新。
5. 本人用less比較多，因為基本無縫兼容歷史遺留系統中的css，（而Sass語法比較特殊，還沒有專門用過，應該開發新系統的css比較好），一套css預編譯語言，可以把less語法轉成css語法，lessc是less語言編譯器，配合grunt less，編寫大型css文檔毫無壓力。
6.Phantomjs，沒有界面的瀏覽器，用js腳本控制其操作網頁。測試，抓圖，網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能，在利用live-reload即時刷新功能，可以讓你開發css的時候，快速對n多個頁面進行觀察，看其前後變化。不過缺點也比較明顯，就是速度慢。但比起手動對比來看，還是非常快的。值得css開發時擁有
8. phantomCSS，這個和grunt photobox類似，都用於css開發的，差別是photobox是全局觀察差別，而這個是單元組件觀察差別，它方便你就抓頁面中某一塊元素然後進行前後比較，更加註重細節上的差異，這個比較合適組件開發時候使用。
9. jshint，幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前，用jshint檢查一下是沒錯的 。
10.UglifyJS，壓縮JavaScript代碼，使你的JS代碼可以更加快速的載入。有grunt的插件
11. browserify允許你在瀏覽器裡面使用CMD標准模塊，但本人認為它的另外一個優勢是合並代碼，開發時候可以把代碼模塊化，分成很多很多小文件，然後有調理的放到相對應文件夾下，然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼，大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件，這樣又減少的開發步驟。
12. Karma， google開發的一個單元測試運行器，這個自己本身不是一個單元測試框架，而是配合測試單元框架的一個工具。由於前端瀏覽器眾多，就算你有live-reload這樣自動化工具，但是還是要手動打開各種瀏覽器，手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器，然後把單元測試在個個瀏覽器中自動運行一遍，讓這個步驟也能自動化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin實際上背後使用的是clean-css工具，這個工具就是用來壓縮精簡css的，讓css文件大小更小。
還有些有名氣的工具，應該不錯，但是自己沒有用過，所以也就沒有提，但可以參考一下
yeoman 項目初始化工具
buddy.js 魔術數字檢查器
Image minifier.壓縮圖片工具
html-minifier html壓縮
jade html預編譯語言
jsdox JS代碼注釋文檔生成器
jscs JS代碼風格檢查器
J. 前端工程師都有用哪些比較靠譜的小工具
1. node.js + npm， 這個是前端工具的一個平台，沒有他們就沒有以下的工具，建立開發環境，下載開發工具，運行開發工具的利器
2. bower, 庫依賴管理器，類似於npm，但針對瀏覽器JavaScript的依賴管理，減少尋找庫，下載庫和升級庫的煩惱
3.grunt，流程自動化管理工具，將你非編程的開發步驟減到最小，grunt watch+liveReload或者grunt connect,可以使得免除你F5無盡地獄，發布和開發各種無壓力。以下大部分開發工具，都有grunt的相對應的插件，也就是說他們都能利用grunt進行自動化運行
5. 本人用less比較多，因為基本無縫兼容歷史遺留系統中的css，（而Sass語法比較特殊，還沒有專門用過，應該開發新系統的css比較好），一套css預編譯語言，可以把less語法轉成css語法，lessc是less語言編譯器，配合grunt less，編寫大型css文檔毫無壓力。
6.Phantomjs，沒有界面的瀏覽器，用js腳本控制其操作網頁。測試，抓圖，網頁流程自動化利器。配合casperjs的語法簡化功能真強庫後，控制Phantomjs就更加容易了
7. grunt PhotoBox, 利用phantomjs抓圖功能和ImageMagick圖片比較功能，在利用live-reload即時刷新功能，可以讓你開發css的時候，快速對n多個頁面進行觀察，看其前後變化。不過缺點也比較明顯，就是速度慢。但比起手動對比來看，還是非常快的。值得css開發時擁有。
8. phantomCSS，這個和grunt photobox類似，都用於css開發的，差別是photobox是全局觀察差別，而這個是單元組件觀察差別，它方便你就抓頁面中某一塊元素然後進行前後比較，更加註重細節上的差異，這個比較合適組件開發時候使用。
9. jshint，幫助你快速定位JavaScript的語法錯誤和潛在的跨瀏覽器兼容性問題。在部署你JS前，用jshint檢查一下是沒錯的 。
10.UglifyJS，壓縮JavaScript代碼，使你的JS代碼可以更加快速的載入。有grunt的插件
11. browserify允許你在瀏覽器裡面使用CMD標准模塊，但本人認為它的另外一個優勢是合並代碼，開發時候可以把代碼模塊化，分成很多很多小文件，然後有調理的放到相對應文件夾下，然後最後合成單一文件。本人曾經利用browserify開發greasemonkey代碼，大大簡化了greasemonkey的開發難度和增強了greasemonkey代碼的質量。browserify有grunt插件，這樣又減少的開發步驟。
12. Karma， google開發的一個單元測試運行器，這個自己本身不是一個單元測試框架，而是配合測試單元框架的一個工具。由於前端瀏覽器眾多，就算你有live-reload這樣自動化工具，但是還是要手動打開各種瀏覽器，手動把你的單元測試在各個瀏覽器都運行一遍。這個工具目的是目的就是讓電腦能自動化打開各種瀏覽器，然後把單元測試在各個瀏覽器中自動運行一遍，讓這個步驟也能自動化了。
13.clean-css (grunt cssmin)， 我用的是grunt cssmin，但是grunt cssmin實際上背後使用的是clean-css工具，這個工具就是用來壓縮精簡css的，讓css文件大小更小。