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

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

    图片懒加载[lazyload images]之H5原生

    之前实现图片懒加载一般使用 jquery lazyload js,后面H5支持了loading=...

    web内容如何保护:如何有效地保护 HTML5 格式的视频内容?

    (Digital Rights Management)通过对数字内容进行加密和附件使用规则,对...

    如何纯CSS实现标题栏、表格头水平滚动垂直不滚动

    有些报表会很宽,浏览器水平放不下,需要水平滚动显示,这个可以设置overflo...

    图表列表性能优化:可视化区域内最小资源消耗

    本来想标题党:一个组件的自我修养之路。其实就是通过 (Intersection Resi...

    懒加载优化:JavaScript IntersectionObserver API监听元素是否可见

    传统的滚动加载,通过滚动,去判断元素是否可见,在去根据需求去加载元素。...

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

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

    Preload与Prefetch的区别以及webpack项目中如何优化

    preload 是一个声明式 fetch,可以强制浏览器在不阻塞 document 的 onl...

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

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

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

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

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

    跨文档通信(cross-document messaging):跨就是我们国内更为熟知的HTML5 w...

    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内容的技术规范。...

    htmlmore>>

    html5more>>

    webmore>>

    xmlmore>>