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 软件包，而无需从头开始在本地创建项目。