php怎么使用a标签，为什么有些前端一直用div当按钮？
主要是原生的button长得不好看，而且不同的浏览器显示和行为还不一样，比如某个版本的IE会提交button之间的文本，在加上移动端的显示和诡异行为，更让人受不了。曾经“流行”过一段时间，整个网站只用div标签的夸张说法。
就我个人习惯而言，我倒不是用div模拟按钮，而是用a标签的多，源自于很早之前写过一个框架，内部将a标签作为特殊标签进行点击事件捕获。有一种情况会例外，还是用button，那就是需要回车提交表单的情况，一般还是用form+button[type="submit"]，当然有时候会将button隐藏。表单中使用时，也是建议使用input代替button，而不是直接使用button。
只是CSS3之后，改写原生标签样式也变得容易，如图所示：
再加上现在主流的UI组件库，都会提供Button这一基础组件，已经没多少人关心他底层是通过什么标签模拟的了。
神级程序员都在用什么工具？
摘要：在我认识的所有程序员里，每个人几乎都有专属于自己的常用工具和相关资源，今天给大家奉上数十个程序员硬核工具，我相信这里总有一款工具是属于你的！
程序员生产力工具大全如下：
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励志当攻城狮 ，部分内容整理自互联网~
php音频文件怎么放？
音频文件都是上传到服务器上的，通过php从数据库中获取地址，在html中通过video标签播放，或者有其他播放器输入对应的地址就行
Mac有哪些必装的软件？
1、个人认为mac平台最好用的录屏软件是【Apowersoft在线录屏】不仅mac支持，windows也是支持的，不用安装客户端的，第一次使用的时候安装一个启动器就可以开始录屏了，可以根据需求勾选需要的音频输入，玩游戏录视频就可以勾选“系统声音和麦克风”即可，简单实用。
录制屏幕时还可以自行调整画面大小。
2、Chrome浏览器
个人感觉除了Safari就它最好用了，速度真的比一般的浏览器要快的多。
Chrome谷歌浏览器mac版是由Google专门为MAC用户开发的一款网页流量工具。Google Chrome的特点是简洁,快速。Google Chrome支持多标签浏览,每个标签页面都在独立的“沙箱”内运行,在提高安全性的同时,一个标签页面的崩溃也不会导致其他标签页面被关闭。此外,Google Chrome基于更强大的JavaScript V8引擎,这是当前Web浏览器所无法实现的。3、handbrake for mac格式转换器
handbrake是一款小巧到极致的实用视频转换软件，支持Win/Mac/Lin操作系统，批量转换视频格式，并自带压缩功能。可以将DVD转换为MPEG-4 or H.264,将AC-3, LPCM or MPEG音频文件转换为AAC, MP3, Vorbis or AC-3.
4、RAR Extractor Free压缩软件
这是一款MAC上免费的压缩软件,你可以将其用之于解压和压缩文件,软件小巧而又功能强大.能够支持Rar,Zip,Tar,7-zip,Gzip,Bzip2 等文件格式。
5、Parallels Desktop 12虚拟机软件
Parallels Desktop它可以帮助你安装使用Windows或者其他系统，让你无需单独去安装系统，管理非常方便。打开它就像打开Mac的一个原生应用一样，让你感觉不到在使用两个系统，独有的融合模式，还可以将Windows里面的程序单独提取出来使用。自适应屏幕，可以随意调整屏幕大小。6、Movist视频播放软件
目前感觉是mac下最好用的视频播放软件了，兼容性很强，很多格式的视频都可以看，支持avi、mkv、wmv、flv、rmvb等多种格式。
7、Office 2016 for mac办公软件
这个不必多说了，完美兼容mac端的office文件，最全能的office办公软件谁用谁知道！
8、PDF Expert
因为工作原因一直使用这款pdf软件，不仅可以阅读pdf文件还可以编辑修改文件，它还附带文件管理功能，查看 PDF 文档时可以选择字体大小、图像大小以及跳转到指定的页面等，通过 Wi-Fi 与 PC 连接后还能互传文档。手机端也能实现数据同步。
9、Affinity Photo图像处理软件
绝对称得上是堪比photoshop的一个软件,支持视网膜和多显示器设置窗口以及iCloud驱动器,功能强大。
10、Day One日记应用
Day One以简洁优雅的日志记录而闻名。它能够记录每日生活，无论是一生难忘之重大场合，还是日常琐事，Day One的优雅界面都能令记录生活日志成为一件简单乐事。
以上就是我推荐的10大mac平台上比较好用的软件，希望能给你带来便利。
CSS和HTML是什么？
CSS称之为样式表，HTML为标记语言。是前端web开发必须掌握的知识之二，再就是JavaScript是前端Web开发也必须掌握的编程语言。
我先用一个网站【千图网】的源码分析来了解CSS、HTML、JavaScript各自的作用上图是千图网首页的布局,我先通过Google Chrome来调试看看这个网站的首页（点击鼠标右键选择查看就可以看到如下图所示）
左边显示的是HTML的主要内容，右边显示的是CSS的内容
CSS是什么呢？其作用又是什么？打开昵图网首页，我们可以看到整体布局非常美观。那如果没有CSS会怎么样呢？我们可以查看这个首页的的源码，可以看到是有引用css样式表文件。
我现在将css引用给删掉
我们再来看下首页的效果
通过以上操作，你应该就能明白css的作用是什么了吧?
css的主要作用就是用于网页的排版布局和美化，能够让我们开发出来的网页更好看
HTML是什么？其作用是什么？一个网页是有很多个部件组成的,有文字显示、有输入栏、有列表、有图片、有视频、有跳转到新的页面的链接。我还是用上面网站的首页结合检查功能来说明。
上图中红色框标出来了，各种类型的部件。
上图中左侧显示了部分的Html的内容。更多的html的内容，可以到
https://www.w3school.com.cn/index.html
进行了解。非常详细HTML标记语言的作用就是告诉浏览器，在加载的时候显示的是什么控件，再结合css就能够显示出非常漂亮美观的静态页面了。那如果要做一些动态的页面和数据交互，就需要用到JavaScript，你在这里没有提到这个问题，我就不做具体的说明了。可以自行查阅相关文档及说明！
为什么看了视频还是看不懂？要如何学习？对于初学者来说，其实我是不在建议直接看视频来学习。个人的的建议是前期购买专业的web前端开发书或者通过我上面讲到的w3school网站进行学习，将相关的基础识知点完全掌握，并跟着书上或者网站上的代码进行实际的敲打一篇或者多篇。一直到脑子里有印象和概念，看到一个网页，能够知道这个网页的布局是什么样子的，用到了哪些部件，这个部件对应的html标签是什么？可能用到了什么样的css样式？
只有做了这一步后，你再看视频教程。更多的是建议看一些项目实战的视频，采取第一次将视频看完,然后实际编写一次。如果遇到有不记得的地方，回看视频的，对照视频进行编写巩固。通过这样子的方式 不断的加深记忆以及理解html和css的作用。
多敲代码、多敲代码、多敲代码。编译运行查看实际效果，反复的这个过程中，我相信你现在提到的这个问题，最终就不是问题了。
如你自己本身自学能力不足，还有一个建议就是去专门的IT教育机构进行系统的专业的学习。如果你选择IT教育机构培训，一定要注意的就是机构的选择，这里面也有比较多的坑。
我不是专门的web前端开发，但由于平时的工作原因，有时也需要自己写了些web页面。可以关注我私信沟通交流！