文章列表

JavaScript 简单操作元素

该内容演示了通过原生JavaScript实现DOM元素交互效果的技术方案,包含浏览器兼容性处理、事件绑定封装及基于定时器的属性动画实现。代码针对IE与非IE环境分别采用attachEvent与addEventListener绑定mouseo 阅读全文

跨浏览器 XHR

, ,
介绍跨浏览器XMLHttpRequest兼容方案,重点解决IE与Opera浏览器对原生XHR的支持缺失问题。针对IE通过ActiveXObject封装Microsoft.XMLHTTP或Msxml2. 阅读全文

关于 CData

,
CData(Character Data)是XML及XHTML中用于标记字符数据的语法结构,其核心作用在于告知解析器将包裹内容视为纯文本而非标记语言,从而避免特殊符号被自动转义。该机制最初为解决XHTML对JavaScript中"<"等符号 阅读全文

如何避开关键字

,
在编程语言解析过程中,关键字可能被误识别导致执行中断。以 JavaScript 为例,当字符串中包含 `</script>` 时,HTML 解析器会提前终止脚本块。解决方案包括字符拼接法,将关键字拆分为无意义字串组合;或采用外部数据存储,利 阅读全文

重新看待 Web 前端性能

, , , ,
Web前端性能优化可从四个维度系统推进:一是减少HTTP请求数,通过降低浏览器与服务器握手频次提升加载速度;二是优化数据内容,涵盖图片格式选择、CSS/JS压缩、CDN部署、缓存策略配置及Cookie体积控制,JSON替代XML可进一步缩减 阅读全文

DOM 获取集合元素效率比较

, , ,
通过循环测试对比了 jQuery 选择器、HTML-DOM 与 DOM-Core 三种方式获取集合元素的执行效率。测试采用千次循环计时,结果显示 HTML-DOM(document.forms)速度最优,DOM-Core(getElemen 阅读全文

防止统计数据出错

,
通过检测当前页面域名与预设白名单是否匹配,可识别统计代码是否被误复制到其他站点运行。当域名不匹配时触发提示,提醒使用者移除误用的代码。该方案亦可扩展为自动插入脚本元素,主动阻止非授权域名的统计代码执行,从源头避免数据污染。 阅读全文

新浪微博批量删除

, ,
提供一段 JavaScript 脚本,用于在 Firefox 或 Chrome 浏览器中批量删除新浪微博帖子。操作前需进入个人主页,通过浏览器控制台执行代码,脚本将自动遍历并删除所有微博内容,过程中可按 F5 中止。 阅读全文