文章列表

正则表达式游戏

记录通过正则表达式游戏网站regex.alf.nu的解题过程,涵盖八道题目。每题给出匹配目标字符串与排除干扰项的解题思路,展示从初始解法到逐步优化、提升分数的探索过程,涉及字符匹配、边界定位、分组引用、前瞻断言、素数判断等正则技巧,体现表达 阅读全文

JavaScript 目录迁移

, ,
记录一次基于JavaScript的文档目录迁移实践。旧版目录数据存储于MySQL,通过浏览器开发者工具提取DOM中的分类名称与ID,经过去重和键值互换处理形成基础数据映射。新版采用四级目录结构,因三级目录容量达两位数,需预留ID空间;借助W 阅读全文

JavaScript 计算星座和生肖

, , ,
提供基于 JavaScript 的生肖与星座计算工具代码,封装为 Calculator 对象。生肖计算支持两位简写年份自动补全为 19XX 或 20XX,兼容多种日期格式输入,通过年份模 12 运算匹配十二生肖。 阅读全文

JavaScript 事件绑定那些事

, ,
JavaScript事件绑定应优先采用事件委托机制而非直接为单个元素绑定onclick。直接绑定会导致DOM元素移除后事件句柄仍滞留内存,在动态增删内容的场景中引发内存泄漏与性能下降。通过将事件监听挂载至父级容器,利用事件冒泡统一处理子元素 阅读全文

JavaScript 使用正则表达式去除字符串空格效率简单的探讨

, ,
这个东西大概两周前就写了,不过由于个人状态不佳,没有放出来,今天微博上有童鞋讶异为什么我说常规的正则效率不是最高的,那么我就来简单的说一下,不过和题目中说的一样,我们是探讨,如果有疑问或者更好的看法不妨提出来。首先把测试链接发出来,有兴趣的童鞋可以去试一试。[http://jsperf.com/sy-trim-regexp] 阅读全文

腾讯前端特工解题思路

腾讯前端特工解题思路,涵盖 JavaScript 基础知识、DOM 操作、事件处理、异步编程、浏览器兼容性等核心概念。通过实际案例分析,帮助读者理解并掌握前端开发中的常见问题与解决方案,提升代码质量和开发效率。 阅读全文

JavaScript 使用 Canvas 绘制 Matrix

, ,
基于 Canvas API 实现《黑客帝国》数字雨视觉效果,核心原理为:全屏画布叠加半透明黑色矩形形成拖尾残影,循环生成随机 Unicode 字符并纵向位移,通过数组控制 256 列字符的纵坐标重置逻辑,以 33 毫秒间隔持续渲染,最终形成 阅读全文

IE6 hover 支持

, , , ,
该页面介绍了一款名为"Whatever:hover"的IE6 HTC脚本解决方案,由Peter Nederlof开发,用于让旧版IE浏览器支持:hover、:active、:focus等CSS伪类。脚本通过解析样式表中的交互式伪类选择器,动 阅读全文

JavaScript 标题滚动

, ,
提供一段JavaScript代码实现浏览器窗口标题的动态滚动效果,包含完整版与压缩版两种实现方式。核心原理是通过定时器逐字截取字符串并更新document.title属性,循环展示指定文本内容,适用于网页提示信息或视觉吸引场景。 阅读全文

jQuery Object Opacity

, , ,
该插件用于动态调整页面元素的透明度效果,支持根据目标对象数量自动选择绑定策略:当存在多个元素时可启用事件代理以提升性能,单元素场景则直接绑定事件。提供 warp、hover、event、focus、blur、speed 等配置参数,可自定义 阅读全文