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

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

10.26
热度 284
JavaScript实现仿WebQQ“浮云”背景滚动效果(兼容IE7+及Firefox)

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

10.26
热度 451
jQuery实现网页标签按文字长度排序

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

10.26
热度 231
JavaScript 继承实现:多边形与三角形的原型链示例

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

10.26
热度 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加载检测提供了具体实现参考。

10.26
热度 462
JavaScript ES6 Set与Map集合详解:语法、API及源码实例

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

10.26
热度 277
JavaScript中call、apply与bind方法的区别及实战应用

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

10.26
热度 473
JavaScript实时监听文本框输入状态:兼容IE与标准浏览器的实现方案

本文介绍如何在JavaScript中实时监听文本框输入状态,通过判断浏览器类型实现兼容。IE浏览器使用onpropertychange事件,而标准浏览器如Chrome则采用addEventListener监听input事件,确保在不同环境下均能即时获取用户输入值。

10.26
热度 210
JS实现文件流式打包下载方法详解及完整代码

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

10.26
热度 293
Vue项目中通过axios封装this.$get/$post等全局方法

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

10.26
热度 393
JavaScript中window.event.keyCode的使用与回车键替换技巧

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

10.26
热度 125
JavaScript编程中常见的五个低级错误及修正指南

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

10.26
热度 534

标签目录

JavaScript 核心技术JavaScript 基础JavaScript 函数与作用域JavaScript 对象与原型JavaScript 数组与数据处理JavaScript 异步编程JavaScript 项目实战
浏览器与 Web 开发DOM 与事件浏览器 API网络请求与通信浏览器数据存储前端调试前端安全
前端框架与应用VueReactNext.jsNuxt前端状态管理前端性能优化
TypeScript 与工程化TypeScript前端构建依赖管理自动化测试前端部署代码规范与重构
Node.js 后端开发Node.js 基础Node.js Web 框架数据库开发接口开发与鉴权服务部署与运维Node.js 性能优化
AI 开发与应用大模型 API 开发AI 智能体开发RAG 与知识库AI 编程工具AI 多模态应用AI 应用部署