2024年JS制作导航栏网站 篇1
一个网站最重要的就是导航栏，从导航栏中我们可以了解到这个网站主要是做些什么，导航栏一般分布在网站顶部位置，是搜索引擎抓取的首选，并给予高的权值，因此做好导航栏优化就可以把流量权值传递给目录页。从访客体验上来讲，它可以引导用户更方便快捷地到达相关频道和栏目。在设计导航上要再三推敲，认真考虑。
导航最好使用用文字作为链接
网站导航锚文本是搜索引擎向站内目录传递权值的入口，同时也是内页向栏目页面或主页传递流量的入口。在设计上最好使用文字，虽然图片导航可以使用alt来引导搜索引擎识别，但是文字绝对是最优先考虑的，并且导航栏文字尽量是栏目标题中的关键词。
网站导航避免使用JS特效
有时候一些外行的客户为了追求所谓的酷炫效果，要求网络公司在网站建设时采用JS来实现。从事SEO的人员应该知道，JS是搜索引擎无法爬取的，因此，导航使用JS，无疑是告诉搜索 引擎，这块不是应该抓取索引的内容了。所以，千万不要使用JS来实现网站的导航。如果想给导航栏增加一些特效的话，建议采用CSS来实现，目前CSS已经可以实现下拉菜单功能以及比较绚丽的特效。
使用图片做导航如果优化
如果必须使用图片作为网站的导航链接，就要对图片进行SEO优化，以图片链接指向页面的主要关键词作为ALT内容，另外在图片的周围布置文字链接作为辅助。青锋工作室建议大家最好使用文字，图片也是不得已而为之。
进行关键词布局策略
导航系统的权重是仅次于首页的，所以在这个位置合理的进行关键词布局是非常有必要的。也就是说在导航的设计当中尽量的使用符合用户搜索的目标关键词，但是也不要进行关键词堆砌操作，以免被搜索引擎认为是过度优化。
合理使用次导航来优化关键词
我们知道使用主导航为了美化，往往字数比较统一，一般字数为固定的4个较为常见，而这样的文字有时并不能反应这个栏目真实的关键词，因此最好在页面询问增加次导航来向栏目关键词传递权值，来提高关键词的排名和权重。
2024年JS制作导航栏网站 篇2
一、首先要掌握一些HTML的应用
html是一种语言，最初网站的编写全是利用html代码编写出来的， 当年的那些老鸟们一般是用“记事本”或“写字板”直接利用HTML写网页的！ 后来出现了一些所见即所得的工具才使网页设计的工作大大简单化，使我们这些菜鸟即使不懂html也能设计出很美观的网站。现在“傻瓜式”制作网页的软件越 来越多，特别是模板技术的出现更加使网站设计容易操作了，套用现成“模版”就可以制作出很不错的页面来。
HTML对于大部分网迷朋友们来说， 没有必要精通，但是，对于一个网站设计者来说，如果对HTML一点都不了解的话，在网站设计时有某些细节方面问题就非常难以处理了。举个最简单的例子来 说，如果你见到别人的网站上面有一个网页效果很好看，你想把这个效果放到自己的网站上，可你对html一点儿也不懂，这样一来就无法将这个效果移到你的网 站上 ！
其实html的学习是很简单的，尽管说有些html的书厚的吓人，但那也只是手册式的工具书。我们学习html应该象学习dos命令一样，只把最基本的、最常用的那二十多个标签的语法和参数搞懂并且背下来就行了。其它少用的那些标签我感觉就不必去特意学。
顺便说一句，了解HTML最为有效的方法就是阅读和分析自己崇拜喜欢的网页的源代码，有什么不懂的问题请E-MAIL网站的主人虚心请教——这些老前辈都是非常热心的。“听君一席话，胜读十年书”，对于自己的技术提高非常显著哦：-）
二、熟练掌握Dreamweaver 4软件
当你掌握了最基本的html使用方法后，就你应该选一个优秀的网站设计工具了，因为我们平时设计网站还是要用这种工具软件进行设计，如果全靠html编 写那可就老麻烦了。目前这种所见即所得的工具很多，比较出名的有微软的front page(网友简单它为FP,以后大家在看到论坛有人说FP，指的就是这个软件)、Macromedia公司的Dreamweaver 4(网友简单它为dw)、还有IBM公司出的一套设计软件也不错。
这么些种软件我们没有必要全都掌握，我们只要掌握其中的一种即可。在这几种 软件中我吐血推荐Macromedia公司开发的Dreamweaver 4网站制作软件！目前老鸟新鸟都用这个软件，它使用简单、功能强大。但如果目前你以经使用fp,并感觉fq用的很好，那就没必要换用dw。我们使用工具的 目的就是设计网站，只要能利用工具把自己的目的达到即可，至于说用什么样的软件是无所谓的。就好像一个人天天下班骑车回
家，那他就没必要一定得学会怎么样开车回家、怎么样骑马回家，怎么样开飞机回家。
三、具有对网站的整体布局、风格和页面创意设计能力
网络世界的精髓就是个性化，一个网站的布局和设计至少要占全部工作量的百分之六十左右！我们已经看够了许多没有特性的网页，建议大家在考虑建站的当初尽 量选择自己最喜欢最拿手的东东——做自己最开心的东西工作也是一种快乐！那么这种能力怎么样培养呢？我觉得最好的方法就是要多看优秀的网站，并且常问自己 为什么会感觉这个网站好看？它研究好在哪里？久而久之，什么样的网站是一个设计优秀
的网你心里就有数了。
四、对图片、声音、动画处理技术要掌握
目前来看现在网上纯文本的网页非常少了，如果一个成功的网站一张图片也没有那是不可能的。但图片的使用也要适当，过多的图片即影响速度又使页面失去了主题。适当的使用图片有“画龙点睛”的作用。
图片怎么学呢？要学到什么程度呢？我在这里还是推荐Macromedia的产品，这个公司针对网站设计一共推出了三个产品，前面我介绍了一个 Dreamweaver 4是用来设制作网站的。它们公司还有Fireworks 4和Flash 5这两个软件。Fireworks 4这个软件就是用来进行网站图片处理的，我个人觉得学他要比学photoshop好。
Flash 5这个软件是用来做动画的，网上所说的闪客指的就是做flsh动画的高手。这两种软件的最基本的使用方法大家应该掌握，至少，网站设计所应该学会的最主要 的软件就是这些了。至于说那些制作logo、banner、javascrpt小效果等一类的专门软件就很好学了，基本装上后看看就能使用了。
五、网站的管理及后台程序的调试要有一定的了解
所谓的网站管理包括资料的收集整理、写作和制作、及时更新网页和提供高质量的服务等方面。现在的网页一个星期进行一次更新已经无法满足大部分网迷朋友的 要求。所以，还是首先考虑自己的经济基础、精力和时间能不能跟得上。使用网页源代码“更新”的朋友们请注意：这是一种非常不明智的做法，对得起拜访你的主 页的朋友们吗？！
但是对于个人网站来说站长光杆司令精力有限，那该怎么样来解决这个问题呢？解决的办法是有的，那就是让自己的网站具有交互 性，可以让众多和你有相同爱好的网友帮助你共同管理网站。你可以建立文章发布系统来让网友帮助你更新、添加文章。类似这样功能的其它免费系统有很多的，我 们下载后可以进行修改，让其具有自己的特色，然后上传到自己的空间，我感觉这样的系统和专业的相差并不是很多。我个人觉得并没有必要天天去抠asp、 php编程。我们并不都想当程序员，网上免费的东东已经做的很不错了，拿过来会修改会安装就可以了。但这是我个人看法说的不一定对。
2024年JS制作导航栏网站 篇3
在我认识的所有程序员里，每个人几乎都有专属于自己的常用工具和相关资源，今天给大家奉上数十个程序员硬核工具，我相信这里总有一款工具是属于你的！
程序员生产力工具大全如下：
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励志当攻城狮 ，部分内容整理自互联网~