php怎么压缩图像,最新曝光的WinRAR漏洞有多严重?
在享誉全球成为必备装机软件的同时,过去19年以来WinRAR也深受各种严重安全漏洞的负面影响。根据安全公司Check Point研究人员披露的细节,在WinRAR的UNACEV2.dll代码库中发现严重安全漏洞,而该库自2005年以来就一直没有被主动使用过。WinRAR在打开“booby-trapped”(诡雷代码)文件之后允许技术娴熟的攻击者执行“任意恶意代码”。
简单来说,该漏洞允许安全专家绕过权限提升就能运行WinRAR,而且可以直接将恶意文件放进Windows系统的启动文件夹中。这就意味着当用户下次重新开机的时候,这些恶意文件就能自动运行,让安全专家“完全控制”受害者的计算机。安全专家表示,全球有超过5亿用户受到WinRAR漏洞影响。
Check Point表示WinRAR不再支持ACE存档格式(就是该漏洞的攻击文件),而且在上个月同时也删除了UNACEV2.dll文件。目前WinRAR发布了最新的测试版5.70 Beta 1,已经修复了这个问题。
不过值得注意的是,如果现在访问WinRAR的官方网站,点击下载的依然是5.61版本。而该版本目前尚未修复这个漏洞。因此你经常使用这款压缩软件,推荐通过本文下方的链接下载Beta版本。
下载:https://www.win-rar.com/affdownload/download.php
Fikker是什么?
1. Fikker是安装在自身网站服务器上的一个缓存加速软件, 所以前提是你要有自己的服务器或VPS. Fikker网站加速的基本原理是: 通过软件自带的 Fikker 管理平台配置将你的网站页面缓存起来, 动态页面或静态页面, 周期缓存时间可以是几秒钟, 也可是几天, 也就是网站只需要生成一次页面, 在一个缓存周期时间之内有其他用户访问的时候, 网站就不用再频繁的生成这一些页面了, 这样子影响网站速度的数据库瓶颈就消失了; Fikker加速方法之二就是对这些动态页面(asp,php,jsp,html,js,css,txt)进行 gzip 压缩, 这种文本页面被压缩以后传输的尺寸平均减少75%以上, 网站的响应速度大大提升. 所以总体来说, Fikker网站加速(Fikker缓存加速)是在带宽和服务器硬件条件不变的条件下, 利用的webcache技术和gzip技术解决来网站速度问题, 非常适合包含有动态页面的网站使用, 加速的效果可成倍提升. 除此之外, Fikker作为前端服务器还可以提供了很多实用性的功能, 防盗链, 实时监控(可监测用户当前访问的一举一动), 伪静态, ajax 跨域, 各省市自治区流量统计百分比报表, 黑名单等功能. Fikker缓存加速服务器软件目前提供有免费版下载. 2. CDN,即内容分发网络。将网站指定的内容发布到CDN运营商部署在各地的服务器上。使用户可以就近取得所需的内容, 提高用户访问网站的响应速度。目前流行的大部分CDN加速针对对于静态资源加速很明显, 例如图片, 视频, 音频等静态资源, 但对于缓存时效性很高的动态页面, 核心的速度瓶颈在源站那里, 也就是生成页面的速度, 数据库的瓶颈, CDN的加速效果不够明显. 总之来说, CDN运营商利用自身的服务器和带宽资源(相对于Fikker提升自身服务器利用率而言), 将网站的静态资源或者更新时效性不算很高的页面缓存起来, 达到加速的目的. CDN一般是按照带宽流量计费的.
图片在PS里怎样缩小成2M之内?
操作步骤如下:;
1.使用Phptoshop打开图片。;
2.点击图像-图像大小。;
3.设置宽度和高度,点击确定。;
4.点击文件-另存为,设置保存路径,点击保存。;
5.在指定路径查看图片。
程序员工作时用到的工具有哪些?
摘要:在我认识的所有程序员里,每个人几乎都有专属于自己的常用工具和相关资源,今天给大家奉上数十个程序员硬核工具,我相信这里总有一款工具是属于你的!
程序员生产力工具大全如下:
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励志当攻城狮 ,部分内容整理自互联网~
这玩意有谁开发过实战项目吗?
响应WEB概念在移动互联网兴起的初期,的确很火,它主要解决原PC网站样式向移动端过渡的问题,以一套前端代码适配PC、手机和其他显示设备,以较小的代价实现网站产品的多维呈现。
我个人作为勉强的全栈,曾经选用过最热的Bootstrap前端框架,开发过一些web应用。虽然后来,随着移动端越来越成为重点实现方向,感到响应式网站设计,并不能为移动网站带来优良的体验和高开发效率,至少在我近几年的项目中,面向移动端,已经完全放弃了响应式开发方法,采用了更纯粹的移动前端框架,以适应不仅是web,还有APP、小程序的前端需求。
但是,并不能说响应式web设计落伍了,没用了。根据项目特点,人员技术力量,选用最适合的方法,做最优秀的实现,是开发的实践准则。
下面,围绕实战开发响应web的大致方法、流行的框架工具介绍、响应式的优缺点总结,展开一些叙述和讨论。
什么是响应式网站设计?响应式网页设计 Responsive Web Design,从开发角度上讲,就是使网页能通过识别屏幕宽度、做出相应调整的网页设计,它面向的设备是超宽屏幕、pc显示器、平板电脑、手机。这里面大家很容易忽视超宽屏幕的设计,因为很多开发者为了简化设计,往往在针对超宽屏幕只做居中处理。
实现原理
通过css样式语言,有时候也会结合一些javascript,考量屏幕宽度,自动调整网页显示和布局,以适应不同尺寸屏幕的浏览优化体验。
实现目标
最好的响应式设计,就是设计者开发出一套全端网页,为电脑、手机、平板等不同终端的用户提供更加舒适的界面和更好的交互体验,比如手机端的触摸和PC端鼠标操作效果。而且随着目前大屏幕移动设备的普及,响应式开发方法还是有自己独特的优势。
响应式网站开发方法布局
在构建响应式网站或改造旧网站成为响应式结构时,首先要考虑的就是布局。
主要是两部分页面元素:
延展全屏宽的元素,比如我们在PC贯穿全屏宽的元素,css: width:100%;
主内容块的最大宽度定义,以下定义了4种常见分辨率的容器最大宽度;
@media (min-width: 576px) {
.container { max-width: 540px; }
}
@media (min-width: 768px) {
.container { max-width: 720px; }
}
@media (min-width: 992px) {
.container { max-width: 960px; }
}
@media (min-width: 1200px) {
.container { max-width: 1140px; }
}
媒体元素宽度定义
下面的CSS代码将确保图片永远不会比其父容器大:
img { max-width: 100%; height: auto; }
或者根据设备的分辨率不同,需要显示不同size的图片:
<img src=" image.jpg" data-src-600px=" image-600px.jpg" data-src-800px =" image-800px.jpg" />
这种弹性显示媒体的方式,需要借助CSS或JS的方式实现。
版式(Typography)定义
这是响应式设计中最重要的部分,有很多响应式设计的排版方式需要注意,比如:
CSS3规范中包含了一个定义尺寸的元素rem。它的工作原理与em几乎相同,但是rem的大小相对于html元素而言,这使得rem比em更容易使用。
html { font-size:100%; }
通过以下CSS代码可以定义不同分辨率下的相对字体大小。
@media (min-width: 640px) { body {font-size:1rem;} }
@media (min-width:960px) { body {font-size:1.2rem;} }
@media (min-width:1100px) { body {font-size:1.5rem;} }
最流行的响应式框架使用前端框架可以提高前端开发的效率。通常框架已经为开发者搭好了脚手架,只需要在上面累加我们的特殊需求就可以了,这帮助码农减少编码工作量,并节省了宝贵的时间。
当前有各种各样的响应框架可用,并且新仍在不停的进化更新。在众多选择中,选择适合的框架是很困难的。下面列举了几个最流行的响应框架。
Bootstrap
Bootstrap是国内最流行、最快速、最友好的框架。这个框架是2011年由Twitter的开发者创建的。目前,整个网络上有数百万的网站都在运行这个神奇的框架。在GitHub他的追捧数量已经超过了100多K。
Bootstrap包括了HTML、CSS和JavaScript。你可以轻松地开发各种规模和复杂度的响应式网站。
Foundation
Foundation是一个企业级的前端框架。FaceBook、eBay、Mozilla、Adobe、HP、思科、迪士尼等都在他们的网站上使用这个框架。
它相当复杂,不适合新手使用。Foundation具有可读性、灵活性、语义性和完全可定制性。Foundation自带GPU加速功能,可实现闪电般的快速和流畅的动画效果。它提供了Fastclick.js,可在移动设备上快速渲染。
Pure
非常轻的一个框架。该框架包含响应式CSS模块,是为迎合移动市场而开发的。开发人员可以使用各种样式、CSS模块以及组件和可定制的工具来开发网站。
Semantic UI
SemanticUI是相对较新的框架,但它在很多方面都很突出。它已经成为非常流行的前端框架之一。它使用的是自然语言。
Semantic的性能记录功能让你可以追踪到代码的瓶颈,而无需深挖堆栈痕迹。使用Semantic,直观的底层之上可以配备一个高级主题变量,让您有充分的设计自由度。
Semantic UI集成了大量的第三方库。因此整个开发过程会更容易一些。
响应设计的优点响应式方式可以在台式机,平板电脑或智能手机上构建流畅运行的web样式设计 。它的实质是一种适配性的编码设计,它具备很多优点:
开发维护一套前端响应式代码,可以适配多种显示设备。只需要拥有一个入口网址,无须通过脚本,判断浏览设备而重定向访问,更不需要配置二级域名。简化SEO(搜索引擎优化),响应式设计,无需为移动版本创建特定的内容,这对SEO友好的。搜索引擎收录的只是内容,而对网页语言代码毫无兴趣。因此,谷歌百度在一段时期还建议优先考虑响应式设计。有可能会节约开发成本?这一点我自己也很有疑惑,我个人认为如果是仅仅适配显示的话,响应式设计的确可以节约成本,但精致的移动端交互设计,还是纯移动框架最受用。简化网站推广数据分析,无论来自什么入口,都一网打尽所有访问数据。响应设计的缺点尽管响应式设计有很多优点,那么缺点应该被忽略吗?事实并非如此。响应式网页设计有一些需要注意的缺点。为了在一套体系框架下,去做各分辨率下的大小显示适配、内容取舍,那种煎熬你体验过吗?
某些响应式网站的加载时间会更长。因为将加载一些不必要的HTML / CSS。例如,很多响应站点上的图像只是在视觉上按比例缩小,而没有采用媒体内容的弹性加载策略。
耗时的开发。对于响应式网站而言,这是一项耗时的任务。如果您打算将现有网站转换为响应式网站,则可能需要更多时间。
响应式Web设计的流体布局,使设计人员难以很好地控制设计风格。设计人员正在尝试分别针对移动和桌面布局显示线框和设计原型。只有改进了这两种布局,才能真正实现响应式Web设计策略。
UX(用户体验)不佳。通过响应设计,您想要同时满足台式机和移动用户的需求。但是,移动设备和台式机毕竟是完全不同的用户体验。因此,有很大风险可能同时失去两类用户。需要承受内容的取舍。排版的需要、推广策略的不同、体验的差异,造成移动版本的内容很可能与桌面版本的内容不一致。因此,采用响应式设计不可能使您的内容适应这些设备中的每一个,那么在一个页面里用技术实现这种取舍,是很痛苦的。写在最后选择了开发,终会有学不动的那天,对于前端、后端、运维、全栈,都是一样。某项技术熟练了,我们总希望它的生命周期长一点。如果有一天,对新技术的那种兴奋感不再有的时候,做一个方向的了解者规划者也是不错的。
希望所有Coder身体健康,永远快乐。