web开发常用网络优化】的更多相关文章

优化方法: 1.合并资源文件,减少HTTP请求 2.压缩资源文件减少请求大小 3.利用缓存机制,尽可能使用缓存减少请求 如何做前端路由 html5 api中的history能够让我们控制url跳转之后并不刷新页面,而是提交给我们的js代码进行相应操作. 在history api出现之前,我们可以使用hash跳转来实现 React中的路由: react-router…
web开发常用图片格式有:gif   jpg/jpeg    png gif:图片压缩率高,可以显示动画,但是只能显示256色,可能造成颜色丢失. jpg:图片压缩率高(有损压缩),可以用小文件来显示,网页上比较常用. png:该格式综合了gif.jpg优势,在上传时会首先压缩到极致,但不能显示动画. 图片保真度:png > jpg > gif…
公司电脑本来是win系统的,不知道怎么突然中毒了,由于比较讨厌杀毒软件,所以之前都被我卸载掉了,所以我干脆重装了一个ubuntu系统 1.IDE    vscode 各种插件,自带Git,markdown预览,NodeJs调试等,web开发无压力 2.浏览器  chrome 3.抓包工具  mono fiddler 基于mono跨平台的fiddler 4.命令行工具    guake terminal 比系统自带的和vscode自带的都好用 其他的一些常用软件  mongobooster mon…
我在Nodejs的体系里也算泡了很久了,的确非常喜欢javascript和Nodejs. 在我看来,用nodejs做web开发有以下几个优点: Javascript作为一个语法异常简单的脚本语言,约束较少,开发效率比较高. Nodejs在设计时就考虑了依赖管理,有一个成熟的npm机制,在使用过程中很少遇到版本问题. Javascript的语法非常灵活,而且它的基于prototype的链式集成机制,obj[property]和obj.property的混用可以创造出很多变化. 对于JSON的天然支…
记录一下 web 开发中常用的一些字符串模式,这是我遇到的一些,后面如果还有的话,欢迎大神提出,会继续更新. 正则表达式 这个主要用在前端的验证,nginx 路径匹配,shell 脚本文本处理,后端感觉并没有经常拿正则来做校验,这个如果只是一般使用的话,百度搜搜就会有答案,但如果有特殊的验证,还是需要自己了解正则的规则,个人感觉是前端和运维需要深入了解. 初学时只需要了解正则一些字符的含义并且会使用正则做一些简单的验证 稍深入一些需要了解反向引用,贪婪匹配,js 正则替换 再往深的学需要了解 前…
前沿 Sublime Text 是一个代码编辑器(Sublime Text 2是收费软件,但可以无限期试用),也是HTML和散文先进的文本编辑器.Sublime Text是由程序员Jon Skinner于2008年1月份所开发出来,它最初被设计为一个具有丰富扩展功能的Vim.是目前应用最广泛的编程工具之一,受到众多程序猿的追捧.网络上已有很多关于Sublime Text3的配置文章,但很多都不太适合本人的需求,很多插件在前端开发中很少会用到或者不能恰当的使用.由于每次重装一次Sublime Te…
github github-myBlob 从输入URL到页面加载完成的整个过程 首先做 DNS 查询,如果这一步做了智能 DNS 解析的话,会提供访问速度最快的 IP 地址回来 接下来是 TCP 握手,应用层会下发数据给传输层,这里 TCP 协议会指明两端的端口号,然后下发给网络层.网络层中的 IP 协议会确定 IP 地址,并且指示了数据传输中如何跳转路由器.然后包会再被封装到数据链路层的数据帧结构中,最后就是物理层面的传输了 TCP 握手结束后会进行 TLS 握手,然后就开始正式的传输数据(如…
Ubuntu下面,如何用PHP代码获得系统的临时文件夹 用PHP方法 sys_get_temp_dir() 来取得系统的临时文件夹路径,比如Ubuntu下面,返回值为"/tmp".…
特效网:http://www.xwcms.net  1.图片拖动特效http://www.xwcms.net/js/tpdm/32946.html2.弹出层焦点图特效:http://www.xwcms.net/js/tpdm/20571.html3.标题悬停效果动画SVG图标http://www.xwcms.net/js/tpdm/98394.html4.jquery制作浏览器调整大小-监控动作进度小插件http://www.xwcms.net/js/qttx/29373.html5.jquer…
正则表达式验证 //邮箱 \-])+\.)+([a-zA-Z0-]{,})+$/; email = document.getElementById("email").value; if (!emailReg.test(email)) { alert('你输入的邮箱格式不正确!'); return; } //手机号码 [-]{})|([-][-]{})|([-][-]{})$/; if(!phoneReg.test(phone)){ alert('手机输入格式不正确!'); return…