程序员生产力工具大全如下：
1. Idea-Intellij IDEA (java 编程语言 开发的集成环境)
业界排名第一的java开发工具，非常非常好用，如果还在用eclipse的朋友，赶紧来体验一把，你一定会爱上她的。
2. SecureCRT (SSH终端仿真程序)
SecureCRT是一款终端仿真程序，支持SSH（SSH1和SSH2）以及Telnet和rlogin协议。SecureCRT用于连接运行包括Windows、UNIX和VMS在内的远程系统的理想工具。
3. Termius (全平台的远程终端)
termius是一款全平台的远程终端，Termius不仅涵盖了Windows、Linux、OSX，还变态得支持Android和iOS（以后在地铁、公交上都可以随时拿出手机来排查线上问题啦，还真是广大程序员的福音呢。
4. Google Chrome (谷歌浏览器)
Google Chrome是一款由Google公司开发的网页浏览器，该浏览器基于其他开源软件撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。
5. iTerm (为Mac OS X编写的终端仿真程序)
iTerm是一个为Mac OS X编写的，功能齐全的终端仿真程序；目标是在为用户提供OS X下最佳的命令行体验；字母i代表了本地苹果的外观和风格的程序界面，并把重点放在完整的国际支持； 它合并由两个项目， CTerminal和TerminalX ，而这两者都是基于JTerminal项目；该软件非常有实用和易用性。
6. Visual Studio Code (简称“VS Code”,编写现代Web和云应用的跨平台源代码编辑器）
重新定义和优化了代码编辑,以便生成和调试新式 Web 应用程序和云应用程序。也是著名的文本编辑器，它是轻量级的,vSCode的一大特点就是你可以通过多种方式来调整设置,而且Vim可以和VScode集成在一起，它还带有一个集成终端，可用的扩展太多，使开发人员的工作变得更加轻松。偶最喜欢的一些扩展是AWS Toolkit, ESLint,Live Server, Live Share, Prettier-代码格式化程序，YAML,Live Sass编译器，Docker等。
7. VMware Fusion & VMware workstation (为计算机开发的虚拟机管理程序)
是在计算机上无缝运行 Windows 的最佳方式，可确保 Windows 应用程序在计算机上实现无缝运行可以在基于 Intel 的计算机上无缝运行 Windows、Linux 以及其他 PC等多个操作系统，进而构建、测试或演示软件。
8. Navicat Premium (数据库管理工具)
Navicat premium是一款数据库管理工具,是一个可多重连线资料库的管理工具，它可以让你以单一程式同时连线到 MySQL、SQLite、Oracle 及 PostgreSQL 资料库，让管理不同类型的资料库更加的方便。
9. Postman (api调试工具)
简单来说，四个词，简单、实用、大方、美观！postman这款网页调试工具的windows客户端，功能强大的HTTP调试与模拟插件。使用Postman可以进行API开发、请求、调试,除了它，还可以使用lnsomnia和Insomnia Designer作为API文档。
10. RedisDesktopManager (一款可视化 redis管理工具 )
Redis Desktop Manager是一款简单快速、跨平台的Redis桌面管理工具，也被称作Redis可视化工具，Redis Desktop Manager官方版是一款开源软件，支持通过SSH Tunnel连接，支持windows、mac等多平台。
11. Dash (基于MAC的 API文档浏览器和代码片段管理器)
“开发者不可或缺的杰作。”Dash 可让您的 Mac 即时离线访问 200 多个 API 文档集。立刻搜索离线文件集200层+的API ，100+备忘单和 href=””>更多 功能。您甚至可以””>生成自己的文档集 或 href=””>请求 包含href=””>文档集 。
12. Fiddler & Wireshark (http抓包工具)
Fiddler和Wireshark都是进行抓包的工具:所谓抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作,也用来检查网络安全。作为开发者，经常想调试一下http请求发送的数据的详情，那么可以使用这2款软件。用抓包工具wireshark的人相对来说更多一些。
13. HBuilder X (HTML5的Web开发工具)
当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。作为HBuilder下一代的全新编辑器，HBuilderX被定位为ide和编辑器的完美结合，除了对某种语言的语法分析、提示、转到定义、调试，同时加强了对通用文本处理能力，界面更加清爽，拥有比上一代更加有效的快捷键体系。
14. MobaXterm (远程终端控制软件,集串口,SSH远程登录和FTP传输三合一的工具)
多功能终端MobaXterm Professional Edition 是一款豪华、全功能的终端软件。MobaXterm带来了所有必要的Unix命令到Windows桌面，在开箱单便携式exe文件。MobaXterm允许您启动远程会话。远程shell，MobaXterm远比Putty好用，您可以选择创建SSH，远程登录，Rlogin，RDP，VNC，XDMCP，FTP，SFTP或串行会话。
15. Sublime Text (跨平台代码编辑器)
http://www.sublimetext.cn/
Sublime Text 是一款用于代码、标记和散文的精致文本编辑器。Sublime Text 中文网致力于为广大国内开发者提供详尽的中文文档、使用说明等,助力开发者快速掌握这个编辑器。
16.webstorm (专业的HTML编辑工具)
web开发的必备的一款开发神器，比如写js、页面、css，那么这款软件用起来非常顺手。此软件和idea出自于同一家公司，这家公司做了很多异常好用的软件，基本上你需要的各种开发相关的IDE，这家公司都生产。可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。新版对JavaScript，TypeScript和CSS支持更好，改进了Vue.js的体验，并为Jest集成增加了新功能。
17.Xshell (功能强大的终端模拟器)
linux原创控制软件，完全免费且非常稳定的 SSH 客户端 ，支持多种远程协议，提供了很多特色与高级功能，简体中文界面也让你轻松管理远程服务器。 Xshell 的 Screen 会话不闪屏，而且可以回滚；Script 的执行顺序可以调整；可以同时发送指令到多个 session；支持布局切换等。
18. SwitchHosts (修改Hosts文件的工具)
这是用于在多个HOSTS之间进行切换。可在公用hosts文件 、当前系统hosts、本地方案和在线方案间进行切换。作为一名开发人员，经常需要修改本地host，你还是通过修改host文件来操作的么？那样太慢了，这里建议大家使用switchhosts这款软件，可以快速修改本地host，非常好用。
其他工具：
1. CodeIf(智能命名) ： https://unbug.github.io/codelf
大部分开发者都或多或少遇到过变量命名的烦恼，如果命名不规范，不仅会影响开发的效率，而且对后面维护的同学来说也是一个不小的挑战，因为他要去揣摩你这个变量的含义。随着项目越来越复杂，变量和函数数量越来越多，虽然每个编程语言都有各种命名规范，但是也不能解决所有的问题。
“计算机科学里两件最难的事：缓存失效和命名。” Codelf通过搜索在线开源平台Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project的项目源码，帮开发者从中找出已有的匹配关键字的变量名，从而帮助为变量名苦恼的开发者命名。这个搜索服务支持直接搜索中文。
同时可以在自己用的编辑器里安装插件，支持 VS Code、Atom、Sublime Text 和 Chrome。
2. DocsChina-印记中文 ： https://www.docschina.org
这是一个前端中文文档合集，进入网站可以看到开发中经常使用的前端中文文档。如果你的英文实在不怎么好，还在为找中文文档而烦恼，这里将是你非常好的选择。记得放到自己的浏览器收藏夹里哦！
3. any-rule(正则表达大全)： http://github.com/any86/any-rule
any-rule 维护了一个常用正则表达式合集，并且本身是一个支持 Web/VS Code/idea/Alfred Workflow 多平台的正则表达式工具。
4. tool.lu(在线工具)： https://tool.lu
程序员总是有很多小工具要使用，比如图片、Base64编码、Markdown编辑器时间戳转换，进制转换等，在线运行各种语言代码。这个网站包含了太多程序员需要用到的小工具了。比如你想运行点JAVA代码，又不想麻烦的在系统中安装JAVA环境，可以使用里边的在线运行代码工具，然后选择JAVA,写点JAVA代码就可以直接运行了。
5. Baomitu(前端静态源库)： https://cdn.baomitu.com
这个静态资源库是支持HTTP/2的CDN服务，有了它，如果你是自己的小型项目或者是做测试就不用下载任何的代码库，直接粘贴地址过来用就可以，因为是国内的CDN库，速度还非常的快。
6. Typora-Markdown(编写工具)：https://www.typora.io
一款实用的 Markdown 编写工具，所见即所得，用Markdown编写文章是一个程序员的标准配置，也就是标配。现在有很多在线工具都支持Markdown，什么有道云笔记、雀语，、印象笔记等。这种简单的界面，沉浸式的编写，清晰的大纲，它就像一件称手的兵器，让你一旦拥有就爱不释手。
7. Snipaste (简单便捷的截图软件)：https://zh.snipaste.com/download.html
一款免费的桌面截图软件，功能强大，使用方便，支持任何屏幕位置截图，支持窗口截图，支持快捷方式截图。您可通过截取贴图，使两张图合并为一张图，还能调整截图文字图像等等，是一款非常强大的贴图软件，喜欢此款贴图软件的朋友不要错过。
8. Captura (最好用的开源录屏、gif动态图片制作工具)
官网：https://captura.updatestar.com/ github：https://github.com/MathewSachin/Captura
通过这款工具可以帮助你轻松录制各种视频。支持全屏录制、区域录制两种方式，全屏录制可以录制全部的电脑屏幕，将电脑屏幕上所有的动态都录制下来,该软件还拥有视频编解码器，可以对视频进行解码，支持mp4、avi、GIF、webm等格式，可以满足一般的解码需要。还支持屏幕截图、剪贴板，简单的图像编辑等功能，是一款非常好用的屏幕录像工具。
9. 向日葵 (远程控制软件): https://sunlogin.oray.com/
向日葵远程控制是一款提供远程控制服务的软件。向日葵远程控制支持主流操作系统Windows、Linux、Mac、Android、iOS跨平台协同操作，在任何可连入互联网的地点，都可以轻松访问和控制安装了向日葵远程控制客户端的设备。整个远控过程，可通过浏览器直接进行，无需再安装软件。
10. Everything (本地文件检索工具):http://www.voidtools.com/support/everything/
由voidef=””>tools 开发的一款文件搜索工具，这款软件是基于名称实时定位文件和目录。Everthing功能强大，体积小巧，第一次安装使用时会建立一个索引数据库，将所有文件和文件夹的名称导入其中，后续使用能够以极快的速度快速搜索，查找到你所需要的文件。
11. StarUML (UML画图工具)
画uml图的一款神器，类图、时序图、流程图、状态图等等，都可以用这款工具轻松应对。
12. uTools (生产力工具集):https://u.tools/
一个极简、插件化、跨平台的现代化桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。这个工具，偶只能说他是一款神奇，太牛逼，这款工具中汇集了很多好用的工具，可以通过这款工具秒开电脑上的各种软件。
搜索资源网站工具：
1.Bing
Bing 国际版：https://cn.bing.com/ 感觉比某度要好用多了。
2.DuckDuckGo
DuckDuckGo：https://duckduckgo.com/ 从官网的介绍来看这个搜索引擎不收集用户信息，而且没有广告。
3.Stack Overflow
Stack Overflow：https://stackoverflow.com/ 大家如果常用 Google，很多技术问题的答案就在这个网站上，如果你无法使用 Google 可以在这个网站上直接检索就好了。
4.Gitlogs
Gitlogs：https://www.gitlogs.com/ Gitlogs 是专门针对 GitHub 项目的搜索引擎，大家通过他可以快速找到想要项目。
5.jiumo search
文档搜索引擎 jiumo search 鸠摩搜书：https://www.jiumodiary.com/ 可以用来找一些技术文档手册，很多在百度网盘里。
6.Ebooke
Ebooke：https://ebookee.org/ Ebookee 是一个基于互联网并提供免费电子图书下载的搜索引擎网站。
7.Iconfinder
图标搜索：https://www.iconfinder.com/ 用来查找 logo 图片。
8.TinEye
TinEye：https://www.tineye.com 用图片来检索图片，大家可以上传图片或输入图片的 URL 来检索。
9.SemanticScholar
SemanticScholar：https://www.semanticscholar.org/ SemanticScholar 是一个免费学术搜索引擎，其检索结果来自于期刊、学术会议资料或者是学术机构的文献。
10.LibreStock
LibreStock：https://librestock.com/ LibreStock 上可以检索一些优质的高清图片。
11.CC Search
CC Search：https://ccsearch.creativecommons.org/ CC Search 上搜索到的图片资源都是无版权的，大家可以免费的使用。
12.Pexels
Pexels：https://www.pexels.com/ 高质量的图片网站，可以免费使用。
13.Unsplash
Unsplash：https://unsplash.com/ 免费高清素材网站。
14.The App Store
The App Store：https://theappstore.org/ The App Store 是一个针对苹果手机、iPad、Mac 设备的应用搜索工具。
在线画图工具：
• 在线画图工具ProcessOn：https://www.processon.com/
• 在线画图工具draw.io：https://app.diagrams.net/
• 在线思维导图工具：http://www.mindline.cn/webapp
• PlantUML在线编辑器：http://haha98k.com/
在线开发辅助工具：
日常开发经常会用到一些辅助工具偶总结为8大类，包括：编解码工具、转换工具、正则工具、编译工具、网络工具、格式化工具、可视化工具、在线生成器、以及其他工具等等。 具体列表如下:
在线编码工具：
• BASE64编解码工具：https://base64.supfree.net/
• MD5编码工具：https://www.zxgj.cn/g/md5
• AES/DES加解密：http://www.fly63.com/tool/cipher/
• JWT解码工具：http://jwt.calebb.net/
• ASCII编解码工具：https://www.matools.com/code-convert-ascii
• Unicode编解码工具：https://www.zxgj.cn/g/unicode
• UTF-8编解码工具：https://www.zxgj.cn/g/utf8
• 字符串编解码工具：https://www.zxgj.cn/g/enstring
• URL编解码工具：http://tool.chinaz.com/tools/urlencode.aspx?jdfwkey=lbixz1
在线转换工具：
•在线ASCII码对照表：http://www.fly63.com/tool/ascii/
• 通用进制转换工具：https://www.zxgj.cn/g/jinzhi
• 在线浮点数十进制转换：http://www.binaryconvert.com/
• RGB颜色转换：https://www.zxgj.cn/g/yansezhi
• 时间戳转换工具：https://www.zxgj.cn/g/unix
• 计量单位换算工具：http://www.fly63.com/tool/unitable/
• 在线JSON解析：http://www.json.cn/
• 在线JS代码格式化工具：https://prettier.io/playground/
• SQL压缩/格式化工具：https://www.zxgj.cn/g/sqlformat
• JSON和XML在线转换：https://www.zxgj.cn/g/jsonxml
• JSON/YAML在线转换：http://www.fly63.com/tool/jsonyaml/
• 人民币大小写转换工具：http://www.fly63.com/tool/renmingbi/
正则表达式工具：
• 正则表达式调试工具：https://regexr.com/
• 正则表达式可视化工具：https://jex.im/regulex/
网络工具：
• IP地址归属地查询：https://www.ip138.com/
• IP地址查询：https://www.ipip.net/ip.html
• HTTP在线接口测试工具：http://www.fly63.com/php/http/
在线编译运行工具：
• C#在线编译运行：https://rextester.com/
• C/C++在线编译调试：https://www.onlinegdb.com/
• 在线编译工具套装：https://c.runoob.com/
可视化/格式化工具：
• 在线前端编辑器: https://codepen.io/
• 在线数据可视化：https://flourish.studio/
• 在线JSON解析：http://www.json.cn/
• 在线CSS代码可视化工具：https://enjoycss.com/
• XML格式化工具：https://www.zxgj.cn/g/xmlformat
• 在线JS代码格式化工具：https://prettier.io/playground/
• SQL压缩/格式化工具：https://www.zxgj.cn/g/sqlformat
• JSON和XML在线转换：https://www.zxgj.cn/g/jsonxml
• JSON/YAML在线转换：http://www.fly63.com/tool/jsonyaml/
在线生成器：
UUID在线生成器：https://www.zxgj.cn/g/uuid 随机数生成器：https://www.zxgj.cn/g/suijishu其他常用工具：
在线Nginx配置工具：https://nginxconfig.io/ 在线对比工具：http://www.fly63.com/tool/textdiff/ 在线Chrome浏览器插件：https://www.crx4chrome.com/ 在线接口文档管理工具：http://www.docway.net/在线素材工具：
如果你写文章，或者做视频，那就一定少不了要找素材，包括各种图片、背景、emoji表情、表情包、壁纸、视频、gif图等等。
• 免费透明背景图片素材：http://pngimg.com/
• Emoji表情搜索：https://emoji.svend.cc/
• Emoji表情包下载：https://emojiisland.com/
• open source icons：https://feathericons.com/
• 表情包在线网站：https://fabiaoqing.com/
• 免费PNG图片库：https://pluspng.com/
• ICON图标在线下载：https://www.iconfinder.com/
• 极简壁纸：https://bz.zzzmh.cn/
• Wallpaper Abyss壁纸：https://wall.alphacoders.com
• Pixabay图片素材库：https://pixabay.com/zh/
• Unsplash图片素材库：https://unsplash.com
• Pexels图片素材库：http://www.pexels.com
• NASA图片视频素材库：https://images.nasa.gov
设计制作类工具：
对于那些文章创作者和视频创作者而言，设计封面，做海报，设计LOGO，图片美化等等基本也是刚需。
这样大概率日常会用到一些简易好上手的在线设计制作类工具，比如在线P图、音/视频轻量化剪辑、logo制作、海报设计制作、图片美化、在线图片转换或生成等等。
• 在线PS：https://www.uupoop.com/
• 在线音频剪辑：https://www.weixinsyt.com/
• 在线视频剪辑：https://www.kapwing.com/
• 免费logo在线制作：http://www.uugai.com/
• 艺术字体在线生成：https://www.qt86.com/
• 在线表格转换工具: https://tableconvert.com/
• 在线海报设计工具: https://www.designcap.com/
• 图片智能放大工具：https://bigjpg.com/
• 二维码美化器：https://mh.cli.im/
• 在线代码截图工具：https://carbon.now.sh/
• 在线抠图工具：https://www.remove.bg/zh
• ICO图标在线生成：http://www.fly63.com/php/ico/
• SVG转PNG工具：http://www.fly63.com/tool/svg2img/
• 视频转GIF工具：http://www.fly63.com/tool/giftxt/
• 二维码在线生成器：http://www.fly63.com/tool/ewm/
• 二维码在线解码：http://www.fly63.com/php/decoder/
写辅助工具：
写文章的过程中经常会用到和写作相关的辅助工具，比方说：字数统计工具、Markdown格式的文章排版工具、图床网站、代码截图工具等等，所以下面这些在线工具就能很好地满足偶的需求。
• 在线字数统计：https://www.eteste.com/
• mdnice markdown排版工具：https://mdnice.com/
• md2all markdown排版工具：http://md.aclickall.com/
• 在线图床神器：https://picx.xpoet.cn/
• 在线免费图床：https://sm.ms/
• 图壳图床：https://imgkr.com/
• 在线代码截图工具：https://carbon.now.sh/
• 在线短链接工具：https://urlify.cn/
• 在线文本替换：http://www.fly63.com/tool/textreplace/
在线办公工具：
部分在线工具主要用来处理一些和文档以及文稿相关的事情，经常用到的比如：在线的全套pdf处理和转换工具、各种各样多媒体文件间的相互转换工具、在线识别工具、在线压缩工具等等。
• pdf在线处理工具1：https://smallpdf.com/cn/pdf-tools
• pdf在线处理工具2：https://tools.pdf24.org/zh/
• pdf转word在线工具：https://www.pdftoword.com/
• 在线多媒体转换器合集：https://cn.office-converter.com/
• 在线文字识别工具：https://ocr.wdku.net/
• 在线文件压缩工具：https://docsmall.com/
文档笔记工具：
好记性不如烂笔头，作为一个学习者，偶觉得记笔记是必不可少的步骤。当然现在基本都做电子笔记和电子文档比较多。 现如今各式各样优秀的文档工具和笔记软件鳞次栉比，好用的也有很多，整理成如下列表，这东西各有长处，使用哪个最合意还得看个人习惯和需求了。
• 印象笔记：https://www.yinxiang.com/
• 有道笔记：https://note.youdao.com/
• OneNote：https://www.onenote.com/
• 幕布：https://mubu.com/
• 为知笔记：https://www.wiz.cn/
• 石墨文档：https://shimo.im/
• Simplenote：https://simplenote.com/
• 语雀：https://www.yuque.com/
编程学习网：
• 哔哩哔哩：https://www.bilibili.com/
• C语言网：https://www.dotcpp.com/
• cppreference：http://zh.cppreference.com/
• 中国大学MOOC：https://www.icourse163.org/
• 牛客网：www.nowcoder.com
• 网易公开课：open.163.com
• CodeGym：https://codegym.cc/
• BeginnersBook：https://beginnersbook.com/
• JavaSED：http://www.javased.com/
• codecademy：https://www.codecademy.com/
• Coursera：https://www.coursera.org/
• StackOverFlow：https://stackoverflow.com/
• LeetCode：https://leetcode-cn.com/
• LintCode：https://www.lintcode.com/
在线教程文档：
这部分主要集中了在做开发过程中随手参考所要用到的几乎所有在线教程和官方文档，有中文版文档的基本都优先列出来了，但更多时候是英文的官方文档。
• Git中文教程：https://git-scm.com/book/zh/v2
• SVN中文手册：http://svnbook.red-bean.com/nightly/zh/index.html
• jQuery API中文文档：https://jquery.cuishifeng.cn/
• Nginx中文文档：https://www.nginx.cn/doc/index.html
• Kafka中文文档：https://kafka.apachecn.org/
• Mybatis中文文档：https://mybatis.org/mybatis-3/zh/index.html
• 微信小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/
• Nodejs中文教程文档：http://nodejs.cn/learn
• Apache Web Server文档：http://httpd.apache.org/docs/
• Spring文档中文版：https://www.springcloud.cc/spring-reference.html
• Golang标准库文档中文版：https://studygolang.com/pkgdoc
• Java 8官方文档：https://docs.oracle.com/javase/8/docs/api/index.html
• Maven官方文档：http://maven.apache.org/guides/
• Tomcat 8官方文档：http://tomcat.apache.org/tomcat-8.0-doc/index.html
• Spring Boot官方文档：https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/
• RabbitMQ官方文档：https://www.rabbitmq.com/documentation.html
• RocketMQ官方文档：http://rocketmq.apache.org/docs/quick-start/
• Dubbo中文文档：https://dubbo.apache.org/zh/docs/
• Netty官方文档：https://netty.io/wiki/index.html
• Elasticsearch官方文档：https://www.elastic.co/guide/en/elasticsearch/reference/current/index.html
• Spring Cloud官方文档：https://spring.io/projects/spring-cloud
• Docker官方文档：https://docs.docker.com/get-started/
• kubernetes中文文档：https://kubernetes.io/zh/docs/home/
• thymeleaf官方文档：https://www.thymeleaf.org/documentation.html
• Vue.js中文文档：https://cn.vuejs.org/v2/guide/
• React.js官方文档：https://reactjs.org/docs/getting-started.html
• Jenkins中文文档：https://www.jenkins.io/zh/doc/
华为云平台：
高效易用的低代码aPaaS平台-应用魔方AppCube：https://www.huaweicloud.com/product/appcube.html集华为研发实践、前沿研发理念、先进研发工具为一体的软件开发平台-软件开发平台 DevCloud：https://www.huaweicloud.com/devcloud/以上内容分享自华为云社区《吐血整理：程序员都在用什么工具？》，作者： 考过IE励志当攻城狮 ，部分内容整理自互联网~
css 点击，edge调试css，店铺列表 app css，css y轴溢出滚轮，css 可以异步加载吗，css怎么td隔行换色，html css导航
web培训的内容有什么？
什么是前端工程师及工作内容
回答这个问题前大家需要先了解一下什么是Web前端工程师，主要的工作内容是什么。Web前端工程师是将后台工程师的数据信息按照界面设计师的设计效果图开发呈现到浏览器、APP及应用程序上供用户浏览使用的一个职位。
Web前端必备的基础技能
Web前端要求掌握的基础技能有：html5、css3、javascript、JQuery、Ajax等，除了以上需要掌握的基础内容，还需掌握多个前端框架、UI库以及代码管理工具等多个工作中常用到的工具。
如何零基础开始学习
按照由简入深，由易到难的方式学习Web前端开发，偶个人建设：首先学习html、css、javascript，之后学习JQuery、html5、css3，最后升级学习JS模块化工具、CSS扩展语言、主流前端UI框架、代码管理工具等工作中需要掌握的技术内容。
另外想补充说明的是，想零基础学习Web前端开发，除了需要掌握专业开发知识外，还因具备一定的审美眼光，喜欢快节奏的生活，能及时了解并学习前沿的新技术，只有与时俱进，才能有更辽阔的发展空间。
web前端的分类和门派
web前端开发：必看的书籍资料
HTML + CSS这部分建议在在线教程上学习，边学边练，每个属性后还有在线测试。然后过一遍之后可以模仿一些网站做些页面。记住这个一定要多练、多练、多练 ，最重要的事儿还得偶说三遍?
JavaScript要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先通过在线教程学习一些基本语法和定义。
然后你必须要看书，然后实践(好多人问有没有快速捷径，偶只能告诉你：如果有捷径，码农们就不用天天如此苦逼了吧)。
web前端书籍必读、必买
最好按照偶给的顺序入门，这样不会让你枯燥，想放弃
1 . JavaScript
先说 JavaScript，因为前面说了，CSS最好跟着视频练习，毕竟都是可视化的，像做艺术。
《JavaScript DOM编程艺术》
最好的JS入门书籍，最让人有兴趣读完的那种书。
它通过一个幻灯片案例，从头到尾教你实现出来，最后效果实现的同时，基本的JS常用属性，你也就滚瓜烂熟了，很有成就感。一目了然地告诉你如何用JS操作DOM(这是浏览器端编程的基本功)，还灌输了最符合标准的编程理念。
《JavaScript高级程序设计》
又称红宝书，雅虎首席前端架构师，YUI的作者Zakas出品。虽然书名带了“高级”二字，但是讲得都很基础的属性内容，事无巨细。关键一点是翻译的也很到位，并不是如嚼蜡一般，这很重要。看此书，偶建议配着下面的犀牛书一起看效果更佳。
《JavaScript权威指南》
著名的淘宝前端团队翻译的，看译者列表都是一堆前期大神。
这本书又叫犀牛书，被国人誉为：JavaScript开发者的圣经。网上对此书评价很多很好，大概意思是说这本书是一本JavaScript文档手册，更适合当作字典和备忘录查询来使用。
《JavaScript语言精粹》
作者是大名鼎鼎的 【老道】，他是 JSON格式的发明和维护者，也有很多著作和对JS这门语言的超多贡献，可见此人功力绝对顶级!
这本书，属于稍微入门以后看的，了解了一些中高级概念比如：闭包、原型链、作用域链、继承封装等以后，看此书有如神助，看一页相当于犀牛书几十页的讲解。
2 . CSS
CSS类，如果视频看完了，练习的熟练了，你还需要一些书的推荐和查询，也是有必要的，偶再来给你罗列几本经典的收藏书，买不买均可的。。
《Head first HTML&CSS》
《CSS权威指南(第三版)》
最权威的CSS书籍，除了阅读W3C的文档外的不二选择(就是翻译太操蛋，可能有的词你以为是火星语，不过不影响阅读)。有时间可以反复看，有css3内容，并当做字典随时查。类似犀牛书。
《图解CSS3：核心技术与案例实践》
这本书讲解的是最新的CSS3(前几本书停留在CSS2.1时代，2.1是基础)，CSS3也是必学的，不然真的跟不上时代了。
《CSS禅意花园》
这本书很值得期待，偶看过PDF版本的，那时候还没翻译出来，翻译的也一般，不过作者是巨牛逼的，听说对css理解的就像自己的左右手，光靠写CSS他年薪就轻松百万了。。汗颜!思路清晰，图文并茂，还解决一些疑难杂症和高级技巧，类似于JS的语言精粹了，大神级别。
哪些令人惊艳的工具APP值得推荐？
分享10个私藏工具类软件，每一款偶都用了一年以上！少装一个都得后悔
01 飞地一款很文艺的诗歌文学APP，可以提升自己的说话水平与文学修养，出口成章，多看看这个APP内容就可以做到！
02 Apus文字识别一款完全免费，非常实用的文字识别软件，简直是偶手机里的宝藏APP！
Apus文字识别支持上传相册内图片，也可以直接拍照识别：
当你的图片内有其他干扰文字时，可以进行裁剪，只留下需要识别的文字区域。
可以看到，识别效果非常赞，准确度也是极高的：
对于识别后的文字，你可以复制、导出、翻译，甚至让APP朗读给你听！
很多时候职场中的场景，都可以使用这个APP，减少不少码字时间呢！
另外，这些文件的安装包，偶都整理好了，获取方式就在下方：
03 全能扫描王一款手机扫描神器，免费的基础功能就已经够日常使用了：
如果你用手机拍了一张文件，它可以将其变成扫描版，有各种效果可以选择：当然，你也可以用软件直接拍摄，它有很多选项，比如证件、书籍、拍题等等，选择合适的类别，也方便APP自己识别：
比如身份证，就会自动出现一个人脸部位，也方便你在拍摄的时候对准：
还可以创建文件夹，将同类的文件内容放在一起，方便整理，比如你在课堂上用这个软件拍老师的课件，就可以归类在一起，到时候统一打印、整理之类的，非常方便：另外，如果你拍的照片是歪的，还可以调整角度，它会自动把照片修复成正的，这个功能真的太贴心了！
04 Flipboard红板报一款独特，有趣的新闻阅读APP。
红板报，其实是来自美国的一个阅读APP，原名叫Flipboard。因为特殊的属性的属性，里面的内容也非常的国际化，而且有趣。内容源超800+比如会有全球热读榜，每天用一条新闻，了解全球热事，全部是编辑精选，帮你做好信息挑选：而且，软件支持定制，在你初次进入时，会根据你的需求，进行定制，真正服务于你，遇到喜欢的文章，或者栏目，可以直接订阅：
总之内容超级丰富，超多的专业媒体分类，等你选择，国内外一线媒体，直接查看！而且干货，让你真正纯净享受阅读。
值得一提的是，它的页面做得超赞，采用这页的样式进行阅读，超级清爽：
05 VIA浏览器一个只有514K的，用了就戒不掉的极简手机浏览器！
浏览器外观超级简洁，下载速度却超快，秒下秒开，一点都都不过分！而且你可以深度定义你的浏览器，比如改变背景，调节使用习惯等。
广告，在这个浏览器是上不存在的，你可以利用自带广告拦截功能，去除所有网页广告，以及奇怪的弹窗，太赞了：
最强大的是这款手机浏览器，支持插件安装，自己有个插件库，可以选择想要的插件，比如一键翻译，网页截图，资源嗅探，无限制复制等功能，好用的不行！而且插件不断更新！
总之，相信偶，VIA绝对值得你使用，忘了说，人家是免费的，完全没广告的。
有些软件的可能在应用商店找不到，偶都准备好了安装包，获取方式就在下方：
06 天天一款超小众的清单打卡APP！完全免费，体积只有600K！但真的好用！
软件支持，每日或每周打开，记录下自己的待办，不断地去完成。而且随着你完成任务，你还能获得一些评级（当然只是一些称号）也算是对自己的奖励。
偶超喜欢的一个点在于操作简单，而且具备统计功能，你可以导出Excel包含全部历史数据，进行一些分析，对自己有一个回顾！激励自己变得更好！
功能超简单，但却能帮助大家养成高效率的习惯。绝对是良心之作！
07 微软数学一款微软出品，帮你解决数学难题的APP，高数学习必备！
这个软件很简单，你可以扫描一些问题，比如你做高数，发现一个题目不会，不用担心，直接扫描获取答案，重要的是还有解题思路：
是不是很优秀~几乎所有的题目都可以解答哦！如果扫描不出来，还在支持手写和科学键盘输入哦，超级方便，简直是数学学习的神器！安装包偶页准备好了，获取方式就在下方：08 美剧听单词——英语学习必备一款让你学英语变得容易的APP，一边追美剧，一边学英语！四级在招手！
APP里面有超级多的美剧和电影，高中的时候，英语老师总是会说，看美剧可以很大程度上提升英语水平！这款APP满足你！当你看美剧的时候，遇到不懂的单子，可以直接点击单子，字幕就会不出现翻译，点击五角星，就能记录这个单词！当然，也支持中文字幕哈，作为一个美剧播放器也是OK的！另外，你还可以练习配音哦:软件还会自动帮你生成生词本，不断地练习，让你愉快地学习英语~
09 潮汐一款可以让你安静下来的白噪音工具。免费的功能就足够了。
一直在使用的白噪音软件，还能帮助你放松、睡眠。学习的时候，觉得自己静不下心，可以用它播放大自然的声音，还能隔绝外界杂音。强烈安利它的翻转模式，将手机倒扣在桌面上，就开始计算你的专注时间！如果中途拿起手机，会记录你中断的时间。考研党必备！如果你注意力没办法集中，一定要用这个软件哦~
10 厚墨——电子书阅读神器一款极其强大的图书阅读神器，它的设计极简，纯粹阅读。无广告，无推送。绝对良心！
软件支持三种格式的文件epub，mobi，azw3，可以说比较全面了！整个界面非常干净，让你只剩下阅读。最重要的是，书源也太丰富了，光是自带的书源都几百个！而且都是一键点击就能导入！如果没有你喜欢的，还支持自己导入：
不过，偶至今还没遇到，软件自带的书源中，没有的图书！最近大热的《三十而已》都能轻松检索查看：
当然，一些工具书，比如红楼梦，定位等，全部都有！总之，有了这个纯粹，无广告的阅读软件，你的其他图书APP可以直接卸载了！相信偶，大学多看点书吧~另外，看到这里，可别忘记领取偶准备好的APP安装包呀：以上，就是今天要跟大家分享的APP，希望能对你有用哦~
看到这里的小伙伴，别忘了给偶点个赞，也欢迎你关注偶的头条号@旁门左道APP，获取更多干货
你们认为比较不错的库框架或工具都有什么？
在偶认识的所有程序员里，每个人几乎都有专属于自己的常用工具和相关资源，今天给大家奉上数十个程序员硬核工具，偶相信这里总有一款工具是属于你的！
程序员生产力工具大全如下：1. Idea-Intellij IDEA (java 编程语言 开发的集成环境)
业界排名第一的java开发工具，非常非常好用，如果还在用eclipse的朋友，赶紧来体验一把，你一定会爱上她的。2. SecureCRT (SSH终端仿真程序)
SecureCRT是一款终端仿真程序，支持SSH（SSH1和SSH2）以及Telnet和rlogin协议。SecureCRT用于连接运行包括Windows、UNIX和VMS在内的远程系统的理想工具。3. Termius (全平台的远程终端)
termius是一款全平台的远程终端，Termius不仅涵盖了Windows、Linux、OSX，还变态得支持Android和iOS（以后在地铁、公交上都可以随时拿出手机来排查线上问题啦，还真是广大程序员的福音呢。4. Google Chrome (谷歌浏览器)
Google Chrome是一款由Google公司开发的网页浏览器，该浏览器基于其他开源软件撰写，包括WebKit，目标是提升稳定性、速度和安全性，并创造出简单且有效率的使用者界面。5. iTerm (为Mac OS X编写的终端仿真程序)
iTerm是一个为Mac OS X编写的，功能齐全的终端仿真程序；目标是在为用户提供OS X下最佳的命令行体验；字母i代表了本地苹果的外观和风格的程序界面，并把重点放在完整的国际支持； 它合并由两个项目， CTerminal和TerminalX ，而这两者都是基于JTerminal项目；该软件非常有实用和易用性。6. Visual Studio Code (简称“VS Code”,编写现代Web和云应用的跨平台源代码编辑器）
重新定义和优化了代码编辑,以便生成和调试新式 Web 应用程序和云应用程序。也是著名的文本编辑器，它是轻量级的,vSCode的一大特点就是你可以通过多种方式来调整设置,而且Vim可以和VScode集成在一起，它还带有一个集成终端，可用的扩展太多，使开发人员的工作变得更加轻松。偶最喜欢的一些扩展是AWS Toolkit, ESLint,Live Server, Live Share, Prettier-代码格式化程序，YAML,Live Sass编译器，Docker等。7. VMware Fusion & VMware workstation (为计算机开发的虚拟机管理程序)
是在计算机上无缝运行 Windows 的最佳方式，可确保 Windows 应用程序在计算机上实现无缝运行可以在基于 Intel 的计算机上无缝运行 Windows、Linux 以及其他 PC等多个操作系统，进而构建、测试或演示软件。8. Navicat Premium (数据库管理工具)
Navicat premium是一款数据库管理工具,是一个可多重连线资料库的管理工具，它可以让你以单一程式同时连线到 MySQL、SQLite、Oracle 及 PostgreSQL 资料库，让管理不同类型的资料库更加的方便。9. Postman (api调试工具)
简单来说，四个词，简单、实用、大方、美观！postman这款网页调试工具的windows客户端，功能强大的HTTP调试与模拟插件。使用Postman可以进行API开发、请求、调试,除了它，还可以使用lnsomnia和Insomnia Designer作为API文档。10. RedisDesktopManager (一款可视化 redis管理工具 )
Redis Desktop Manager是一款简单快速、跨平台的Redis桌面管理工具，也被称作Redis可视化工具，Redis Desktop Manager官方版是一款开源软件，支持通过SSH Tunnel连接，支持windows、mac等多平台。11. Dash (基于MAC的 API文档浏览器和代码片段管理器)
“开发者不可或缺的杰作。”Dash 可让您的 Mac 即时离线访问 200 多个 API 文档集。立刻搜索离线文件集200层+的API ，100+备忘单和 href=””>更多 功能。您甚至可以””>生成自己的文档集 或 href=””>请求 包含href=””>文档集 。12. Fiddler & Wireshark (http抓包工具)
Fiddler和Wireshark都是进行抓包的工具:所谓抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作,也用来检查网络安全。作为开发者，经常想调试一下http请求发送的数据的详情，那么可以使用这2款软件。用抓包工具wireshark的人相对来说更多一些。13. HBuilder X (HTML5的Web开发工具)
当前最快的HTML开发工具,强大的代码助手帮你快速完成开发,最全的语法库和浏览器兼容性数据让浏览器碎片化不再头痛。作为HBuilder下一代的全新编辑器，HBuilderX被定位为ide和编辑器的完美结合，除了对某种语言的语法分析、提示、转到定义、调试，同时加强了对通用文本处理能力，界面更加清爽，拥有比上一代更加有效的快捷键体系。14. MobaXterm (远程终端控制软件,集串口,SSH远程登录和FTP传输三合一的工具)
多功能终端MobaXterm Professional Edition 是一款豪华、全功能的终端软件。MobaXterm带来了所有必要的Unix命令到Windows桌面，在开箱单便携式exe文件。MobaXterm允许您启动远程会话。远程shell，MobaXterm远比Putty好用，您可以选择创建SSH，远程登录，Rlogin，RDP，VNC，XDMCP，FTP，SFTP或串行会话。15. Sublime Text (跨平台代码编辑器)
http://www.sublimetext.cn/Sublime Text 是一款用于代码、标记和散文的精致文本编辑器。Sublime Text 中文网致力于为广大国内开发者提供详尽的中文文档、使用说明等,助力开发者快速掌握这个编辑器。16.webstorm (专业的HTML编辑工具)
web开发的必备的一款开发神器，比如写js、页面、css，那么这款软件用起来非常顺手。此软件和idea出自于同一家公司，这家公司做了很多异常好用的软件，基本上你需要的各种开发相关的IDE，这家公司都生产。可以说是“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”。新版对JavaScript，TypeScript和CSS支持更好，改进了Vue.js的体验，并为Jest集成增加了新功能。17.Xshell (功能强大的终端模拟器)
linux原创控制软件，完全免费且非常稳定的 SSH 客户端 ，支持多种远程协议，提供了很多特色与高级功能，简体中文界面也让你轻松管理远程服务器。 Xshell 的 Screen 会话不闪屏，而且可以回滚；Script 的执行顺序可以调整；可以同时发送指令到多个 session；支持布局切换等。18. SwitchHosts (修改Hosts文件的工具)
这是用于在多个HOSTS之间进行切换。可在公用hosts文件 、当前系统hosts、本地方案和在线方案间进行切换。作为一名开发人员，经常需要修改本地host，你还是通过修改host文件来操作的么？那样太慢了，这里建议大家使用switchhosts这款软件，可以快速修改本地host，非常好用。其他工具：
1. CodeIf(智能命名) ： https://unbug.github.io/codelf
大部分开发者都或多或少遇到过变量命名的烦恼，如果命名不规范，不仅会影响开发的效率，而且对后面维护的同学来说也是一个不小的挑战，因为他要去揣摩你这个变量的含义。随着项目越来越复杂，变量和函数数量越来越多，虽然每个编程语言都有各种命名规范，但是也不能解决所有的问题。“计算机科学里两件最难的事：缓存失效和命名。” Codelf通过搜索在线开源平台Github, Bitbucket, Google Code, Codeplex, Sourceforge, Fedora Project的项目源码，帮开发者从中找出已有的匹配关键字的变量名，从而帮助为变量名苦恼的开发者命名。这个搜索服务支持直接搜索中文。同时可以在自己用的编辑器里安装插件，支持 VS Code、Atom、Sublime Text 和 Chrome。2. DocsChina-印记中文 ： https://www.docschina.org
这是一个前端中文文档合集，进入网站可以看到开发中经常使用的前端中文文档。如果你的英文实在不怎么好，还在为找中文文档而烦恼，这里将是你非常好的选择。记得放到自己的浏览器收藏夹里哦！3. any-rule(正则表达大全)： http://github.com/any86/any-rule
any-rule 维护了一个常用正则表达式合集，并且本身是一个支持 Web/VS Code/idea/Alfred Workflow 多平台的正则表达式工具。4. tool.lu(在线工具)： https://tool.lu
程序员总是有很多小工具要使用，比如图片、Base64编码、Markdown编辑器时间戳转换，进制转换等，在线运行各种语言代码。这个网站包含了太多程序员需要用到的小工具了。比如你想运行点JAVA代码，又不想麻烦的在系统中安装JAVA环境，可以使用里边的在线运行代码工具，然后选择JAVA,写点JAVA代码就可以直接运行了。5. Baomitu(前端静态源库)： https://cdn.baomitu.com
这个静态资源库是支持HTTP/2的CDN服务，有了它，如果你是自己的小型项目或者是做测试就不用下载任何的代码库，直接粘贴地址过来用就可以，因为是国内的CDN库，速度还非常的快。6. Typora-Markdown(编写工具)：https://www.typora.io
一款实用的 Markdown 编写工具，所见即所得，用Markdown编写文章是一个程序员的标准配置，也就是标配。现在有很多在线工具都支持Markdown，什么有道云笔记、雀语，、印象笔记等。这种简单的界面，沉浸式的编写，清晰的大纲，它就像一件称手的兵器，让你一旦拥有就爱不释手。7. Snipaste (简单便捷的截图软件)：https://zh.snipaste.com/download.html
一款免费的桌面截图软件，功能强大，使用方便，支持任何屏幕位置截图，支持窗口截图，支持快捷方式截图。您可通过截取贴图，使两张图合并为一张图，还能调整截图文字图像等等，是一款非常强大的贴图软件，喜欢此款贴图软件的朋友不要错过。8. Captura (最好用的开源录屏、gif动态图片制作工具)
官网：https://captura.updatestar.com/github：https://github.com/MathewSachin/Captura通过这款工具可以帮助你轻松录制各种视频。支持全屏录制、区域录制两种方式，全屏录制可以录制全部的电脑屏幕，将电脑屏幕上所有的动态都录制下来,该软件还拥有视频编解码器，可以对视频进行解码，支持mp4、avi、GIF、webm等格式，可以满足一般的解码需要。还支持屏幕截图、剪贴板，简单的图像编辑等功能，是一款非常好用的屏幕录像工具。9. 向日葵 (远程控制软件): https://sunlogin.oray.com/
向日葵远程控制是一款提供远程控制服务的软件。向日葵远程控制支持主流操作系统Windows、Linux、Mac、Android、iOS跨平台协同操作，在任何可连入互联网的地点，都可以轻松访问和控制安装了向日葵远程控制客户端的设备。整个远控过程，可通过浏览器直接进行，无需再安装软件。10. Everything (本地文件检索工具):http://www.voidtools.com/support/everything/
由voidef=””>tools 开发的一款文件搜索工具，这款软件是基于名称实时定位文件和目录。Everthing功能强大，体积小巧，第一次安装使用时会建立一个索引数据库，将所有文件和文件夹的名称导入其中，后续使用能够以极快的速度快速搜索，查找到你所需要的文件。11. StarUML (UML画图工具)
画uml图的一款神器，类图、时序图、流程图、状态图等等，都可以用这款工具轻松应对。12. uTools (生产力工具集):https://u.tools/
一个极简、插件化、跨平台的现代化桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。这个工具，偶只能说他是一款神奇，太牛逼，这款工具中汇集了很多好用的工具，可以通过这款工具秒开电脑上的各种软件。搜索资源网站工具：
1.Bing
Bing 国际版：https://cn.bing.com/感觉比某度要好用多了。2.DuckDuckGo
DuckDuckGo：https://duckduckgo.com/从官网的介绍来看这个搜索引擎不收集用户信息，而且没有广告。3.Stack Overflow
Stack Overflow：https://stackoverflow.com/大家如果常用 Google，很多技术问题的答案就在这个网站上，如果你无法使用 Google 可以在这个网站上直接检索就好了。4.Gitlogs
Gitlogs：https://www.gitlogs.com/Gitlogs 是专门针对 GitHub 项目的搜索引擎，大家通过他可以快速找到想要项目。5.jiumo search
文档搜索引擎 jiumo search 鸠摩搜书：https://www.jiumodiary.com/可以用来找一些技术文档手册，很多在百度网盘里。6.Ebooke
Ebooke：https://ebookee.org/Ebookee 是一个基于互联网并提供免费电子图书下载的搜索引擎网站。7.Iconfinder
图标搜索：https://www.iconfinder.com/用来查找 logo 图片。8.TinEye
TinEye：https://www.tineye.com用图片来检索图片，大家可以上传图片或输入图片的 URL 来检索。9.SemanticScholar
SemanticScholar：https://www.semanticscholar.org/SemanticScholar 是一个免费学术搜索引擎，其检索结果来自于期刊、学术会议资料或者是学术机构的文献。10.LibreStock
LibreStock：https://librestock.com/LibreStock 上可以检索一些优质的高清图片。http://11.CC Search
CC Search：https://ccsearch.creativecommons.org/CC Search 上搜索到的图片资源都是无版权的，大家可以免费的使用。12.Pexels
Pexels：https://www.pexels.com/高质量的图片网站，可以免费使用。13.Unsplash
Unsplash：https://unsplash.com/免费高清素材网站。14.The App Store
The App Store：https://theappstore.org/The App Store 是一个针对苹果手机、iPad、Mac 设备的应用搜索工具。在线画图工具：
• 在线画图工具ProcessOn：https://www.processon.com/• 在线画图工具http://draw.io：https://app.diagrams.net/• 在线思维导图工具：http://www.mindline.cn/webapp• PlantUML在线编辑器：http://haha98k.com/在线开发辅助工具：
日常开发经常会用到一些辅助工具偶总结为8大类，包括：编解码工具、转换工具、正则工具、编译工具、网络工具、格式化工具、可视化工具、在线生成器、以及其他工具等等。具体列表如下:在线编码工具：
BASE64编解码工具：https://base64.supfree.net/• MD5编码工具：https://www.zxgj.cn/g/md5• AES/DES加解密：http://www.fly63.com/tool/cipher/• JWT解码工具：http://jwt.calebb.net/• ASCII编解码工具：https://www.matools.com/code-convert-ascii• Unicode编解码工具：https://www.zxgj.cn/g/unicode• UTF-8编解码工具：https://www.zxgj.cn/g/utf8• 字符串编解码工具：https://www.zxgj.cn/g/enstring• URL编解码工具：http://tool.chinaz.com/tools/urlencode.aspx?jdfwkey=lbixz1在线转换工具：
在线ASCII码对照表：http://www.fly63.com/tool/ascii/• 通用进制转换工具：https://www.zxgj.cn/g/jinzhi• 在线浮点数十进制转换：http://www.binaryconvert.com/• RGB颜色转换：https://www.zxgj.cn/g/yansezhi• 时间戳转换工具：https://www.zxgj.cn/g/unix• 计量单位换算工具：http://www.fly63.com/tool/unitable/• 在线JSON解析：http://www.json.cn/• 在线JS代码格式化工具：https://prettier.io/playground/• SQL压缩/格式化工具：https://www.zxgj.cn/g/sqlformat• JSON和XML在线转换：https://www.zxgj.cn/g/jsonxml• JSON/YAML在线转换：http://www.fly63.com/tool/jsonyaml/• 人民币大小写转换工具：http://www.fly63.com/tool/renmingbi/正则表达式工具：
正则表达式调试工具：https://regexr.com/• 正则表达式可视化工具：https://jex.im/regulex/网络工具：
IP地址归属地查询：https://www.ip138.com/• IP地址查询：https://www.ipip.net/ip.html• HTTP在线接口测试工具：http://www.fly63.com/php/http/在线编译运行工具：
C#在线编译运行：https://rextester.com/• C/C++在线编译调试：https://www.onlinegdb.com/• 在线编译工具套装：https://c.runoob.com/可视化/格式化工具：
在线前端编辑器: https://codepen.io/• 在线数据可视化：https://flourish.studio/• 在线JSON解析：http://www.json.cn/• 在线CSS代码可视化工具：https://enjoycss.com/• XML格式化工具：https://www.zxgj.cn/g/xmlformat• 在线JS代码格式化工具：https://prettier.io/playground/• SQL压缩/格式化工具：https://www.zxgj.cn/g/sqlformat• JSON和XML在线转换：https://www.zxgj.cn/g/jsonxml• JSON/YAML在线转换：http://www.fly63.com/tool/jsonyaml/在线生成器：
UUID在线生成器：https://www.zxgj.cn/g/uuid• 随机数生成器：https://www.zxgj.cn/g/suijishu其他常用工具：
在线Nginx配置工具：https://nginxconfig.io/• 在线对比工具：http://www.fly63.com/tool/textdiff/• 在线Chrome浏览器插件：https://www.crx4chrome.com/• 在线接口文档管理工具：http://www.docway.net/在线素材工具：
如果你写文章，或者做视频，那就一定少不了要找素材，包括各种图片、背景、emoji表情、表情包、壁纸、视频、gif图等等。• 免费透明背景图片素材：http://pngimg.com/• Emoji表情搜索：https://emoji.svend.cc/• Emoji表情包下载：https://emojiisland.com/• open source icons：https://feathericons.com/• 表情包在线网站：https://fabiaoqing.com/• 免费PNG图片库：https://pluspng.com/• ICON图标在线下载：https://www.iconfinder.com/• 极简壁纸：https://bz.zzzmh.cn/• Wallpaper Abyss壁纸：https://wall.alphacoders.com• Pixabay图片素材库：https://pixabay.com/zh/• Unsplash图片素材库：https://unsplash.com• Pexels图片素材库：http://www.pexels.com• NASA图片视频素材库：https://images.nasa.gov设计制作类工具：
对于那些文章创作者和视频创作者而言，设计封面，做海报，设计LOGO，图片美化等等基本也是刚需。这样大概率日常会用到一些简易好上手的在线设计制作类工具，比如在线P图、音/视频轻量化剪辑、logo制作、海报设计制作、图片美化、在线图片转换或生成等等。• 在线PS：https://www.uupoop.com/• 在线音频剪辑：https://www.weixinsyt.com/• 在线视频剪辑：https://www.kapwing.com/• 免费logo在线制作：http://www.uugai.com/• 艺术字体在线生成：https://www.qt86.com/• 在线表格转换工具: https://tableconvert.com/• 在线海报设计工具: https://www.designcap.com/• 图片智能放大工具：https://bigjpg.com/• 二维码美化器：https://mh.cli.im/• 在线代码截图工具：https://carbon.now.sh/• 在线抠图工具：https://www.remove.bg/zh• ICO图标在线生成：http://www.fly63.com/php/ico/• SVG转PNG工具：http://www.fly63.com/tool/svg2img/• 视频转GIF工具：http://www.fly63.com/tool/giftxt/• 二维码在线生成器：http://www.fly63.com/tool/ewm/• 二维码在线解码：http://www.fly63.com/php/decoder/写辅助工具：
写文章的过程中经常会用到和写作相关的辅助工具，比方说：字数统计工具、Markdown格式的文章排版工具、图床网站、代码截图工具等等，所以下面这些在线工具就能很好地满足偶的需求。• 在线字数统计：https://www.eteste.com/• mdnice markdown排版工具：https://mdnice.com/• md2all markdown排版工具：http://md.aclickall.com/• 在线图床神器：https://picx.xpoet.cn/• 在线免费图床：https://sm.ms/• 图壳图床：https://imgkr.com/• 在线代码截图工具：https://carbon.now.sh/• 在线短链接工具：https://urlify.cn/• 在线文本替换：http://www.fly63.com/tool/textreplace/在线办公工具：
部分在线工具主要用来处理一些和文档以及文稿相关的事情，经常用到的比如：在线的全套pdf处理和转换工具、各种各样多媒体文件间的相互转换工具、在线识别工具、在线压缩工具等等。• pdf在线处理工具1：https://smallpdf.com/cn/pdf-tools• pdf在线处理工具2：https://tools.pdf24.org/zh/• pdf转word在线工具：https://www.pdftoword.com/• 在线多媒体转换器合集：https://cn.office-converter.com/• 在线文字识别工具：https://ocr.wdku.net/• 在线文件压缩工具：https://docsmall.com/文档笔记工具：
好记性不如烂笔头，作为一个学习者，偶觉得记笔记是必不可少的步骤。当然现在基本都做电子笔记和电子文档比较多。现如今各式各样优秀的文档工具和笔记软件鳞次栉比，好用的也有很多，整理成如下列表，这东西各有长处，使用哪个最合意还得看个人习惯和需求了。• 印象笔记：https://www.yinxiang.com/• 有道笔记：https://note.youdao.com/• OneNote：https://www.onenote.com/• 幕布：https://mubu.com/• 为知笔记：https://www.wiz.cn/• 石墨文档：https://shimo.im/• Simplenote：https://simplenote.com/• 语雀：https://www.yuque.com/编程学习网：
• 哔哩哔哩：https://www.bilibili.com/• C语言网：https://www.dotcpp.com/• cppreference：http://zh.cppreference.com/• 中国大学MOOC：https://www.icourse163.org/• 牛客网：http://www.nowcoder.com• 网易公开课：http://open.163.com• CodeGym：https://codegym.cc/• BeginnersBook：https://beginnersbook.com/• JavaSED：http://www.javased.com/• codecademy：https://www.codecademy.com/• Coursera：https://www.coursera.org/• StackOverFlow：https://stackoverflow.com/• LeetCode：https://leetcode-cn.com/• LintCode：https://www.lintcode.com/在线教程文档：
这部分主要集中了在做开发过程中随手参考所要用到的几乎所有在线教程和官方文档，有中文版文档的基本都优先列出来了，但更多时候是英文的官方文档。• Git中文教程：https://git-scm.com/book/zh/v2• SVN中文手册：http://svnbook.red-bean.com/nightly/zh/index.html• jQuery API中文文档：https://jquery.cuishifeng.cn/• Nginx中文文档：https://www.nginx.cn/doc/index.html• Kafka中文文档：https://kafka.apachecn.org/• Mybatis中文文档：https://mybatis.org/mybatis-3/zh/index.html• 微信小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/framework/• Nodejs中文教程文档：http://nodejs.cn/learn• Apache Web Server文档：http://httpd.apache.org/docs/• Spring文档中文版：https://www.springcloud.cc/spring-reference.html• Golang标准库文档中文版：https://studygolang.com/pkgdoc• Java 8官方文档：https://docs.oracle.com/javase/8/docs/api/index.html• Maven官方文档：http://maven.apache.org/guides/• Tomcat 8官方文档：http://tomcat.apache.org/tomcat-8.0-doc/index.html• Spring Boot官方文档：https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/• RabbitMQ官方文档：https://www.rabbitmq.com/documentation.html• RocketMQ官方文档：http://rocketmq.apache.org/docs/quick-start/• Dubbo中文文档：https://dubbo.apache.org/zh/docs/• Netty官方文档：https://netty.io/wiki/index.html• Elasticsearch官方文档：https://www.elastic.co/guide/en/elasticsearch/reference/current/index.html• Spring Cloud官方文档：https://spring.io/projects/spring-cloud• Docker官方文档：https://docs.docker.com/get-started/• kubernetes中文文档：https://kubernetes.io/zh/docs/home/• thymeleaf官方文档：https://www.thymeleaf.org/documentation.html• Vue.js中文文档：https://cn.vuejs.org/v2/guide/• React.js官方文档：https://reactjs.org/docs/getting-started.html• Jenkins中文文档：https://www.jenkins.io/zh/doc/华为云平台：
高效易用的低代码aPaaS平台-应用魔方AppCube：https://www.huaweicloud.com/product/appcube.html集华为研发实践、前沿研发理念、先进研发工具为一体的软件开发平台-软件开发平台 DevCloud：https://www.huaweicloud.com/devcloud/以上内容分享自华为云社区《吐血整理：程序员都在用什么工具？》，作者： 考过IE励志当攻城狮 ，部分内容整理自互联网~