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文件大小更小。