在上述定义中,p标签将引用CSS文件中的title样式应用到整个p覆盖的范围。p将显示为一个上下左右margin各为10px,上下padding为2px,左右padding为5px的矩形。 请注意类别选择器CSS定义和标记选择器的区别:在CSS文件中,标记选择器前边没有"."号,下面大家还会讲到ID选择器,它的定义也不一样,每个ID选择器样式前有一个"#"号,以确定其为ID选择器,而在HTML中则用ID="style"引用。值得注意的是,一个标签可以同时应用多个class选择器,如,具体大家可以在下边思考并做下实验,笔者在这就不举例了。3.ID选择器(1)ID选择器用法和class基本没有区别,他们的不同之处就在于ID选择器只能在HTML页中使用一次,而class则可以任意多次调用,在CSS文件中,ID 选择器一般写成 #idname { bgcolor:#339; font-size:16px;}如果一个ID应用于多个HTML标记,则有可能造成IE编译错误,并且由于ID选择器可以被JAVASCRIPT等调用,所以多个ID会导致JAVA编译错误并崩溃! (2)HTML的引用 在HTML中引用ID选择器的代码如下所示: 并且ID选择器不能像类别选择器那样同时被一个标签调用。这也是完全错误的语法。 复合选择器就是基本选择器通过不同的链接方式构成的。 复合选择器就是两个或多个基本选择器,通过不同方式链接而成的选择器。
为什么程序员都喜欢用Chrome浏览器?
现在使用Chrome的人应该是越来越多了,已经不是只有程序员喜欢Chrome了,就算是国内的很多浏览器(诸如:360浏览器、腾讯浏览器等等)也都首推Chrome内核了。
而程序员对Chrome情有独钟,主要还是因为其强大的功能。
对于程序员,特别是前端程序员来说,要做一个网页出来,需要考虑到用户交互、呈现效果等等。既然互联网联通了全世界,那么这个网页自然也就需要有一套完善的标准,不然网站的开发者和浏览器的开发者怎么能够相互知道必须需要怎么实现呢?
在Chrome问世之前,程序员最喜欢的是Firefox,因为他很好的贯彻了W3C的标准,也就是说,偶只要按照这个标准设计网页,那么在Firefox打开就一定是偶想要的效果。而最不喜欢的就是IE,从IE6开始,IE的每一代浏览器都喜欢自己DIY一点东西,也就是说,IE7并不是完全兼容IE6,IE8也并不是完全兼容IE6和IE7。对于程序员来说,就必须写大量的代码来兼容这些浏览器的差异,大大的增加了程序员的工作量。而且兼容性的问题是最难发现和调试的,所以真的是苦不堪言。
Firefox出现以后,就被程序员视为至宝啊,但是,Firefox在国内并没有很受欢迎,由于Windows操作系统的策略,IE是被绑定销售的,所以IE依旧是用户的首选。
而Chrome问世以后,很快就超越了Firefox,主要是由于Chrome的插件确实非常的人性化,Firefox的很多插件需要自己去安装,并且体验上稍差一些,但是Chrome却自带了很多开发者工具,只要通过F12键就能够直接使用,非常方便。
再加上Chrome的内存消耗要小于Firefox,自然就让很多程序员移情别恋了。
而这个时候,国内的浏览器厂商们也看中的Chrome内核的优势,国产浏览器都开始慢慢推广Chrome内核,IE也慢慢的被放到了备胎的位置。这让程序员们更是兴奋啊,要知道,兼容IE是一件多么痛苦的事情,Chrome就是救世主的存在,自然就更加喜欢了。
然后说一下Chrome的F12中,偶最常用的功能吧。
首先是Network
很多时候,大家在对网页的性能进行验证的时候,就需要打开Network,看看某些请求的响应时间,通过这个来判断哪些接口的资源占用高,需要进行优化。
同时,有些时候,大家对于请求的顺序也是有一定的要求,可以从这里直观的看到这些问题。
Sources应该算是前端利器了
在这里可以直接对前端js进行debug,找到js中的问题。很多时候,大家在测试环境不一定能够验证出所有的问题,到了生产环境的时候还能够debug去找问题,简直就是神器。
Console虽然不常用,但是偶尔也会使用
例如,有些时候大家的代码不方便debug,那么就可以打执行的过程打印出来,在Console中就能够看到这些信息,判断有没有问题,哪里有问题。同时,这里还可以执行一些命令,帮助大家定位问题。
Elements也是一个常用的功能
在进行页面样式调整的时候,大家通常可以在这里进行一些修改,并且可以实时的看到效果。同时,大家也可以发现css的一些层级关系,当css的样式出现冲突的时候,谁的优先级最高,最终谁被应用了,都可以在这里看到。
最后,推荐一个插件Resources Saver
这并不是Chrome自带的一个插件,但是可以在Chrome的插件库中找到。这个插件可以把你现在浏览的这个网页的资源全部保存下来,感觉好像并没有什么用处。但是,当页面上有一些flash插件或者其他多媒体插件时,一些你想要的图片并不是通过图片的方式进行展示的,你想要保存,但是右键又不起作用。然后图片的地址又是通过js进行加载的,甚至有身份授权,你根本无法打开时。呵呵,你懂了吧。
如何开发一个windows软件?
摘要:在偶认识的所有程序员里,每个人几乎都有专属于自己的常用工具和相关资源,今天给大家奉上数十个程序员硬核工具,偶相信这里总有一款工具是属于你的!
程序员生产力工具大全如下:
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 (跨平台代码编辑器)
/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-印记中文 :
这是一个前端中文文档合集,进入网站可以看到开发中经常使用的前端中文文档。如果你的英文实在不怎么好,还在为找中文文档而烦恼,这里将是你非常好的选择。记得放到自己的浏览器收藏夹里哦!
3. any-rule(正则表达大全): /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(前端静态源库):
这个静态资源库是支持HTTP/2的CDN服务,有了它,如果你是自己的小型项目或者是做测试就不用下载任何的代码库,直接粘贴地址过来用就可以,因为是国内的CDN库,速度还非常的快。
6. Typora-Markdown(编写工具):https://www.typora.io
一款实用的 Markdown 编写工具,所见即所得,用Markdown编写文章是一个程序员的标准配置,也就是标配。现在有很多在线工具都支持Markdown,什么有道云笔记、雀语,、印象笔记等。这种简单的界面,沉浸式的编写,清晰的大纲,它就像一件称手的兵器,让你一旦拥有就爱不释手。
7. Snipaste (简单便捷的截图软件):/download.html
一款免费的桌面截图软件,功能强大,使用方便,支持任何屏幕位置截图,支持窗口截图,支持快捷方式截图。您可通过截取贴图,使两张图合并为一张图,还能调整截图文字图像等等,是一款非常强大的贴图软件,喜欢此款贴图软件的朋友不要错过。
8. Captura (最好用的开源录屏、gif动态图片制作工具)
官网:/github:/MathewSachin/Captura通过这款工具可以帮助你轻松录制各种视频。支持全屏录制、区域录制两种方式,全屏录制可以录制全部的电脑屏幕,将电脑屏幕上所有的动态都录制下来,该软件还拥有视频编解码器,可以对视频进行解码,支持mp4、avi、GIF、webm等格式,可以满足一般的解码需要。还支持屏幕截图、剪贴板,简单的图像编辑等功能,是一款非常好用的屏幕录像工具。
9. 向日葵 (远程控制软件): /
向日葵远程控制是一款提供远程控制服务的软件。向日葵远程控制支持主流操作系统Windows、Linux、Mac、Android、iOS跨平台协同操作,在任何可连入互联网的地点,都可以轻松访问和控制安装了向日葵远程控制客户端的设备。整个远控过程,可通过浏览器直接进行,无需再安装软件。
10. Everything (本地文件检索工具):/support/everything/
由voidef=””>tools 开发的一款文件搜索工具,这款软件是基于名称实时定位文件和目录。Everthing功能强大,体积小巧,第一次安装使用时会建立一个索引数据库,将所有文件和文件夹的名称导入其中,后续使用能够以极快的速度快速搜索,查找到你所需要的文件。
11. StarUML (UML画图工具)
画uml图的一款神器,类图、时序图、流程图、状态图等等,都可以用这款工具轻松应对。
12. uTools (生产力工具集):https://u.tools/
一个极简、插件化、跨平台的现代化桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。这个工具,偶只能说他是一款神奇,太牛逼,这款工具中汇集了很多好用的工具,可以通过这款工具秒开电脑上的各种软件。
搜索资源网站工具:
1.Bing
Bing 国际版:/感觉比某度要好用多了。
2.DuckDuckGo
DuckDuckGo:/从官网的介绍来看这个搜索引擎不收集用户信息,而且没有广告。
3.Stack Overflow
Stack Overflow:/大家如果常用 Google,很多技术问题的答案就在这个网站上,如果你无法使用 Google 可以在这个网站上直接检索就好了。
4.Gitlogs
Gitlogs:/Gitlogs 是专门针对 GitHub 项目的搜索引擎,大家通过他可以快速找到想要项目。
5.jiumo search
文档搜索引擎 jiumo search 鸠摩搜书:/可以用来找一些技术文档手册,很多在百度网盘里。
6.Ebooke
Ebooke:/Ebookee 是一个基于互联网并提供免费电子图书下载的搜索引擎网站。
7.Iconfinder
图标搜索:/用来查找 logo 图片。
8.TinEye
TinEye:用图片来检索图片,大家可以上传图片或输入图片的 URL 来检索。
9.SemanticScholar
SemanticScholar:/SemanticScholar 是一个免费学术搜索引擎,其检索结果来自于期刊、学术会议资料或者是学术机构的文献。
10.LibreStock
LibreStock:/LibreStock 上可以检索一些优质的高清图片。
Search
CC Search:/CC Search 上搜索到的图片资源都是无版权的,大家可以免费的使用。
12.Pexels
Pexels:/高质量的图片网站,可以免费使用。
13.Unsplash
Unsplash:/免费高清素材网站。
14.The App Store
The App Store:/The App Store 是一个针对苹果手机、iPad、Mac 设备的应用搜索工具。
在线画图工具:
• 在线画图工具ProcessOn:/• 在线画图工具http://draw.io:/• 在线思维导图工具:/webapp• PlantUML在线编辑器:/
在线开发辅助工具:
日常开发经常会用到一些辅助工具偶总结为8大类,包括:编解码工具、转换工具、正则工具、编译工具、网络工具、格式化工具、可视化工具、在线生成器、以及其他工具等等。具体列表如下:
在线编码工具:
BASE64编解码工具:/• MD5编码工具:/g/md5• AES/DES加解密:/tool/cipher/• JWT解码工具:/• ASCII编解码工具:/code-convert-ascii• Unicode编解码工具:/g/unicode• UTF-8编解码工具:/g/utf8• 字符串编解码工具:/g/enstring• URL编解码工具:/tools/urlencode.aspx?jdfwkey=lbixz1
在线转换工具:
在线ASCII码对照表:/tool/ascii/• 通用进制转换工具:/g/jinzhi• 在线浮点数十进制转换:/• RGB颜色转换:/g/yansezhi• 时间戳转换工具:/g/unix• 计量单位换算工具:/tool/unitable/• 在线JSON解析:/• 在线JS代码格式化工具:https://prettier.io/playground/• SQL压缩/格式化工具:/g/sqlformat• JSON和XML在线转换:/g/jsonxml• JSON/YAML在线转换:/tool/jsonyaml/• 人民币大小写转换工具:/tool/renmingbi/
正则表达式工具:
正则表达式调试工具:/• 正则表达式可视化工具:https://jex.im/regulex/
网络工具:
IP地址归属地查询:/• IP地址查询:/ip.html• HTTP在线接口测试工具:/php/http/
在线编译运行工具:
C#在线编译运行:/• C/C++在线编译调试:/• 在线编译工具套装:/
可视化/格式化工具:
在线前端编辑器: https://codepen.io/• 在线数据可视化:https://flourish.studio/• 在线JSON解析:/• 在线CSS代码可视化工具:/• XML格式化工具:/g/xmlformat• 在线JS代码格式化工具:https://prettier.io/playground/• SQL压缩/格式化工具:/g/sqlformat• JSON和XML在线转换:/g/jsonxml• JSON/YAML在线转换:/tool/jsonyaml/
在线生成器:
UUID在线生成器:/g/uuid• 随机数生成器:/g/suijishu
其他常用工具:
在线Nginx配置工具:https://nginxconfig.io/• 在线对比工具:/tool/textdiff/• 在线Chrome浏览器插件:/• 在线接口文档管理工具:/
在线素材工具:
如果你写文章,或者做视频,那就一定少不了要找素材,包括各种图片、背景、emoji表情、表情包、壁纸、视频、gif图等等。• 免费透明背景图片素材:/• Emoji表情搜索:/• Emoji表情包下载:/• open source icons:/• 表情包在线网站:/• 免费PNG图片库:/• ICON图标在线下载:/• 极简壁纸:/• Wallpaper Abyss壁纸:• Pixabay图片素材库:/zh/• Unsplash图片素材库:• Pexels图片素材库:• NASA图片视频素材库:https://images.nasa.gov
设计制作类工具:
对于那些文章创作者和视频创作者而言,设计封面,做海报,设计LOGO,图片美化等等基本也是刚需。这样大概率日常会用到一些简易好上手的在线设计制作类工具,比如在线P图、音/视频轻量化剪辑、logo制作、海报设计制作、图片美化、在线图片转换或生成等等。• 在线PS:/• 在线音频剪辑:/• 在线视频剪辑:/• 免费logo在线制作:/• 艺术字体在线生成:/• 在线表格转换工具: /• 在线海报设计工具: /• 图片智能放大工具:/• 二维码美化器:https://mh.cli.im/• 在线代码截图工具:https://carbon.now.sh/• 在线抠图工具:https://www.remove.bg/zh• ICO图标在线生成:/php/ico/• SVG转PNG工具:/tool/svg2img/• 视频转GIF工具:/tool/giftxt/• 二维码在线生成器:/tool/ewm/• 二维码在线解码:/php/decoder/
写辅助工具:
写文章的过程中经常会用到和写作相关的辅助工具,比方说:字数统计工具、Markdown格式的文章排版工具、图床网站、代码截图工具等等,所以下面这些在线工具就能很好地满足偶的需求。• 在线字数统计:/• mdnice markdown排版工具:/• md2all markdown排版工具:/• 在线图床神器:/• 在线免费图床:https://sm.ms/• 图壳图床:/• 在线代码截图工具:https://carbon.now.sh/• 在线短链接工具:/• 在线文本替换:/tool/textreplace/
在线办公工具:
部分在线工具主要用来处理一些和文档以及文稿相关的事情,经常用到的比如:在线的全套pdf处理和转换工具、各种各样多媒体文件间的相互转换工具、在线识别工具、在线压缩工具等等。• pdf在线处理工具1:/cn/pdf-tools• pdf在线处理工具2:/zh/• pdf转word在线工具:/• 在线多媒体转换器合集:https://cn.office-/• 在线文字识别工具:/• 在线文件压缩工具:/
文档笔记工具:
好记性不如烂笔头,作为一个学习者,偶觉得记笔记是必不可少的步骤。当然现在基本都做电子笔记和电子文档比较多。现如今各式各样优秀的文档工具和笔记软件鳞次栉比,好用的也有很多,整理成如下列表,这东西各有长处,使用哪个最合意还得看个人习惯和需求了。• 印象笔记:/• 有道笔记:/• OneNote:/• 幕布:/• 为知笔记:/• 石墨文档:https://shimo.im/• Simplenote:/• 语雀:/
编程学习网:
• 哔哩哔哩:/• C语言网:/• cppreference:/• 中国大学MOOC:/• 牛客网:• 网易公开课:• CodeGym:/• BeginnersBook:/• JavaSED:/• codecademy:/• Coursera:/• StackOverFlow:/• LeetCode:https://leetcode-/• LintCode:/
在线教程文档:
这部分主要集中了在做开发过程中随手参考所要用到的几乎所有在线教程和官方文档,有中文版文档的基本都优先列出来了,但更多时候是英文的官方文档。• Git中文教程:https://git-/book/zh/v2• SVN中文手册:http://svnbook.red-/nightly/zh/index.html• jQuery API中文文档:/• Nginx中文文档:/doc/index.html• Kafka中文文档:/• Mybatis中文文档:/mybatis-3/zh/index.html• 微信小程序官方文档:https://developers./miniprogram/dev/framework/• Nodejs中文教程文档:/learn• Apache Web Server文档:/docs/• Spring文档中文版:/spring-reference.html• Golang标准库文档中文版:/pkgdoc• Java 8官方文档:/javase/8/docs/api/index.html• Maven官方文档:/guides/• Tomcat 8官方文档:/tomcat-8.0-doc/index.html• Spring Boot官方文档:https://docs.spring.io/spring-boot/docs/current/reference/htmlsingle/• RabbitMQ官方文档:/documentation.html• RocketMQ官方文档:/docs/quick-start/• Dubbo中文文档:/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官方文档:/get-started/• kubernetes中文文档:https://kubernetes.io/zh/docs/home/• thymeleaf官方文档:/documentation.html• Vue.js中文文档:/v2/guide/• React.js官方文档:/docs/getting-started.html• Jenkins中文文档:https://www.jenkins.io/zh/doc/
华为云平台:
高效易用的低代码aPaaS平台-应用魔方AppCube:/product/appcube.html集华为研发实践、前沿研发理念、先进研发工具为一体的软件开发平台-软件开发平台 DevCloud:/devcloud/
以上内容分享自华为云社区《吐血整理:程序员都在用什么工具?》,作者: 考过IE励志当攻城狮 ,部分内容整理自互联网~
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的语言精粹了,大神级别。