前端html插件

❶ 你最喜歡用哪款前端開發工具為什麼

前端開發最爽的地方就在於，一個編輯器，一個瀏覽器就足矣走天下。

編輯器——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 和五個節點的速度差異。

❷ 作為一個前端開發，vscode有哪些值得安裝的插件

WijmoJS 前端開發工具包由多款高效、靈活的純前端控制項組成，全面支持 Angular、React、Vue、TypeScript、Knockout 和 Ionic框架，用於快速搭建企業級桌面/移動 Web 應用程序。WijmoJS 可靈活應對客戶需求變化，縮短新項目研發周期，高效處理海量用戶數據，提升產品核心競爭力。

藉助葡萄城深厚的技術底蘊，WijmoJS 為各領域用戶提供更穩定、更高效的前端開發工具，幫助中國招商銀行、微軟、思科、特斯拉、富士通等知名企業快速搭建其 Web 應用程序。WijmoJS 憑借先進的觸控設計、全面的框架支持、頂級的控制項性能、零依賴的產品特性和易用、輕松的操作體驗，全面滿足前端開發所需，已成為構建企業 Web 應用程序最高效的純前端開發工具包。

與此同時，WijmoJS 的可視化設計器已正式推出，包含 VSCode 設計器和在線設計器。通過使用設計器，您可以在想要配置的控制項中選擇並瀏覽所有可用的內置選項，然後導出要在 WijmoJS 應用程序中使用的代碼，或者通過設計器自動更新 HTML 源文件。

❸ 前端頁面的插件有哪些

工具類

方便操作對象，數組等的工具庫

• underscore.js

• lo-dash與underscore.js的api基本一致。與underscore比其優勢是，效率高；可自定義構建

• Sugar在原生對象上增加一些工具方法

• functional.js提夠了一些Curry的支持

• Watch.js監視對象或屬性的變化

• bacon.js函數式編程，cool

• streamjs用流的方式來對數組，對象進行系列操作

非同步流程式控制制

• eventproxy朴靈出品

• Arbiter.js詳細

• 發布訂閱

• qPromise風格的

• Async.js

mock

• Mock.js生成隨機數據和mock Ajax 請求

• jquery-mockjaxmockajax請求

時間庫

• moment

• datejs

瀏覽器探測

• Bowser探測具體瀏覽器和版本

• ua-parser-js探測具體瀏覽器和版本，操作系統，設備類型等

調試

• console-polyfill能放心的使用 console.log()之類的console方法

• log讓控制台輸出的log有樣式

• Konsole.js在頁面的一個元素里輸出log信息詳細

• uri.jsuri操作

• cookie增刪改cookie的工具庫

• director前端路由庫詳細

• BigDecimal.js提高精度的數字操作

• JSDoc根據javascript文件中注釋的信息，生成API文檔詳細

• hotkeys鍵盤事件的封裝

• MD5用 MD5 的方式加密文件的庫

瀏覽器增強類

讓一些舊瀏覽器變牛逼的庫

• Selectivizr讓IE 6-8一些的css3選擇器

• ieBetter讓ie6-8有高級瀏覽器的特性

• ExplorerCanvas讓IE8-的瀏覽器支持canvas

• CSS3 Pie讓IE6-9支持border-radious,box-shadow,linear-gradient。 可以使用.htc文件（注意Mine type）或.js文件。在用Pie.js時，box-radious的元素有背景色時，不顯示背景色。。。

• formFive讓舊的瀏覽器支持HTML5表單的一些特性，如 placeholder,autofocus

• https://github.com/anselmh/object-fit讓瀏覽器支持object-fit這css規則

• HTML5 Cross Browser Polyfills一堆Polyfills

• flexibility讓舊的 IE 也支持 Flexbox

選擇器增強

• Lining.js讓瀏覽器實現類似::nth-line(), ::nth-last-line()的效果

未歸類

• prefixfree用了它，寫css時，就不需要加瀏覽器的前綴了

表單類

• jquery-file-upload上傳文件組件詳細

• zTree文件樹形視圖控制項

• Treed樹編輯器。感覺展示的感覺很像思維導圖

• FileAPI對文件選擇框內的文件的一些處理

表單驗證

• .Validate詳細

• jQuery-Validation-Engine

表單元素美化

• uniform提供對下拉框，單，復選框，按鈕等表單元素的美化

• select2多選下拉框

• selectivity和unfirom比較類似

• DropKick下拉框，單，多選。外觀比uniform好

• switcheryios7風格的開關組件

• nouislider用滾動條來設置/控制（音量等）

• range.css美化input[type=range]元素的外觀

圖片類

• holderjs生成占點陣圖片

• lazyload

• imagesLoaded選取的圖片都載入好後執行調回

• CSSgram用CSS3的Filter實現Instagram濾鏡的庫

圖標類

• Icon Font匯總

• SVG做的圖標

• svgicons

• iconic

• HYBICON帶交互效果。如 hover, click

• HTML字元實體圖標

• http://www.amp-what.com/

• transformicons圖標點擊時，會有一些變換效果。如，加號變成叉號

• css3patternscss3 做的可平鋪紋理。瀏覽器兼容性不好。

瀏覽圖片

• fancybox彈出查看圖片，視屏等等demo

• yoxview彈出查看圖片，圖片尺寸縮放很自然

圖片牆

• wookmark

UI 框架

• WeUI由微信官方設計團隊為微信 Web 開發量身設計。

• Framework7

UI 組件類

拖拽

• dragula支持Draggable，Dropable和Sortable。感覺比jqueryUI的輕量級，好用的樣子

• angular-draguladragular 官方的 angular 版本

數據可視化(圖表)

• Echarts網路出品

• highcharts功能強大。是收費的。

• Plottable.JS基於D3的一個圖表庫

• flot文檔不給力

• chartJs中文文檔demo很漂亮，很清晰。比較輕量級。

• ichartJs中國的一個傢伙搞的，感覺還不錯。

時間選取組件

• foundation-datepicker

• DatePicker一個簡單的日歷詳細

• full calendar支持脫放的方式來改變待辦事宜的時間

• Simple Events Calendar外觀很喜歡。收費 5$

• jQuery ui datepicker經典，不是很好看

• pickadate輕量級，手機友好的，漂亮。但貌似只能在彈出層中顯示，而沒有下拉這種方式顯示。

• zebra-datepicker可配置性很強。但貌似只能在彈出在右上方。。。

• bootstrap-datepickerbootstrap風格。

• dateRangePicker選取時間段。bootstrap風格。該組件依賴Twitter Bootstrap, Moment.js和jQuery.

自定義滾動條

• perfect scrollbar輕量級的滾動條。外觀與mac上chrome的滾動條一樣。

• iscroll在移動設備上用不錯

載入(Loding)效果

• CSS SpinnersCSS做的

• Loaders.cssCSS做的

表格組件

• jsGridData Grid。詳細

• backgrid基於Backbone.js的DataGrid

• excellentexport把表格的內容生成excel。兼容 Firefox, Chrome, IE6+

• datatables表格可交互（對內容進行排序，刪除等）

• handsontable生成Excel外觀的數據

• JSpreadsheets表格數據的組件庫

選取顏色

• Spectrum

分享到SNS

• JiaThis生成分享代碼。

編輯器

• ace代碼編輯器，可以用來做demo演示

• ckeditor

• ueditor網路做的

• tinymce對html內容進行實時的編輯

• summernote在移動設備上用不錯

通知組件

• notie.js

HTML5播放器

• jwplayer被大量網站使用

• html5media簡單的h5player，輕量級

• jplayer功能強太，可換膚

展示

• Impress.js各種旋轉，和奇特的體驗

• fullPage全屏顯示。用滾輪來翻頁詳細

• zepto.fullpage專注於移動端的fullPage.js，依賴Zepto

• pagePiling和fullPage類似

• turn.js做一本書，帶漂亮的翻頁的效果

幻燈

• slidesjs挺好用的，只是那幻燈導航的CSS都要自己寫，呵呵詳細

• iSlider無任何插件依賴的手機平台javascript滑動組件詳細

• bgstretcher全屏幻燈，會隨著頁面大小的變化而變化。

• Swiper開源、免費、強大的移動端觸摸滑動插件Swiper中文網

• coin-slider兼容IE6。蠻好的~。不過其切換方式是一塊塊的。不能配置切換方式。。。

• wowslider幻燈切換時各種很炫的效果。收費。

• cycle2普通的幻燈，竟然不支持垂直滾動。。。

• jcarousel普通的幻燈，不兼容IE6

• reveal3d滾動。做ppt相當不錯

• nodePPT國人做的，做ppt也相當不錯。有些方面比 reveal做的還好。但生成導出的html有些問題

• roundabout3d切換，看的後面圖片的邊

彈出框

• Magnific-Popup兼容PC，Mobile。還不錯，有5k+的star

• layer國人開發的，兼容ie6+。不喜歡其調用方式。

動畫效果

• mixitup用漂亮的動畫效果來完成排序和篩選

• jQuery.Marquee跑馬燈效果

• quickflip卡片翻轉效果

• 卡片翻轉效果2兼容性可以。寫的比較簡單：1，只支持x方向翻轉 2,類名都是規定好的 3，只能被調用一次。 需要改寫一下。我的改進版見這里

• TheaterJS模擬兩個人在屏幕上對話

• midnight.js文字顏色隨著背景變，屌炸了

• color-animationjquery的顏色漸變動畫插件。jquery的動畫不支持顏色值的變化。改庫提供了這個支持。

• transit對元素進行css的變換

• tagcanvas3D標簽雲效果詳細

• iconate圖片切換動畫

• Snap.js左/右側導航的出現效果

• CSS shake抖動動畫

• ClickSpark.js點擊後的一些酷炫的效果

視覺差插件

• scrollorama比較簡單

• superscrollorama能做的效果更多，但要用第三方Tween的庫，使用起來比較復雜。

• scrolldeck

flash

• swfobj能夠自動檢測PC、Mac機器上各種主流瀏覽器對Flash插件的支持情況。它使得插入Flash媒體資源盡量簡捷、安全。而且它是非常符合搜索引擎優化的原則的。此外，它能夠避免您的HTML、XHTML中出現object、embed等非標准標簽，從而符合更加標准。詳細

抽獎

• wScratchPad刮刮卡刮獎效果

• jqueryrotate旋轉插件。可以用來做轉盤抽獎效果

用戶體驗增強類

• Intro.js用來介紹網站的功能很不錯。也可以做新手引導。

• blockUILolding組件。

• simple-hint提示信息。用css做的。兼容性IE 9+。

• dotdotdot文字溢出時，添加在文字末尾加省略號

• jQuery-menu-aim二級菜單的切換如Amazon主頁上一樣迅速

• AnythingZoomer放大鏡功能

• 美化/高亮語法代碼

• google-code-prettify

• DlHighlight僅支持JavaScript、CSS、XML、HTML 這4語法高亮

• please按要求隨機舒服的顏色

• Awesomplete輸入的智能提示，自動補全

• proTip提示。感覺比 Bootstrap 的 tip 好

• Hammerjs手勢庫。封裝了 Swipe, Tap, Pinch, Pan等手勢

動畫

• velocity提高Jquery動畫的性能。以及顏色動畫之類的新特性。

SVG

• Snap.svg操作 SVG 的 JS 庫。號稱 SVG 的 jQuery。demo

• walkway以動畫的方式，漸漸地畫出 SVG 的路徑。

測試

• Mocha

• Chai

• Should

• Snoion

• DeviceMock.jsmock 設備。

其他類

• ZeroClipboard將內容復制到剪切板兼容主流瀏覽器的解決方案詳細

• html2canvashtml轉化成canvas，可以用來做截圖。詳細

• Ink響應式html郵件框架

• 性能測試

• 抓取，解析RSS內容（不能跨域，所以後台要做代理，所謂的解析Rss其實就是解析xml）

• jFeed

• jRss簡單版的jFeed

• scriptcam與攝像頭交互

• cylon.js機器人框架，支持35個平台

• Masonry一個瀑布流框架

• devices.css移動設備邊框的外觀。做原型的時候用不錯。

Bootstrap相關類

• Bootbox.js對bootstrap的彈出框做的一些封裝

• 免費皮膚

• AdminLTE

JS Plugins倉庫

• jQuery Cards高質量的 jQuery 插件網站

• jster

• node moles

• npmrankSort npm packages by page rank

• YOU MIGHT NOT NEED JQUERY PLUGINS不依賴 jQuery 的 js 插件。

• awesome-nodejs

• Libraries.io各種語言的庫

• OniUI去哪兒網做的一套基於Avalon的框架

常用的移動端框架

zepto.js

語法與jquery幾乎一樣，會jquery基本會zepto~

最新版本已經更新到1.16

iscroll.js

解決頁面不支持彈性滾動，不支持fixed引起的問題~

實現下拉刷新，滑屏，縮放等功能~

最新版本已經更新到5.0

underscore.js

筆者沒用過，不過聽說好用，推薦給大家~

該庫提供了一整套函數式編程的實用功能，但是沒有擴展任何JavaScript內置對象。

最新版本已經更新到1.8.2

滑屏框架

適合上下滑屏、左右滑屏等滑屏切換頁面的效果

slip.js

iSlider.js

fullpage.js

swiper.js

flex布局

flex布局目前可使用在移動中，並非所有的語法都全兼容，效果良好~

❹ 前端可視化開發要用到哪些工具、插件

ThingJS 基於 HTML5 和 WebGL 技術，可方便地在主流瀏覽器上進行瀏覽和調試，支持 PC 和移動設備。ThingJS
為可視化應用提供了簡單、豐富的功能，只需要具有基本的 Javascript 開發經驗即可上手。
ThingJS
提供了場景載入、分層級瀏覽，對象訪問、搜索、以及對象的多種控制方式和豐富的效果展示，可以通過綁定事件進行各種交互操作，還提供了攝像機視角控制、點線面效果、溫濕度雲圖、界面數據展示、粒子效果等各種可視化功能。
ThingJS提供如下相關組件和工具供用戶使用：
CityBuilder：聚焦城市的 3D 地圖搭建工具，打造你的 3D 城市地圖。
CamBuilder：簡單、好用、免費的 3D 場景搭建工具。
ThingPano：全景圖製作工具，輕松製作並開發全景圖應用，實現 3D 宏觀場景和全景微觀場景的無縫融合。
ThingDepot：上萬種模型，數十個行業，自主挑選，一次製作多次復用。

❺ 現在做前端開發的寫html大多都用什麼軟體哇

靜態web:HTML + CSS 組合。(用戶發送請求--->伺服器接受並找到頁面--->返回)
動態web:HTML + CSS + Javascript + PHP + 資料庫組合。(請求內--->伺服器查找數據--->返回)
發展容歷程:CGI(公共網關介面):早期技術、過於消耗系統資源、目前很少使用
ASP:微軟的動態伺服器技術(少)
JSP:java伺服器技術(安全性高)
PHP:超文本預處理器(使用廣泛)

❻ 北大青鳥設計培訓：HTML的開發工具有哪些適合新人用

大家剛HTML入門時，感興趣想學習卻不知道html開發工具有哪些，具體哪一個最好用。
今天java課程http://www.kmbdqn.cn/就為大家推薦5款經常會用到的html開發工具，供大家參考。
1.SublimeText3：這是一個很不錯的代碼編輯器，語法高顯亮、自動補全、插件也比較多，小巧快捷，安裝也比較方便，支持的編程語言比較多，主流的java,c++,python,js等都包含其中，前端開發中也常用到這款軟體：2.VSCode：這個是微軟開發的一款輕量級代碼編輯器，免費、跨平台，對於鍾情於微軟工具的開發者來說，這是一個很不錯的選擇，這個軟體支持的編程語言也很多，有好幾十種，包括css,html,js等，語法高顯亮、自動補全、插件豐富，還支持git功能，是一個很不錯的開發工具：3.WebStorm：這是一個專門用於開發web的工具，由JetBrains公司研發，功能強大，在前段開發中經常用到，自動補全、語法提示、代碼檢查，還集成了版本控制系統，支持git，唯一的缺點，就是不是免費的，試用期30天，過後就需要付費，只不過網上有注冊碼，可以使用一下：4.DreamweaverDreamweaver簡稱DW,可以快速的編寫html和css，有著強大的語法提示功能，同時有一個實時視圖模式，可以在寫的過程中直接預覽效果，可以快速的開發html5.HBuliderHBulider一款前端開發工具，可以用來寫html、css、js等語言，有著無死角提示，包括圖片、鏈接、字體等提示，非常強大；HBulider追求的就是快速編碼目前就介紹這5個html開發工具吧，對於後期的項目開發來說，完全夠用了，不過HTML入門時，建議使用記事本來編寫html代碼，以熟悉為主，把基礎功練好才是最重要的，後期熟悉後，就可以使用這些開發工具了，效率也會大大提升。