全部内容
Vue过滤器与内置指令、自定义指令及组件使用详解

本文详细解析Vue中的过滤器与内置指令。介绍过滤器的局部与全局定义及用法,讲解v-text、v-html、v-cloak、v-once、v-pre等内置指令的功能与注意事项,特别是v-html的安全风险。同时涵盖自定义指令的钩子函数、组件的创建与注册流程,以及组件命名规范、VueComponent与Vue实例的this指向关系。

2026-10-26 07:36:54
284
青团子
JavaScript实现仿WebQQ“浮云”背景滚动效果(兼容IE7+及Firefox)

本文介绍如何使用JavaScript和CSS实现仿WebQQ界面的“浮云”背景滚动特效。通过设置CSS绝对定位与背景图,结合JavaScript的setInterval定时器控制元素位置,实现云朵从左向右平滑移动并循环的效果。代码兼容IE7及以上版本及Firefox浏览器,适合用于网页背景装饰。

2026-10-26 07:36:51
451
窗边听雨
jQuery实现网页标签按文字长度排序

本文介绍利用jQuery实现网页标签按文字长度排序的方法。核心思路是将页面标签提取至对象数组,通过JavaScript对数组进行排序,最后将排序后的内容覆盖回页面。示例代码展示了如何获取包含特定文本的标签,克隆并排序后重新渲染,适用于简单的列表排序场景。

2026-10-26 07:36:11
231
微光
JavaScript 继承实现:多边形与三角形的原型链示例

本文通过 JavaScript 代码示例,演示如何利用构造函数和原型链实现面向对象继承。定义了 Polygon 基类并设置默认面积方法,随后创建 Triangle 子类,通过调用父类构造函数继承属性,并重写 getArea 方法以计算三角形面积。最后实例化三角形对象并输出边数与计算结果,展示了基础的继承机制。

2026-10-26 07:35:41
212
木棉
各浏览器对link标签onload/onreadystatechange事件支持的差异分析

本文对比分析了HTML中link标签的onload与onreadystatechange事件在不同浏览器中的支持情况。测试表明,IE6至IE9及Opera静态HTML中均支持onload,而Firefox、Safari和Chrome不支持。对于onreadystatechange,仅IE系列支持且会触发两次状态变化;Opera仅在动态创建link元素时支持该事件。通过JS动态创建link可触发Opera的onreadystatechange,为跨浏览器CSS加载检测提供了具体实现参考。

2026-10-26 07:35:22
462
交互手记
JavaScript ES6 Set与Map集合详解:语法、API及源码实例

本文详细介绍JavaScript ES6新增的Set和Map数据结构。Set用于存储唯一值,支持添加、删除和遍历;Map用于键值对存储,键可为任意类型。文章通过源码示例演示了Set的数组去重、交集并集差集运算,以及Map的增删改查和遍历操作,并对比了Map与Object的区别,帮助开发者根据场景选择合适的存储结构。

2026-10-26 07:34:15
277
函数茶馆
JavaScript中call、apply与bind方法的区别及实战应用

本文详解JavaScript中call、apply和bind三个核心函数的用法与区别。三者均可改变函数内部的this指向,但call和apply会立即执行函数,而bind返回新函数不立即执行。主要区别在于参数传递形式:call接受参数列表,apply接受数组。call常用于继承,apply常用于数组最大值计算,bind常用于定时器或事件处理中绑定this。

2026-10-26 07:33:17
473
小括号
JS实现文件流式打包下载方法详解及完整代码

本文详解如何在JS中实现文件流式打包下载,解决大文件内存溢出问题。通过Service Worker拦截请求并构造响应,利用StreamSaver.js方案实现前端数据流式写入下载线程,支持压缩与格式转换等场景。

2026-10-26 07:31:48
293
橙子
Vue项目中通过axios封装this.$get/$post等全局方法

本文详解在Vue项目中如何基于axios封装全局HTTP请求方法。通过定义install方法,将封装好的http模块注册为Vue插件,从而在组件中直接使用this.$get、this.$post、this.$put、this.$del及this.$fetch进行数据交互,并支持配置超时与拦截器。

2026-10-26 07:29:00
393
青团子
JavaScript中window.event.keyCode的使用与回车键替换技巧

本文介绍JavaScript中window.event.keyCode的使用,用于监听键盘按键并获取其ASCII码。通过示例展示如何在onkeydown事件中捕获按键值,并演示将回车键(keyCode 13)替换为Tab键(keyCode 9)的具体实现方法,帮助开发者优化表单交互体验。

2026-10-26 07:28:14
125
像素漫游
JavaScript编程中常见的五个低级错误及修正指南

本文总结了JavaScript开发中常见的五个低级错误:缺乏命名空间导致全局污染、变量定义位置混乱、误解函数级作用域、忽视原型链机制以及滥用new关键字。通过规范代码结构、理解作用域规则及优先使用对象字面量,可显著提升代码的可维护性与执行效率。

2026-10-26 07:26:55
534
半夏