1. web前端開發工具有哪些
web前端開發工具主要是有css、html、java、js、jquery，這些入門操作都是非常簡單
1、學習css，這個css沒有包含css3，通常我們看到對於web前端工程師要求是要會使用css+div或css+html對界面進行布局，因此 css是輔助html來展示以及布局的，稱之為css樣式。上面說的css+div中的div就是html主要用在布局上的，div是核心要掌握的東 西。而且css是一定需要配合div進行使用，所以學css要熟悉掌握position、height、float、width，並對於界面的最大最小、能 使用百分百、margin、overflow、padding等。這些關繫到布局樣式的一定要能夠熟練掌握，實在不明白可以到杭州有碼互聯咨詢 下，有碼講師都是有超過三年以上的項目經歷。
2、html是web前端開發工具中最為基礎和最簡單的，在html中要掌握的有form table、span、p、div、ul li 、font這各類標簽。 尤其是table和div，table雖然也能布局使用，但是不方便，通常是用table和數據打交道的。而div是用來布局。
3、學習web前端開發的話要是能夠會些java、php等後台語言更是加分了。因為web前端的界面數據都是在後台那過來的，要是會後 台語言的話，就更節約時間，不僅知道如何於後台交互數據是最好的，也知道怎麼寫前端的代碼會更加規范。就不會出現寫法和後 端的數據不匹配，要重現編寫的尷尬現象了。
4、掌握js，也許前面提到的大家都覺得還可以。但一說到JS就暈了吧？事實上js的入門非常的簡單，只要能夠會根據某個name、 或id拿到網頁的樣式、值和dom。以及會給某些name或id的元素標簽賦值、追html、追加數據，在按照邏輯推斷。至於效果無疑就 是彈框、跳轉、隱藏等。再把這些結合到其他的，代碼其實就一點也不不會難了。學會了基礎的js之後，其他的方面結合學習資料 多看多用基本上是沒問題的。
5、學習jquery.jquery是把js封裝了一套的一個js插件。最終就是希望代碼簡化、操作更方便。Jquery入門也不難，它需要學的和 js一樣，不同的是換成了jq的代碼。其他結合別的學習資料就可以了。
6、最後是學習css3+html5了，這個目前是最流行的了，如果是搞後端的話，在工作裡面也不怎麼會用到，一般是在網站中出現問 題了，那就需要用到css3+html5去修改一下。
2. 前端開發常用哪些工具軟體
前端開發的編譯器在選擇上還是很多的。在學校里，老師主要講三個前端開發軟體：
1、WebStorm
幫助編寫HTML、CSS、Less、Sass和Stylus代碼，並且支持Node.js和主流框架，如React、Angular、Vue.js、Meteor等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。但是付費軟體。
2、IntelliJ idea
頁面很簡單，乍一看像是一個記事本，它也確實可以當記事本用。有很多特色插件可以使用，支持多種編程語言的語法高亮顯示，具有代碼折疊功能。
2、HBuilderX
HBuilderX是DCloud（數字天堂）推出的一款支持HTML5的Web開發IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。是HBuilder下一代版本，具有輕便、適合vue框架的特點。
3. 前端開發常用又好用的幾個軟體
正所謂「工欲善其事必先利其器」，一名合格的Web前端開發工程師自然會用到不少能使其工作高效的工具。下面，就給大家分享Web前端學習需要了解的十款HTML5開發工具。
1、Lungo
Lungo是一款基於HTML5的開發框架，專為想要設計、構建和共享跨設備應用的開發者而准備。支持開放的Web標准，如HTML5、CSS3和JavaScript；支持手機、電視以及桌面設備。擁有強大的JavaScript API：開發WebAPP應用有很多種方式，而不是一味的優化。Lungo提供了一個強大的API，這樣你可以完全掌控自己的WebAPP應用程序。
2、Animatron
Animatron是一款簡單而又強大的在線工具，通過它，你可以創建出令人驚嘆的的HTML5動畫和互動內容。使用非常直觀的Animatron編輯器去設計和發布完美的移動產品，同時也可以到處播放的電影和信息圖表等，從桌面瀏覽器到移動設備，無需編碼，所見即所得。
9、Eclipse
Eclipse的本身只是一個框架平台，但是眾多插件的支持使得Eclipse擁有其他功能相對固定的IDE軟體很難具有的靈活性。許多軟體開發商以Eclipse為框架開發自己的IDE。Eclipse最初是由IBM公司開發的替代商業軟體Visual Age for Java的下一代ide開發環境，2001年11月貢獻給開源社區，現在它由非營利軟體供應商聯盟Eclipse基金會（Eclipse Foundation）管理。
10、DevExtreme
DevExtreme是專為你的移動世界精心准備的，一個跨平台開發的HTML5/JS框架，可以構建iOS、Android、Tizen和Windows Phone 8應用程序，是Visual Studio開發人員開發跨平台移動產品的優選工具。
以上就是為大家分享的十款HTML5開發必備的工具，相信這些工具一定會讓你幫你在從事Web前端開發過程中提高效率，打開一扇新的大門。
4. web開發工具都有哪些
1. JDK（Java開發工具包）
如果你打算用Java開發一些小程序和應用程序，那麼首先得給自己准備一個類似於JDK的工具，其中包括必要的Java Complier、Java Runtime Environment（JRE）和Java API。這是開始Java之旅的第一步。
2. Eclipse IDE
如果咨詢一些經驗豐富的Java開發人員關於他們最喜歡的Java Integrated Development Environment（IDE）是什麼，不少人會告訴你是Eclipse IDE。 Eclipse能提供關於代碼完成、重構和語法檢查這些急需的幫助。它還能提供JDT的一系列工具，包括各種插件工具來幫助開發各種Java應用。
此IDE的真正優勢是它允許開發人員使用不同的語言支持，如它也可以提供C/ C++和PHP 的IDE。這使得它成為了Java開發的一個一站式資源。
3.NetBeans
這又是一個IDE，提供了功能全面的陣列，如轉換器，編輯器和代碼分析器，這些工具可以幫助你使用最新的Java技術實現應用程序。工具范圍相當廣泛，而且IDE背後的團隊也在不斷地改進。此外你還可以得到靜態分析工具的幫助——編寫出無bug的代碼。
4. IntelliJ IDEA 13.1
據傳它有「最智慧的java ide」之稱。如果你嘗試過後，就會發現它所言不虛，因為它能幫助開發人員拿出最具有創造性的解決方案。它的「Smart Code Completion」和「On-the-fly Code Analysis」功能等可以提高開發人員的工作效率，並且還提供了對web和移動開發高級支持。所以，不妨試試這個好助手。
5.Oracle JDeveloper
如果你正在尋找一個免費的IDE來構建一個面向服務的架構，那沒有比JDeveloper更好的了。它支持完整的開發生命周期，這意味著你可以放心自豪名正言順地使用ava解決方案。
6. JUnit
這是一個可以幫助開發人員編寫和運行測試的單元測試框架。但是JUnit和市場上一些類似的框架還有著本質的區別。你可以一次測試一個代碼塊，而不需要等待該模塊在運行測試前完成。實際上就是你可以「先測試，然後寫代碼」，這意味著對於應用程序的最終功能如何你可以先放下心中的大石了。
7. Apache ANT™
這是一個開源工具，其最大的優勢就是簡單。關鍵是可以實現開發人員處理復雜和重復性任務的目標。ANT™，可以自動執行此類任務。這還只是其眾多簡化功能之一而已。
8. JRAT（Java Runtime Analysis Toolkit）
如果你想要評測應用程序的性能，那麼就必須具備JRAT這個分析工具。有了這個工具，你可以找出潛在的可能會影響應用程序性能的問題域。
9.Apache JMeter™
這是Apache的另一種工具，主要用於測試。它可以評測功能行為以及網站、資料庫、Web服務等的性能。它有一個易於理解的GUI，這一事實意味著你可以輕松地構建測試計劃並迅速調試應用程序。
10.Apache Maven
上面曾提到過Apache ANT™，而現在的Maven能幫助你做同樣的事情。不過，很多開發人員表示相比ANT™，Maven前進了一大步。在依賴管理、構建行動、調試和協作方面，它都比ANT™略高一籌。簡單地說，如果你正在使用ANT™，那麼你需要告訴它到底應該怎麼做：你需要提供資源的確切位置，分配生成的位元碼的存儲位置以及用JAR文件打包。
Maven，換句話說，則簡化了這些東西。
11.Gradle
如果你想要有這樣一種工具，可以結合ANT™和Maven的優點，那麼你一定會喜歡Gradle。有了Gradle，你就可以在Groovy編碼——這是一個巨大的優勢，因為它允許你編寫任何代碼。這個工具的第二大優勢是，它支持慣例優先配置的模式。
12.Clover
該工具提供了Java和Groovy代碼覆蓋。Clover能讓你直接瞄準問題可能性最大的部分，確保測試側重於特定代碼。
13.YourKit
這是一個Java分析工具，允許在開發或生產過程中按需分析：這意味著你可以確保你的產品符合最高的質量標准。按需分析指的是，被分析的應用程序可以在不產生任何費用的情況下運行。
14.Mockito
如果你想用干凈和簡單的API編寫測試，Mockito應該就是你的首選。Mockito本質上是一個模擬庫，可以幫助你創建、驗證和清除模塊——Java開發的幾個重要方面。
15. FindBugs的™
Java代碼有bug？如何才能找到它們呢？——沒錯，就是FindBugs的™。它不但免費，還易於操作，真心很不錯！
5. web前端開發常用工具有哪些
Web前端是為了協調前端設計與後端開發之間工作的崗位，是最接近產品和設計的工程師，起到銜接產品和技術的作用，前端為用戶可以看到的部分負責，所以也是最接近用戶的工程師。
Web前端開發基礎技能：HTML、CSS、JavaScript
前端的開發中，在頁面的布局時， HTML將元素進行定義，CSS對展示的元素進行定位，再通過JavaScript實現相應的效果和交互。雖然表面看起來很簡單，但這裡面需要掌握的東西絕對不會少。在進行開發前，需要對這些概念弄清楚、弄明白，這樣在開發的過程中才會得心應手。
Web前端開發必知標准：http標准、W3C標准、ECMAScript標准
瀏覽器要從服務端獲取網頁，網頁也可能將信息再提交給伺服器，這其中都有http的連接。W3C標准不是某一個標准，而是一系列標準的集合。網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行為（Behavior）。JS是在ES的基礎上，為Web瀏覽器做了一部分封裝（增加了DOM操作、BOM操作等）。
Web前端開發加薪技能：jQuery、Ajax、React
jQuery一定是大部分Web前端開發者不可或缺的工具，對jQuery的學習不能停留在只使用它的API和插件上，還要會自己去寫jQuery插件、會讀jQuery源碼、了解jQuery的設計思路。
Ajax是一種用於創建快速動態網頁的技術，通過在後台與伺服器進行少量數據交換，Ajax可以在無需重新載入整個網頁的情況下，更新部分網頁的技術。
React主要用於構建UI，你可以在React里傳遞多種類型的參數，如聲明代碼，幫助你渲染出UI、也可以是靜態的HTML DOM元素、也可以傳遞動態變數、甚至是可交互的應用組件。
除了要掌握技術層面的知識，Web前端工程師還要掌握理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等等。想快速掌握Web前端所需的技能點，參加學習班是明智的。
6. 如何在谷歌瀏覽器上使用，jsonview組件
jsonView
jsonViewer
json
formatter和WEB前端助手(FeHelper)
這兩個組件都不錯，推薦用用。
打開JSON頁面，直接顯示出格式化後的數據。非常直觀。不用在進行別的操作。
我現在用的是：WEB前端助手(FeHelper)
7. web前端開發常用又好用的幾個軟體
前端開發是創建Web頁面或app等前端界面呈現給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現互聯網產品的用戶界面交互。Web前端的學習起來相對簡單，未來的發展前景也是非常不錯的。
web全棧工程師5.0課程包括：
①計算機基礎以及PS基礎
②前端開發基礎（HTML5開發、JavaScript基礎到高級、jQuery網頁特效、Bootstrap框架）
③移動開發
④前端高級開發（ECMAScript6、Veu.js框架開發、webpack、前端頁面優化、React框架開發、AngularJS 2.0框架開發等）
⑤小程序開發
⑥全棧開發（MySQL資料庫、Python編程語言、Django框架等）
⑦就業拓展（網站SEO與前端安全技術）
互聯網行業目前還是最熱門的行業之一，學習IT技能之後足夠優秀是有機會進入騰訊、阿里、網易等互聯網大廠高薪就業的，發展前景非常好，普通人也可以學習。
想要系統學習，你可以考察對比一下開設有相關專業的熱門學校，好的學校擁有根據當下企業需求自主研發課程的能力，能夠在校期間取得大專或本科學歷，中博軟體學院、南京課工場、南京北大青鳥等開設相關專業的學校都是不錯的，建議實地考察對比一下。
祝你學有所成，望採納。
8. web實現串口調試助手
最近受朋友之託試圖用web前端實現串口調試助手，一開始覺得不太有可行性，以前用過的串口調試助手都是客戶端程序。覺得瀏覽器怎麼會有調用電腦上的串口的功能呢。後來朋友找了幾個資料給我，說網上有人實現，他看不懂。我看了之後恍然大悟，原來是用node。如此萬能。
node 實現操作串口的模塊是一個 serialport 的模塊，網上一搜有很多好文，此處記錄一下實現過程中遇到的一些問題以及解決方法。
一開始被忽略的問題 ，我把 node 服務搭在自己的伺服器上，後來返回的串口數組全是一堆令我懵逼的數據。後來想起那是 node 讀取了我的
Linux 伺服器的串口，而不是用戶使用的 pc。
由此引出的兩個問題。第一，node 服務必須搭建在用戶使用的 pc 上，因此用戶使用的電腦必須有 node 環境。第二，用戶 pc 一般是 windows 系統， node 的模塊很多在 Linux 上很容易安裝成功，在 Windows 上安裝比較困難。
首先解決的是第二個問題：在Windows上安裝serialport失敗
解決方法： npm install --global --proction windows-build-tools
參考鏈接1： https://stackoverflow.com/questions/33142357/unable-to-install-node-js-serialport-npm-package-on-windows
參考鏈接2： https://github.com/nodejs/node-gyp#installation
安裝好之後就可以安裝 serialport 模塊了。
解決第一個問題：用戶電腦的 node 環境
解決方法： electron ——使用 JavaScript, HTML 和 CSS 構建跨平台的桌面應用 （官網鏈接： https://electronjs.org/ ）（w3c： https://www.w3cschool.cn/electronmanual/wcx31ql6.html ）
使用 electron 搭建的桌面應用可以像平常我們使用的 exe 應用程序一樣直接運行，不需要搭建環境。
npm install -g electron-prebuilt //提示electron-prebuilt已經更名為electron
npm install -g electron //安裝失敗
使用淘寶鏡像安裝問題解決： cnpm install -g electron
參考鏈接： http://blog.csdn.net/upc_xbt/article/details/53342129
解決方法： npm install -g electron-rebuild
以後每次重新運行 electron . 的時候再執行一次 ``./node_moles/.bin/electron-rebuild` 對原生模塊進行rebuild
參考鏈接： https://www.w3cschool.cn/electronmanual/eqsc1qko.html
參考鏈接： http://m.blog.csdn.net/u014563989/article/details/75045052
cnpm install -g electron-packager //安裝打包工具
electron-packager . 可執行文件的文件名 --win --out 打包成的文件夾名 --arch=x64位還是32位 --version版本號 --overwrite --ignore=node_moles
因為打包的時候執行的命令帶有 --ignore=node_moles , 即不將 node_moles 裡面的依賴包打包，所以在打包後的新文件中，進入resource 目錄會發現 node_moles 是一個空文件夾，所以自然找不到依賴包。如果去掉打包時的命令參數 --ignore=node_moles ,則需要非常長的打包時間。我的解決方法是將原來 node_moles 文件夾中的相關的依賴包文件復制進打包後的 node_moles 中，雖然是一個比較無腦的方法，每次打包都要拖動相關文件進去，不過我備份了一個 node_moles 文件夾，下一次打包後就把備份的 node_moles 直接復制進去。
node 模塊 ccap : 用於生成驗證碼圖片，可以在 express 後台
res.send(圖片) ，前端的 img 的 src設置為請求這個介面。
ccap的用法可以參考鏈接： https://cnodejs.org/topic/50f90d8edf9e9fcc58a5ee0b
9. web前端用哪個軟體比較好
推薦一些Web前端開發常用工具。
6、Bit.dev
軟體開發的一項基本原則是代碼可重用性。這可以減少你的開發工作，因為你無需從頭開始構建每個組件。這正是 Bit.dev 所做的。它使你可以共享可重用的代碼組件和代碼片段，從而減少開銷並加快開發流程。它還允許在團隊之間共享組件，這使你的團隊可以與其他團隊更好地協作。
7、StackBlitz
StackBlitz是所有用戶最喜歡的在線 IDE 工具。主要原因是它將我們最喜歡和最常用的 IDE——也就是 Visual Studio Code，引入了 Web 端。StackBlitz 允許你一鍵設置 Angular、React、Ionic、TypeScript、RxJS、Svelte 和其他 JavaScript 框架。一鍵設置這個功能意味著開發者可以在極短的時間內開始編碼。有了StackBlitz，你只需不到幾分鍾的時間就可以試用新的 NPM 軟體包，而無需從頭開始在本地創建項目。