① 有哪些優秀的前端插件
編寫html代碼，一定要使用emmet（前身是zencoding），還有以下插件也是可以考慮的：
bracketHighter 高亮引號、括弧等
code Aligment 代碼對齊
DocBlockr 如果你寫js，這個就很有用了
emmet 書寫html必備
emmet css snippets 書寫css必備
Encoding Helper 當你遇到載入的文件亂碼時，這個插件就很有用了
jsFormat 格式化js代碼
theme soda 軟體主題，挺漂亮的
minifier 壓縮js/css
sidebarenhance 增強型邊欄
livereload 配合瀏覽器（firefox、chrome）上的livereload插件，就不用老是按F5了
② 有前端高手推薦一款js或者jquery的日歷插件嗎
my97data這個插件可以完成你說的任務
③ 前端開發有哪些常用的JavaScript插件
1.表單驗證插件 validate.js
2.表格插件 dateTables.js
3.彈層插件 layer.js
4.分頁插件 layPage.js
5下拉框選擇插件 select2.js chosen.js
6.圖片全屏顯示 supersized.js
7.復選框單選按鈕美化 iCheck.js 表單美化插件 uniform.js里也行，可以看看
8.全屏滾動插件 fullPage.js
9.上傳插件 zyUpload.js
10.樹插件 zTree.js
11.表單提交插件 ajaxForm.js
12.輸入格式化插件 inputmask.js maskedinput.js
13.向導插件 formToWizard.js
14.日歷插件 fullcalendar.js
15.手機端滾動插件 iscroll.js
④ 前端必裝的插件
1. WebStorm
這個編輯器厲害了，號稱JS前端開發神器！
2. VCode
666的編輯器，傳言微軟真正的一款良心作品，第一次向開發者們提供了一款真正的跨平台編輯器。好吧！我在拿這個看代碼用的，非常的輕，可以推薦哈！
3. Sublime
這款工具我也非常的喜歡，非常的輕，要什麼功能界面自己去定製，插件豐富。
4. Atom
這款編輯器我也非常的喜歡，Atom是Github專為程序員推出的一個跨平台文本編輯器，用了段時間發現和sublime比可能沒那麼輕巧，不過Atom插件倒是挺豐富的
⑤ 前端開發中有哪些插件或組件，值得自己去實現一次
基礎：圖片懶載入，滾動到底部載入，tab選項卡，幻燈片輪播
高級：富文本編輯器
⑥ 40款經典前端特效插件---分享
1.flavr—超級漂亮的jQuery扁平彈出對話框
2.輕量級觸摸響應滑塊插件JQuery lightSlider
3.帶37種3D動畫特效的跨瀏覽器CSS3動畫框架
4.jquery整屏滾動插件Scrollify
5.jquery旋轉木馬插件SLICK
6.jquery文字動畫插件LetterFX
7.jquery文本翻轉插件Wodry.js
8.jquery通知插件toastr
9.jQuery滾動執行動畫插件FadeThis
10.jquery表單驗證插件Bootstrap Validator
11.jCountdown倒計時插件jQuery
12.iCheck不一樣的checkbok
13.Owl Carousel強大的響應式jQuery焦點圖輪播插件
14.magic-帶64種動畫效果的CSS3動畫庫
15.jQuery實時搜索插件-HideSeek
16.bootstrap modal對話框
17.一款模擬CSS3動畫的js插件-move.js
18.可替代CSS3 transition和transform的jQuery插件
19.基於bootstrap的jQuery多功能模態對話框插件
20.帶CSS3過渡效果的js模態窗口插件
21.支持移動觸摸設備的簡潔js幻燈片插件
22.jQuery輕量級響應式扁平風格tabs選項卡插件
23.jQuery輕量級響應式Tooltip插件
24.jQuery簡單且功能強大的圖片剪裁插件
25.帶CSS3動畫過渡效果的jQuery模態窗口插件
26.中國省市區地址三級聯動jQuery插件
27.移動端優先且支持jQuery和Zepto的模態對話框插件
28.jQuery簡單實用的tooltip插件
29.帶CSS3過渡動畫效果的jQuery Tabs選項卡插件
30.x0popup-純js彈出對話框插件
31.WOW.js-元素在頁面滾動時展示CSS3動畫JS插件
32.Windows8樣式的消息提示框jQuery插件
33.jQuery星級評分插件
34.fsBanner-實用的網站響應式Banner手風琴插件
35.draggabilly-功能強大的拖動拖拽元素插件
36.驗證插件vali.js
37.響應式jQuery圖片放大鏡插件magnificent.js
38.可快速生成各種陰影效果的jQuery插件
39.基於jquery的非常逼真的全屏下雪效果
40.純文本Loading載入指示器特效
⑦ 你最喜歡用哪款前端開發工具為什麼
前端開發最爽的地方就在於，一個編輯器，一個瀏覽器就足矣走天下。
編輯器——VSCode前端開發利器，超級好用的編輯器，對於大前端來說更是不可多得。由微軟出品，跨平台支持，顏值高，易上手，豐富的插件支持。下面推薦幾個前端常用插件。
調試工具： 前端性能優化工具：
Yellow Lab Tools ：一款Web性能及前端質量測試工具。與其他工具不同的是，它有一些在其他工具上無法看到的獨特功能，例如頁面載入時 JavaScript 與 DOM 互動和其他程序代碼驗證問題。
DOM monster ：你只需要添加到你的瀏覽器書簽中,在任何需要調試的頁面點擊這個書簽,它就能夠幫助你列出目前頁面出現的性能問題。
前端開發是目前一個非常火的行業，就業前景和薪資水平都非常不錯，至於開發工具的話，那就非常多了，大部分代碼編輯器、IDE環境都支持，下面我簡單介紹4個非常不錯的前端開發工具，感興趣的朋友可以嘗試一下：
01 代碼編輯器這是目前前端開發一個非常流行的開發工具，在業界非常受歡迎，免費、開源、跨平台，由微軟自主研發，可以說是良心產品，常見的智能補全、代碼高亮、語法提示等功能這個軟體都能很好支持，除此之外，插件擴展非常豐富，可以很好的進行代碼編輯和調試，輕巧靈活，運行速度快，對於前端開發來說，是一個非常不錯的選擇：
這也是一個比較輕巧靈活的代碼編輯器，文本編輯功能強大，完美支持3大操作平台，但原則上不免費，和VS Code類似，Sublime Text也支持自動補全、語法提示、代碼高亮等常見功能，除此之外，針對前段開發也提供了非常多的插件，不管是編輯還是調試代碼來說，都非常方便，對於前端開發來說，也是一個不錯的選擇：
02 IDE環境
這是一個純粹的國產Web IDE開發工具，目前在前端開發中也有著較高的使用率，常見的自動補全、代碼高亮、語法提示、錯誤檢查等功能這個軟體都能很好兼容，除此之外，界面柔綠、清爽護眼，針對Vue專門打造了插件擴展，可以很好的提高開發效率，還支持安卓、iOS打包，對於前端開發來說，也是一個非常不錯的工具：
這是一個非常專業的Web IDE開發工具，Jetbrains公司的產品，被譽為「Web前端開發神器」、「最智能的JavaScript IDE」，除了基本的智能補全、代碼高亮、語法提示等常見功能，這個軟體還支持代碼分析與重構、 聯想查詢、 單元測試等高級功能，因此在開發效率上更高，也更適合大型項目，對於多人協作的前端開發來說，是一個非常不錯的選擇：
WebStorm
和idea同屬於jetbrains公司開發的，它是旗下一款JavaScript開發工具，被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaScript IDE」等。
早起作為一個插件可以集成與Eclipse中來開發前端，現在已經獨立出來，也是我最早接觸js所使用的一款開發工具，如果熟悉了Eclipse快捷鍵的童鞋可以快速上手。
一款代碼編輯器，藉助豐富的插件資源，可以擴展成強大的前端開發工具，和IDE相比，屬於一款輕量級的，啟動特別快。
Atom
作為開源老大哥GitHub出的一款代碼編輯器，和上面那個比較而言，插件略少，但和GitHub無縫結合，尤其是markdown編寫，界面也很漂亮。
TextMate是Mac下的著名的文本編輯器軟體，與BBedit一起並稱蘋果機上的emacs和vim。尤其適合程序員使用，可以定製許多貼心使用的功能。
Emacs即Editor MACroS（宏編輯器），是一種強大的文本編輯器。Emacs使用了Emacs Lisp這種有著極強擴展性的編程語言（它的核心是一個Emacs Lisp解釋器），並實現了文本編輯支持等的擴展。
Notepad++是 Windows操作系統下的一套文本編輯器(軟體版權許可證: GPL)，有完整的中文化介面及支持多國語言編寫的功能(UTF8 技術)。
VSC-VSCode
輕量快速，高顏值，社區開源，豐富擴展，微軟支持
還有超好用的遠程開發(vscode remote)和協作(live share)支持
HTML通常會和JavaScript、CSS同時出現。三者均是前端開發最常用到的。目前最常用到的HTML其實就是HTML5。常用的前端編程軟體有HBuilder、Sublime Text等等。
HBuilder是一款免費的國產前端開發工具，編者用的就是HBuilder，對於小白和英語不太好的前端開發者這是一款難得的IDE。對代碼自動補全方面簡直是強大到沒朋友。強力推薦。
Sublime Text是一個輕量級的編輯器，不端支持前端的html，js，css。還支持覺得多數的後端語言，比如C語言、java、python等。sublime text的強大之處是支持各種插件而且快捷鍵非常好用，可以極大的提高開發效率。缺點是代碼提示方面不如Hbuilder。
很高興能回答你的問題，作為一個後端開發，也曾經開發過前端，也用過很多前端開發工具。
1.sublime text用著確實不錯，但是代碼開發提示不強，平時用著文本編輯器還是可以的。
2.hbuild+用了一段時間各種不適用，最後就卸載了。
3.vs code用著一段時間寫vue，需要安裝插件，而且提交代碼用感覺不方便，把不想提交的最後提交了，導致代碼沖突，也許是因為自己用不熟。
4.webstorm 推薦使用，代碼智能提示，而且提交代碼方便。
無論是Python、Java、javascript，當我們選擇一款開發工具時，很多人都會首先想到jetbrain全家桶，Webstorm、IDEA、Pycharm....不得不說，jetbrain在開發工具方面真的是頗有心得、爐火純青。
但是，如果做前端開發，我認為除了jetbrain的webstorm，還有很多選擇，而其中我最為推薦的當屬VS Code，下面就來介紹一下。
VS Code
微軟在開發工具領域已經有了多年積淀，而VS Code有時微軟結合了visual studio和其他開發工具，不斷改進、優化推出的一款免費開發工具。
可以說VS Code是當下最為熱門的開發工具之一，對比於eclipse、IDEA這些老牌開發工具，微軟對於VS Code的改變更為大膽創新，已經處於領頭羊的地位。每年微軟開發者大會，都會對 VS Code進行大幅度的創新，經過多年的優化，VS Code已經讓很多開發者愛不釋手。
首先說一下它幾個為人熟知的優點，
首先說一下輕量化，我覺得僅憑這一點，就足以讓jetbrain全家桶汗顏。無論是webstorm、還是IDEA，最令人痛苦的就是打開過程，臃腫、漫長，載入工程項目和配置項需要多大幾分鍾，令人無法忍受。而VS Code則不同，它更像一個編輯器，能夠秒級打開，速度堪比UE、notepad++這些文本編輯器。
其次說一下豐富插件，豐富的插件造就了VS Code完整的生態，「你想要的，這里都有」，無論是標簽樣式還是DEBUG或者功能增強，VS Code都有非常多熱門的插件，使得你的開發效率大大提升，當然，前端需要的那些優質插件這里都有。
其實，讓我轉向VS Code並非上述這兩點，而是 遠程開發 。
我覺得這是微軟大膽創新和引領者角色必然的產物，讓很多其他開發工具很難望其項背。
有了VS Code遠程開發功能，我們可以實時同步本地和伺服器代碼，不需要再去復雜的配置遠程伺服器，對於項目管理也非常方便。
WebStorm和PS
尤其PS，平時生活中也需要用到，挺方便的
喜歡用webstorm，atom和vs code，sublimetext都裝了，幾乎只用webstorm，atom界面是漂亮，也是我第一個下載安裝的，裝了各種插件，那時初學，感覺提示不全，還有就是插件安裝了幾個後開機明顯變好慢，無奈下了webstorm，感覺很爽
Google PageSpeed Insights 可以為網站生成性能報告，它在移動設備和桌面設備上都是免費的。並且還給出了影響頁面載入速度的原因，並為這些問題提供了解決方案。網站速度按照 100 分進行劃分，其中：
2. Pingdom Website Speed Test
Pingdom Website Speed Test 可以全面分析影響頁面Web速度的因素。此外，還可以查看網站在亞洲、歐洲等多個不同的地理位置的性能信息。
3. WebPagetest
WebPagetest是 AOL 開發的一款在線的免費性能評測網站，從全球多個地點運行免費網站速度測試。可以運行簡單的測試或執行高級測試，包括多步驟事務、視頻捕獲、內容阻塞等等。還將依據測試結果提供豐富的診斷信息，包括資源載入瀑布圖，頁面速度優化檢查和改進建議，會給每一項內容一個最終的評級。
4. GTmetrix
GTmetrix 是一個類似於 pingdom 的工具，可以快速輕松地測試網站速度。它主要有PageSpeed和YSlow兩部分組成，並提供相應的得分數據，能夠真實的反應出網站的性能，並且會提供可行性建議來幫助改善網站性能。
5. Keycdn Tool
Keycdn Tool 是一個在全球 10 不同地點的網站速度測試工具。它允許測試任何頁面的性能。返回的結果將提供請求、內容大小和載入時間等詳細信息。此外，還有一個完整的瀑布圖，詳細說明了每個資源的載入時間和 HTTP 頭。
6. GiftOfSpeed
GiftofSpeed是一款免費網站載入速度測試工具，可以在上面獲得網站綜合性能信息，它能夠展示網站載入時間以及評估網站有哪些需要改進的地方，並給予一個客觀的綜合評分。
GiftofSpeed 的測試結果以瀑布流展示，可以很容易看到網站載入速度，每一項資源的的載入順序、大小與響應時間的長短，方便了解網站的各項載入資源。此外，它還提供了載入時間最長的內部文件以及外部文件，從而分析出是由哪些因素影響了你網站的載入速度，就可以專門針對這些載入時間較長的元素進行優化，從而最大限度提升網站載入速度。
7. Pagelocity
Pagelocity 是一個網站分析性能測試工具。這個工具也提供了追蹤競爭對手的能力。代碼檢視圖在類似工具中是獨一無二的。如果想知道 TTFB 和圖形化 DOM 元素等，都能通過這項工具獲取到。
8. Sucuri Loadtime Tester
Sucuri Load Time Tester 是一個網站分析性能測試工具，它用不同的顏色表示網速快慢，可以很直觀地看出測試網站在不同國家的運行速度。綠色表示暢通，沒有顏色的普通數字表示一般，黃色表示中等偏慢，紅色表示緩慢。
9. GEEKFLARE
GEEKFLARE 這是一套免費的性能測試工具，用於測試網站的 DNS、安全性、性能、網路和 SEO 等問題。
10. Dareboost
DareBoost 是一個免費網站速度測試和網站分析工具。它提供超過 100 種不同的檢查項目用以分析你的網站的速度。可以測試桌面端與行動頁面、Firefox 與 Chrome 和五個節點的速度差異。