![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
紫幽666
这个作者很懒,什么都没留下…
展开
-
Etag与HTTP缓存机制
Etag - Last-Modified和Etags如何帮助提高性能? 把Last-Modified和ETags请求的http报头一起使用,这样可利用客户端(例如浏览器)的缓存。因为服务器首先产生Last-Modified/Etag标记,服务器可在稍后使用它来判断页面是否已经被修改。本质上,客户端通过将该记号传回服务器要求服务器验证其(客户端)缓存。 过程如下: 1.客户端请求一个页面(A)。 ...转载 2018-07-30 13:39:39 · 177 阅读 · 0 评论 -
浅谈JavaScript异步加载的三种方式——async和defer、动态创建script
一、script标签的位置 传统的做法是:所有script元素都放在head元素中,必须等到全部js代码都被下载、解析、执行完毕后,才能开始呈现网页的内容(浏览器在遇到<body>标签时才开始呈现内容),这在需要很多js代码的页面来说,会造成浏览器在呈现页面时出现明显的延迟,而延迟期间的浏览器窗口将是一片空白。因此。一般把script标签放在</body>标签前面。 ...转载 2018-07-30 15:48:10 · 379 阅读 · 0 评论 -
中文乱码 encodeURI来解决URL传递时的中文问题
解决中文乱麻问题,页面端发出的数据作两次encodeURI var name="张三"; encodeURI(encodeURI(name)); 后台解码: URLDecoder.decode(name,"UTF-8"); 参考:http://blog.csdn.net/zqd_java/article/details/53608585 --------------------...转载 2018-07-31 09:25:38 · 930 阅读 · 0 评论 -
javascript 匿名函数与闭包
普通函数: function box(){ return 'Lee'; } alert(box()); 匿名函数: //单独的匿名函数 会报错 无法运行 也无法调用 //function() { // return 'Lee'; //} //通过表达式的自我执行 (function() { alert('Lee'); })(); //把匿名函数赋值给变...转载 2018-07-31 14:00:45 · 130 阅读 · 0 评论 -
前端工程师必备的几个实用网站
一、配色类网站 http://colorhunt.co 这个网站给我们提供了很多的配色方案,我们直接使用就OK了。使用方法也很简单,鼠标移动到对应的颜色上,我们就可以看到颜色的十六进制码,复制这个颜色到工具里就可以使用了。 https://webgradients.com/ 180种渐变方案供你选择,还可以直接复制CSS样式应用到网页中 https://color.adobe.com/z...转载 2018-08-13 15:21:22 · 774 阅读 · 1 评论 -
有关前端技术的常用网站
综合性 mozilla开发者网络(mdn): https://developer.mozilla.org/zh-CN/ 万维网联盟(W3C):http://www.w3school.com.cn/ 雅虎35条军规(原):https://developer.yahoo.com/performance/rules.html 雅虎35条军规(译):http://www.ayqy.net/blo...转载 2018-08-13 15:24:37 · 242 阅读 · 0 评论 -
js:防抖动与节流
针对一些会频繁触发的事件如scroll、resize,如果正常绑定事件处理函数的话,有可能在很短的时间内多次连续触发事件,十分影响性能。 因此针对这类事件要进行防抖动或者节流处理 防抖动 它的做法是限制下次函数调用之前必须等待的时间间隔。正确实现 debouncing 的方法是将若干个函数调用合成 一次,并在给定时间过去之后仅被调用一次。 // 将会包装事件的 debounce 函数 f...转载 2018-09-19 17:07:51 · 334 阅读 · 0 评论