首页 >

css选择器能找父节点吗,PS常见问题和解决的方法你知道吗 – CSS – 前端,css3 动画 浏览器支持

css 间距,css0512,颜色识别器css,dw滚动图片代码css,苹果移动 css设置失败,css设置背景色宽度,css3 动画 浏览器支持css选择器能找父节点吗,PS常见问题和解决的方法你知道吗 - CSS - 前端,css3 动画 浏览器支持

答:在Photoshop中一次装载了过多的插件之后,PS中的滤镜那个菜单可能会超过窗口的高度,对此,有一个方法,虽然麻 烦一点,却也行之有效。PS4有一个新特性,它可以搜索Plugins目录下的子目录甚至快捷方式并自动装载。利用这个特性,可将你的插件分成几 组存于各个目录中,要调用某组插件,只需在Plugins目录中创建一个指向那组插件目录的快捷方式即可。

2.问:什么是通道?

答:通道在RGB模式中是指红,绿,蓝三色通道,它们一起决定图像的颜色和亮度,另外还有alpha通道的概念,alpha通道是用 来保存选择(选区)信息的,对alpha通道的编辑和修改并不会影响到原图像的颜色和亮度,所作用的仅仅是选择。例如,建立一个选择后,可 用选区>保存选区将其存在#4通道,即alpha通道,该通道可用选取>载入选区调出。有些文件格式可以保存alpha通道的信息,如PSD,TIF等等。

3.问:用Photoshop做的透明背景GIF图,常常边缘颜色去不干净,特别是动态GIF的边缘,有深色或者白色的小粒清不干净 有什么好方法清除?

答:用魔棒时不要选消锯齿选项。

4.问:为什么屏幕显示和打印出来的效果相差很大?

答:在Photoshop中大家通常在RGB模式下编辑图像,但打印机使用的是CMYK颜色体系,而RGB所能表示的颜色数是多过CMYK的, 所以有些颜色能在屏幕上看到,打印机却不能正确还原,它会自动选取最相近的颜来替换。另外,显示器的显示也会有一定的误差,这可以通过校正显示器来修正, 具体步骤一般Photoshop书都有说明。

5.问:什么是动作,如何使用?

答:动作实际上就是Photoshop的宏文件,扩展名为*.atn。在Photoshop中选择窗口>动作,可打开动作面板,默认状态下,面板上会有一些Photoshop附赠的一些动作。单击面板右上角的小三角形,会弹出一个 菜单。一般调用动作时,最好先用菜单中的清除动作清空一下面板,再用载入动作调出动作文件,便可开始使用了。使用动作有两种界面,一种是在面板的底部有一排按钮,按一下”播放y”键,动作便开始运行了;另一种,要在菜单中选取Button Mode才会出来,这种界面是用按钮来表示动作,单击该按钮便会运行。

6.问:在Photoshop中如何勾勒鸡蛋的外形?

答:可以这样做:先用椭圆选取工具划出一个近似于鸡蛋外形的选择,然后窗口>路径打开路径面板,在菜单中选择转换到路径把选择变为路径,然后调整曲线的弧度即可。

7.问:在Photoshop中如何绘制虚线?

答:先打开画笔面板,双击你用来画虚线的刷子,把间距调到100%以上,便可画虚线了:用笔刷点一下起点,按住shift,再点一下末点,两点之间就画上虚线了。

8.问:如何绘制圆角矩形?

答:同画鸡蛋一样,先创建矩形选择,再转为路径,在四个角的两边分别加上两个节点,再删去四个角,调一下弧度就行了。

9.问:自动和滤镜有什么区别?

答:自动只是Photoshop的宏文件,它是由一步步的Photoshop操作组成的,虽然它也能实现一些滤镜的功能,但它并不是滤镜。而滤镜本质上是一个复杂的数学运算法则,也就是说,原图中每个像素和滤镜处理后的对应像素之间有一个运算法则。

10.问:复制,粘贴之后如何使影像自然溶合?

答:可以用图层>图层蒙版>…进行褪边,但如果在复制之前选择时羽化 1-2个像素效果可能更好。也可以在粘贴之后,进入图层蒙版方式对边缘进行细节修理。

11.问:做一个等腰梯形怎样精确控制它的大小?

答:1.由变换里的透视功能就能精确的控制它,快捷键CTRL+T。2.TRL+T,再按住CTRL+SHFIT+ALT ,用鼠标控制顶点,就会以等腰梯形控制。

12.问:安装了一些Photoshop的插件,但在启动Photoshop之后却发现找不到这些插件。但在别人的机器上可以正常使用,说明插件本身并没有问题。应该怎么做才能使用这些插件呢?

答:有些插件对Photoshop版本是有规定的,如果你的Photoshop版本比较低,那么将不能使用一部分插件。另外还有一种可能是插件 的路径安装不对,只有安装在Photoshop安装目录中的Plug-Ins目录才可以,否则很有可能无法正常使用这些插件。

13.问:机器配置不好,在运行Photoshop的时候速度不够快。尤其进行一些滤镜处理的时候速度更加慢,用什么“软”方法提高Photoshop的运行速度?

答:确实Photoshop是吃内存的“大户”,在物理内存紧张的情况下运行Photoshop会影响速度。你可以在运行Photoshop之 前关闭其他的应用程序,释放出一部分内存。在Photoshop的设置中你还可以设置内存的占用情况,这样可以将更多的内存给Photoshop使用。要 注意一点,将过多的内存分配给Photoshop使用时,一定不要再运行其他程序,这样很容易就会导致系统崩溃。

14.问:给图像添加汉字时总会出现半个汉字的情况,请问这种情况应该如何解决?

答:这是字库的原因,在使用文鼎字库的时候如果间距没有设置好,就会出现半个汉字的情况。建议你使用其他中文字体,如方正字库等,这样问题就可以解决。

15.问:在使用Photoshop 7.0中的吸管工具时,当鼠标停留在图像的某一点的时候,右边面板上的颜色数据信息后面多了一个“!”,这是怎么回事?对取色有什么影响?

答:这是Photoshop 7.0的新特征之一,在信息后面出现“!”说明图像所采用的色彩深度超出了打印机所能打印的颜色范围。在计算机上面是看不出来的,但打印处理的效果会与在 屏幕上看差很多。如果不进行手动调整的话,打印的图像会很不理想。如果只在电脑上处理,而不打印的话,则不用去理会这个提示。

16.问:怎样在圆角的图形中设置图形的阴影?

答:PS里有一个图层效果,不管你的图形是什么形状的,只要单独做在一个层里,就可以实行这个效果,里面有所需要的图形阴影设置。

17.问:用钢笔工具钩的路径再用放射工具总是渐变放射,由粗到细,怎样成一条直线?

答:1.笔工具钩的路径,再选取图章及喷枪,然后在路径面版中直接拖动工作路径到描边按钮上,就能出现一条直线效果。2.笔工具的动力设置关闭(在钢笔工具状态行最后一项)或reset tool。

18. 问:用钢笔工具钩下一图像后,怎样抠到新建的文件中去?

答:用钢笔工具钩出图像以后,把路径变成选区,然后新建一个文件,使用复制、粘贴或者直接拖动选区到新键文件上都可。

19. 问:用直线工具画一个直线后,怎样设置直线由淡到浓的渐变?

答:用直线工具画出直线后,1.把它变成选区,填充渐变色,选前景色到渐变透明。2.在直线上添加蒙版,用羽化喷枪把尾部喷淡,也可达到由淡到浓的渐变。

20.问:有一幅图,边缘想晕开过渡到透明,怎么做 ? 用背景透明+高斯模糊晕开的边缘太硬了,不能完全过渡到透明……怎么做?

答:选后做一次羽化,再反选切除。

css 间距,css0512,颜色识别器css,dw滚动图片代码css,苹果移动 css设置失败,css设置背景色宽度,css3 动画 浏览器支持css选择器能找父节点吗,PS常见问题和解决的方法你知道吗

MySQL全部学完要多久?

结合自身的经历谈下这个问题,不一定适合于所有人。

感觉可以分为下列几个学习阶段。

HTML+CSS

这两个应该是对初学者比较友好的了,html大概了解一些常用的标签,css的话看下各种选择器的写法,然后找个网站模仿着写一遍样式,基本上就有感觉了。之所以推荐这两个先学除了简单,还有成就感,写的东西直接以页面展示出来,这比很多大学以C教学,对着命令行打印一堆数据的体验要好很多。你甚至可以尝试着写一个静态网站来做一个自己的简历,展示到朋友圈。

学习资源的话,推荐两本书吧。

《Head First HTML and CSS》

Head First系列的书一直评价很高,这本书也是。但偶觉得其实没必要一来就学那么多,很多标签和属性你都记不住,更不用说css那么多属性了,很多从业多年的前端应该也只能记住其中的大部分吧。推荐的学习方法是Learn by doing.过程中遇到问题的话,学会用搜索引擎+MDN.

《CSS Secrets》

看完这本书你会感叹,原来CSS还可以这样写。

JavaScript

js的话还是比较复杂的,很难短时间就掌握的很好,但你至少要搞懂一些基本的控制流语法,变量,常量,函数,类这些东西。至少做到你参考别人的代码能看懂别人大概在写啥。

小白可以看下这本GitBook上的书,基础的东西都有涉及,也不长。最多一个小时就能看完。https://www.gitbook.com/book/xinqiu/learn-javascript-cn/details

稍微有基础了,想深入学JavaScript这门语言的话,可以看下《Javascript权威指南》这本书。

但老实说,这本书虽然很好,但是不适合初学者看,偶看了一部分之后觉得纯看书籍的话还是太无聊了,不太适合自己,遂弃之。

相比之下,偶更推荐廖雪峰大神的《JavaScript教程》https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000,在网上就能看,前面很基础,然后后面开始飙车。大家可以选择性看,文中提到了很多初学者会遇到的坑,比如var that = this.这种小技巧。很多时候初学者会被这种问题困扰很久,有人指路会帮你节省很多时间。

之后你可以了解一些ES6的新语言特性,然后试着用React,Vue,Angular之类的框架来试试。

选择的话,感觉新手推荐Vue,封装的很好,有时会觉得就算不会js,跟着Vue的教程,也能开始写一些东西。React的话,个人感觉要稍微难点,写的感觉和原生的JavaScript要接近些。Angular没写过就不评价了。但这三个框架的很多思想其实有共同之处,学会一个,学另一个会简单很多。所以不必太过纠结。而且前端这个领域,技术更新很快,如果你想学一门一劳永逸的技术,那么前端很可能并不适合你。

PHP+Mysql

这两个感觉是相互依赖的,写PHP不可避免的就要操作数据库。PHP偶写的也比较少,只用Phalapi写过一个小网站,但感觉整体写起来的感觉不是那么爽,但也有可能是偶打开的方式不对,数据库的话,php有别人封装好的ORM库可以对数据库进行操作,这使得你可以不会sql语法也能对数据库进行操作,实在需要用到sql的时候,可以查下文档,然后模仿着写。因为这方便了解的不多,就不瞎提建议了。

不过虽然php是世界上最好的语言,偶也建议你有机会试试python或者node.js。或许会打开新世界的大门。

以上这些内容如果自学的话没个至少需要一两年的时间,还无法保证能学会。培训大概需要5个月的时间。想全部掌握好以上只是,可以来千锋武汉IT培训机构系统全面学习一下。千锋全程面授模式教学,真实项目实战,可先来免费试听两周,实地亲身体验下!

开发软件的工具有哪些?

在偶认识的所有程序员里,每个人几乎都有专属于自己的常用工具和相关资源,今天给大家奉上数十个程序员硬核工具,偶相信这里总有一款工具是属于你的!

程序员生产力工具大全如下:

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励志当攻城狮 ,部分内容整理自互联网~

大专生学web前端好就业吗?

你好,偶是一名前端老司机,之前就职于一家创业公司,期间也面试过一些大专毕业的学生,针对你的问题,偶给出以下几点建议:

不要过分纠结大专学历低,事实上现在外面很多公司在招聘开发人员这一块上,对学习要求本科以上的,有一定占比,但还不算非常大,大专生是有机会的。

提升自己的硬实力,自己学习的只是要成体系,不要东一块西一块,例如Chrome Debug 、Web性能优化、TDD(测试驱动开发) 等等。

多多写博客,分享,在github写自己的或参加一些开源项目等等,既锻炼了自己,也可以在面试时充分的展现自己的能力

关于面试,偶还有两点想给到的建议:

要有准备的面试,所谓有准备的面试,不是不停的刷题,背题。而是把自己擅长领域在脑袋里提前好好预演一下,面试的时候要掌握先机,尽量把自己会的,自己的优势展现出来,这样的面试才有一个好的结果。试想一下,如果你面试全程被面试官带着走,那面试问题千千万万,问道你不懂的点,很容易就被问得答不上来。

web前端面试,算法还是比较重要的,因为它能体现出一个人编程的逻辑思维,所以一些基本的算法,还是要好好准备一下

希望偶的回答,对你能够起到帮助!


css选择器能找父节点吗,PS常见问题和解决的方法你知道吗 - CSS - 前端,css3 动画 浏览器支持
  • html如何设置文字颜色 |html打开一个新窗口
  • html如何设置文字颜色 |html打开一个新窗口 | html如何设置文字颜色 |html打开一个新窗口 ...

    css选择器能找父节点吗,PS常见问题和解决的方法你知道吗 - CSS - 前端,css3 动画 浏览器支持
  • HTML布局代码实战教程 |html5中datalist
  • HTML布局代码实战教程 |html5中datalist | HTML布局代码实战教程 |html5中datalist ...

    css选择器能找父节点吗,PS常见问题和解决的方法你知道吗 - CSS - 前端,css3 动画 浏览器支持
  • html代码如何在穿越火线中使用? |列表布局 html5
  • html代码如何在穿越火线中使用? |列表布局 html5 | html代码如何在穿越火线中使用? |列表布局 html5 ...