<?xml version="1.0" encoding="utf-8"?>
<!--  RSS generated by phpcms.cn RSS Builder [2026-03-10 08:24:16]  --> 
<rss version="2.0" xmlns:im="http://purl.org/rss/1.0/item-images/" xmlns:dc="http://purl.org/dc/elements/1.1/" >
<channel>
<pubDate>Tue, 10 Mar 2026 08:24:16 +0800</pubDate>
<lastBuildDate>Tue, 10 Mar 2026 08:24:16 +0800</lastBuildDate>
<docs>https://www.zhoulujun.cn</docs>
<description>通用标记语言，常用的就是html、xml，当然不止这些。</description>
<link>https://www.zhoulujun.cn</link>
<title>SGML</title>
<image>
<title>SGML</title>
<url><![CDATA[]]></url>
<link>https://www.zhoulujun.cn</link>
<description>通用标记语言，常用的就是html、xml，当然不止这些。</description>
</image>
<webMaster>https://www.zhoulujun.cn</webMaster>
<generator>https://www.zhoulujun.cn</generator>
<ttl>60</ttl>
<dc:creator>https://www.zhoulujun.cn</dc:creator>
<dc:date>Tue, 10 Mar 2026 08:24:16 +0800</dc:date>
<item>
<title><![CDATA[微软弃子之矢量图形标记语言VML的消亡史]]></title>
<link><![CDATA[/html/webfront/SGML/xml/2025_0106_9414.html]]></link>
<description><![CDATA[1996年微软推出矢量图形标记语言VML（Vector Markup Language），以图增强IE浏览器的图形支持。从IE5 0到8 0 ，从office2000到2013，VML都是微软的心头好！
但是GML,PGML,SVG都不是吃素的。最终svg全面胜利！]]></description>
<pubDate>2025-01-06 16:57:18</pubDate>
<guid><![CDATA[/html/webfront/SGML/xml/2025_0106_9414.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[前端JS超大文件读取：浏览器与nodejs如何做大文件操作]]></title>
<link><![CDATA[/html/webfront/SGML/web/2024_0808_9213.html]]></link>
<description><![CDATA[浏览器的文件读取﻿HTML5 的FileReader API 可以让客户端浏览器对用户本地文件进行读取，这样就不再需要上传文件由服务器进行读取了，这   ]]></description>
<pubDate>2024-08-08 13:39:43</pubDate>
<guid><![CDATA[/html/webfront/SGML/web/2024_0808_9213.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[手搓一个HTML解释器（HTMLParser ）]]></title>
<link><![CDATA[/html/webfront/SGML/htmlBase/2024_0715_9170.html]]></link>
<description><![CDATA[<img src=/uploadfile/images/2024/07/thumb_150_150_20240715113837132042879.png border='0' /><br />使用 DOM 解析 HTML，可是使用原生的DOMParser，流行的 HTML 解析器库包括：Cheerio jsdom htmlparser2等。可以使用 innerHTML 、outerHTML、insertAdjacentHTML  HTML 字符串插入到已存在的 DOM 元素中。但如果要手工实现呢？]]></description>
<pubDate>2024-07-15 21:37:46</pubDate>
<guid><![CDATA[/html/webfront/SGML/htmlBase/2024_0715_9170.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[再谈BOM和DOM(8)：NodeList与HTMLCollection的区别]]></title>
<link><![CDATA[/html/webfront/SGML/xml/2021_0511_9099.html]]></link>
<description><![CDATA[NodeListNodeList 对象是Node节点的集合&mdash;&mdash;只包含 Node 节点的集合！NodeList 常用于 DOM（文档对象模型）操作中，例如使用 querySe   ]]></description>
<pubDate>2021-05-11 19:15:00</pubDate>
<guid><![CDATA[/html/webfront/SGML/xml/2021_0511_9099.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[Web Components从技术解析到生态应用个人心得指北]]></title>
<link><![CDATA[/html/webfront/SGML/htmlBase/2012_0823_9020.html]]></link>
<description><![CDATA[<img src=/uploadfile/images/2024/01/thumb_150_150_20240115114304410472623.jpg border='0' /><br />深入了解Web Components的历史、技术原理，然后告诉你为什么不用学原生的相关API？为什么vue react没有全面拥抱它？非得用它，该选择哪个框架？]]></description>
<pubDate>2012-08-23 10:45:00</pubDate>
<guid><![CDATA[/html/webfront/SGML/htmlBase/2012_0823_9020.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[浏览器滚动条操作史话：scrollIntoView/animate等方法的来龙去脉]]></title>
<link><![CDATA[/html/webfront/SGML/htmlBase/2022_1223_9017.html]]></link>
<description><![CDATA[操作滚动条滚动到指定为止，可以通过window location hash，可以window scrollTo,也可以是element scrollIntoView，还可以用更复杂的 animate(keyframes, options)。本文吧他们的来龙去脉 考古一下]]></description>
<pubDate>2022-12-23 11:34:00</pubDate>
<guid><![CDATA[/html/webfront/SGML/htmlBase/2022_1223_9017.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[前端预览页面优化解决思路笔记]]></title>
<link><![CDATA[/html/webfront/SGML/html5/2023_0920_8980.html]]></link>
<description><![CDATA[<img src=/uploadfile/images/2023/09/thumb_150_150_20230920114232540530663.jpg border='0' /><br />比如可视化话数据仪表盘预览，如下图所示：常规的预览方案就是弹窗预览，比如datatalk：https:  cloud tencent com product tbdt如果是新开   ]]></description>
<pubDate>2023-09-20 11:05:16</pubDate>
<guid><![CDATA[/html/webfront/SGML/html5/2023_0920_8980.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[custom element 创建自定义元素与new Event创建自定义事件]]></title>
<link><![CDATA[/html/webfront/SGML/html5/2023_0204_8909.html]]></link>
<description><![CDATA[custom element 创建自定义元素与new Event创建自定义事件 结合起来可以做很多事情，这个经验总结，晚点写（晋级PPT下周答辩了，还没有   ]]></description>
<pubDate>2023-02-04 11:46:45</pubDate>
<guid><![CDATA[/html/webfront/SGML/html5/2023_0204_8909.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[vue-grid-layout数据可视化图表面板优化过程所遇问题汇总]]></title>
<link><![CDATA[/html/webfront/SGML/html5/2023_0120_8904.html]]></link>
<description><![CDATA[<img src=/uploadfile/images/2023/01/thumb_150_150_20230120203001875060485.jpg border='0' /><br />此文为数据可视化vue-grid-layout拖曳布局实践总结，在实现过程中的一些避坑点]]></description>
<pubDate>2023-01-20 22:54:44</pubDate>
<guid><![CDATA[/html/webfront/SGML/html5/2023_0120_8904.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[target.closest妙用：UI(click/mousemove/drag/drop)事件元素查找捷径]]></title>
<link><![CDATA[/html/webfront/SGML/web/2019_0913_8893.html]]></link>
<description><![CDATA[在jQuery时代，$( e target ) closest( "li ") toggleClass( "hilight ");非常常见,脱离JQuery，closest原生事件非常给力。不过需要注意的是e target与e currentTarget的区别]]></description>
<pubDate>2019-09-13 18:26:00</pubDate>
<guid><![CDATA[/html/webfront/SGML/web/2019_0913_8893.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[HTML焦点元素获取： DOM activeElement元素-聚焦、失焦]]></title>
<link><![CDATA[/html/webfront/SGML/htmlBase/2022_0719_8868.html]]></link>
<description><![CDATA[给一个元素获取鼠标焦点闪烁很简单，document getElementById( "inputID ") focus();但是如何让元素失去焦点，不不知道是哪个元素得到焦点。 document activeElement blur();]]></description>
<pubDate>2022-07-19 21:47:56</pubDate>
<guid><![CDATA[/html/webfront/SGML/htmlBase/2022_0719_8868.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[HTML转义字符：xss攻击与HTML字符的转义和反转义]]></title>
<link><![CDATA[/html/webfront/SGML/htmlBase/2022_0617_8846.html]]></link>
<description><![CDATA[HTML常用转义字符对照表：最常用的字符实体 Character Entities、ISO 8859-1 (Latin-1)字符集、数学和希腊字母标志、重要的国际标记、JavaScript转义符、富文本通用转义字符、HTML特殊转义字符对照表]]></description>
<pubDate>2022-06-17 11:16:12</pubDate>
<guid><![CDATA[/html/webfront/SGML/htmlBase/2022_0617_8846.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[中断操作：AbortController学习笔记]]></title>
<link><![CDATA[/html/webfront/SGML/html5/2022_0530_8824.html]]></link>
<description><![CDATA[<img src=/uploadfile/images/2022/05/thumb_150_150_20220530170819954110257.png border='0' /><br />AbortController是一个DOM API。MDN上对它的介绍是 AbortController接口表示一个控制器对象。AbortController可以用在fetch和addEventListener，分别用来废弃请求和废弃监听器。这是一个]]></description>
<pubDate>2022-05-30 16:50:58</pubDate>
<guid><![CDATA[/html/webfront/SGML/html5/2022_0530_8824.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[图片懒加载[lazyload  images]之H5原生]]></title>
<link><![CDATA[/html/webfront/SGML/html5/2021_0927_8680.html]]></link>
<description><![CDATA[<img src=/statics/images/nopic.gif border='0' /><br />之前实现图片懒加载一般使用 jquery lazyload js，后面H5支持了loading= "lazy "属性，如今又有了个lazyload= "on "来开启图片懒加载。lazyload支持img与iframe属性，和video的preload效果类似]]></description>
<pubDate>2021-09-27 16:43:21</pubDate>
<guid><![CDATA[/html/webfront/SGML/html5/2021_0927_8680.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[web内容如何保护：如何有效地保护 HTML5 格式的视频内容?]]></title>
<link><![CDATA[/html/webfront/SGML/web/2021_0801_8651.html]]></link>
<description><![CDATA[<img src=/uploadfile/images/2021/08/thumb_150_150_20210802000237769898013.png border='0' /><br />（Digital Rights Management）通过对数字内容进行加密和附件使用规则，对数字内容进行保护。提供了widevine、fairPlay、playReady等国际通用的保护机制。

]]></description>
<pubDate>2021-08-01 23:16:24</pubDate>
<guid><![CDATA[/html/webfront/SGML/web/2021_0801_8651.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[如何纯CSS实现标题栏、表格头水平滚动垂直不滚动]]></title>
<link><![CDATA[/html/webfront/SGML/html5/2021_0731_8650.html]]></link>
<description><![CDATA[有些报表会很宽，浏览器水平放不下，需要水平滚动显示，这个可以设置overflow-y:hidden实现，很基本的实现，没什么难度。但是，如果同时希望垂直滚动的时候，表格头是固定的。此时该如何实现呢？]]></description>
<pubDate>2021-07-31 20:28:56</pubDate>
<guid><![CDATA[/html/webfront/SGML/html5/2021_0731_8650.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[图表列表性能优化：可视化区域内最小资源消耗]]></title>
<link><![CDATA[/html/webfront/SGML/html5/2021_0619_8640.html]]></link>
<description><![CDATA[<img src=/uploadfile/images/2021/06/thumb_150_150_20210618215324562164742.png border='0' /><br />本来想标题党：一个组件的自我修养之路。其实就是通过 (Intersection Resize)Observer+getBoundingClientReact去优化图表列表性能，给新手指出其中的注意事项。]]></description>
<pubDate>2021-06-19 11:15:19</pubDate>
<guid><![CDATA[/html/webfront/SGML/html5/2021_0619_8640.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[懒加载优化：JavaScript IntersectionObserver API监听元素是否可见]]></title>
<link><![CDATA[/html/webfront/SGML/html5/2021_0110_8601.html]]></link>
<description><![CDATA[传统的滚动加载，通过滚动，去判断元素是否可见，在去根据需求去加载元素。但是，元素本身是一个复杂的组件，这样做就比较麻烦。况且滚动事件是不断触发，需要做一些列的性能优化处理]]></description>
<pubDate>2021-01-10 21:56:26</pubDate>
<guid><![CDATA[/html/webfront/SGML/html5/2021_0110_8601.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[前端性能监控：window.performance 属性分析]]></title>
<link><![CDATA[/html/webfront/SGML/html5/2019_0919_8506.html]]></link>
<description><![CDATA[<img src=/uploadfile/images/2020/07/thumb_150_150_20200702163804403205781.png border='0' /><br />window performance是用来测量网页和web应用程序的性能，他提供一组精确的数据，通过一些简单的计算，就可以得出一些有关网页的性能数据。]]></description>
<pubDate>2019-09-19 16:34:00</pubDate>
<guid><![CDATA[/html/webfront/SGML/html5/2019_0919_8506.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
<item>
<title><![CDATA[Preload与Prefetch的区别以及webpack项目中如何优化]]></title>
<link><![CDATA[/html/webfront/SGML/html5/2020_0702_8505.html]]></link>
<description><![CDATA[<img src=/uploadfile/images/2020/07/thumb_150_150_20200702153720182114160.png border='0' /><br />preload 是一个声明式 fetch，可以强制浏览器在不阻塞 document 的 onload 事件的情况下请求资源。​webpack code-splitting 搭配preload优化单页面应用，可以大幅提示用户的网卡请求等待感知]]></description>
<pubDate>2020-07-02 15:32:27</pubDate>
<guid><![CDATA[/html/webfront/SGML/html5/2020_0702_8505.html]]></guid>
<author>https://www.zhoulujun.cn</author>
</item>
</channel>
</rss>
