Web前端
文章平均质量分 68
Jack N
全栈工程师,关注.NET/node.js, Angular/React。
展开
-
最简单的判断是否为IE浏览器的方法 - document.documentMode
作为当今最差的浏览器,虽说IE即将推出历史的舞台,但是因为项目需要还是需要支持。那么必须判断是否是IE,如果是IE,需要做些特殊处理。document.documentMode 是IE特有的属性,可以根据这个值判断是否为IE。如:var isIE = document.documentMode !== undefined;确实是简单好用吧 :)基本来说,document.documentMode的值就是IE的版本号,如:7 - The page is displayed in IE7 mod原创 2021-10-25 09:28:21 · 741 阅读 · 0 评论 -
浏览器(Cache)的缓存逻辑(HTTP条件请求)
浏览器(Cache)的缓存逻辑(HTTP条件请求)1. 浏览器缓存一般来说,一个GET请求在目标资源存在的情况下会返回一个状态码为“200 OK”的响应,目标资源的内容将直接存放在响应报文的主体部分。如果资源的内容不会轻易改变,那么我们希望客户端(如浏览器)在本地缓存获取的资源。对于针对同一资源的后续请求来说,如果资源内容不曾改变,那么资源内容就无须再次作为网络荷载予以响应。确定资源是否发生变化可以采用两种策略。第一种就是让资源的提供者记录最后一次更新资源的时间,资源的荷载内容(Payload)和.原创 2021-05-20 14:12:20 · 5387 阅读 · 0 评论 -
前端进阶(2)使用fetch/axios时, 如何取消http请求
前端进阶(2)使用fetch/axios时, 如何取消http请求文章目录1. 需求2. Fetch 取消http请求3. axios取消http请求4. jquery 取消http请求5. 总结1. 需求现在前端都是SPA,我们什么时候需要取消HTTP请求呢?当我们从一个页面跳转到另外一个页面时,如果前一个页面的请求还没有返回,那么我们希望取消前一个页面的请求某些操作耗时比较长(不能是保存等操作哦),如果用户不想等待呢,取消了操作,对应我们也需要取消HTTP请求对于原生的XMLHttp.原创 2021-04-25 15:29:45 · 6607 阅读 · 0 评论 -
[前端进阶](1)Web前端性能优化
前端进阶(1)Web前端性能优化Web前端性能优化, 不仅能够改善站点的用户体验,并且能够节省相当的资源利用。下面将从1)服务器、2)html内容、3)css、 4)javascript、 5)图片等几方面介绍具体的优化操作。文章目录1. 服务器优化1.1. 使用内容分发网络(CDN)1.2. 服务器使用http2.0协议1.3. GZIP压缩1.4. 使用浏览器缓存1.5. 设置ETag2. HTML内容优化2.1. 减少HTTP请求数2.2. 减少DNS查找2.3. 避免重定向 301/30x2.原创 2021-04-23 15:08:55 · 6647 阅读 · 0 评论