• 浏览器http缓存机制剖析:存储策略与过期策略的机理分析
    浏览器http缓存机制剖析:存储策略与过期策略的机理分析

    缓存一直是前端优化的主战场, 利用好缓存就成功了一半 本篇从http请求和响应的头域入手, 让你对浏览器缓存有个整体的概念 最终你会发现强缓存, 协商缓存 和 启发式缓存是如此的简单

    前端性能监控:window.performance 属性分析

    window performance是用来测量网页和web应用程序的性能,他提供一组精确的...

    Preload与Prefetch的区别

    在视频video标签里面,有preload。图片,JS,CSS 等等,在执行之前总需要等...

    混合内容页面:全域https下里面的http请求浏览器的安全处理

    https页面里面包含http请求内容。主要有两种类型的混合内容:混合被动 显示...

    ServiceWorker工作机制与生命周期:资源缓存与协作通信处理

    Service Worker可拦截客户端的请 向客户端发送消息 向服务器发起请求等...

    web messaging与Woker分类:漫谈postMessage跨线程跨页面通信

    web messaging跨文档通信(cross-document messaging):跨就是我们国内更为...

    web安全:中间人攻击

    中间人攻击是攻击方同时与服务端和客户端建立起了连接,并让对方认为连接是...

    再谈BOM和DOM(4):DOM0/DOM2事件处理分析

    事件就是用户或浏览器自身执行的某种动作。响应某个事件的函数就叫事件监听...

    登录状态控制:cookies对比sessionStorage保持信息的分析

    sessionStorage 的有效期是页面会话持续,页面会话在浏览器打开期间一直保...

    再谈沙箱:前端所涉及的沙箱细讲

    实现沙箱的方案有 eval,new Function,立即执行函数,闭包,with,ES6 Proxy,...

    再谈BOM和DOM(2):DOM节点层次/属性/选择器/节点关系/操作详解

    DOM模型将整个文档看成一个树形结构,并用document对象表示该文档。NodeType...

    再谈BOM和DOM(1):BOM与DOM概述

    DOM是为了操作文档出现的接口,浏览器向我们提供了当前网页的地图或者说模型...

    再谈BOM和DOM(3):DOM节点操作-元素样式修改及DOM内容增删改查

    web前端开发,JS修改页面,首选就是的页面元素查找,节点遍历。DOM通过创建...

    再谈BOM和DOM(7):HTML DOM Event 对象属性及DOM事件详细列表

    之前写《再谈BOM和DOM(4):HTML DOM Event 对象》时候,对event对象及各种...

    Web内容的无障碍性(3):ARIA角色Roles值示与aria-*属性值列表说明

    ARIA实现很简单,只需给html5元素,增加ARIA属性与角色即可。但是ARIA角色值...

    Web内容的无障碍性(2):实现WAI-ARIA无障碍网页及注意实现

    WAI-ARIA是一个为残疾人士等提供无障碍访问动态、可交互Web内容的技术规范。...

    Web内容的无障碍性(1):概述为什么Accessibility无障碍如此重要

    Web无障碍设计是要让所创建的网站对所有用户都可用 可访问,不管用户的生理...

    Gzip之后继者Brotli浅析之CDN厂商的智能压缩,服务器Brotli设置

    虽然Brotli 还是非主流,但是如新贴吧知乎就支持Brotli压缩。谷歌也提供了n...

    HTTP严格安全传输之HSTS:HTTP Strict Transport Security

    设置HSTS,Strict-Transport-Security: [; includeSubDomains][; preload]...

    JavaScript实现全屏和退出全屏功能

    JS实现指定区域的全屏显示与退出全屏函数,默认操作整个页面与自动查看当前...

    前端安全保障:加密/混淆/反调试/加壳/自定义虚拟机—必要吗

    人家黑客又不是非得用你的网站来使用你的服务,客户端加密又有什么用呢?传...

    htmlmore>>

    html5more>>

    webmore>>

    xmlmore>>