• 再谈前端HTML模板技术
    再谈前端HTML模板技术

    在web2 0之前,写jsp的时候虽然有es和JSTL,但是还是坚持jsp。后面在外包公司为了快速交货,还是用了php Smart技术。web2 0后,前后端分离,之前jsp或php的活全部到了前端……

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

    缓存一直是前端优化的主战场, 利用好缓存就成功了一半 本篇从http请求和...

    http请求发生了两次:options请求分析,移动端开发样式重置

    一个接口一个ajax,为什么会发生两次为什么发生两次请求,如何产生options请...

    Web Components从技术解析到生态应用个人心得指北

    深入了解Web Components的历史、技术原理,然后告诉你为什么不用学原生的相...

    浏览器滚动条操作史话:scrollIntoView/animate等方法的来龙去脉

    操作滚动条滚动到指定为止,可以通过window location hash,可以window s...

    前端预览页面优化解决思路笔记

    比如可视化话数据仪表盘预览,如下图所示:常规的预览方案就是弹窗预览,比...

    custom element 创建自定义元素与new Event创建自定义事件

    custom element 创建自定义元素与new Event创建自定义事件 结合起来可以...

    vue-grid-layout数据可视化图表面板优化过程所遇问题汇总

    此文为数据可视化vue-grid-layout拖曳布局实践总结,在实现过程中的一些避坑点

    target.closest妙用:UI(click/mousemove/drag/drop)事件元素查找捷径

    在jQuery时代,$( e target ) closest( "li ") toggleClass( "hilig...

    HTML焦点元素获取: DOM activeElement元素-聚焦、失焦

    给一个元素获取鼠标焦点闪烁很简单,document getElementById( "inputID ...

    HTML转义字符:xss攻击与HTML字符的转义和反转义

    HTML常用转义字符对照表:最常用的字符实体 Character Entities、ISO 885...

    中断操作:AbortController学习笔记

    AbortController是一个DOM API。MDN上对它的介绍是 AbortController接口表...

    图片懒加载[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安全:中间人攻击

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

    htmlmore>>

    html5more>>

    webmore>>

    xmlmore>>