全部内容
JavaScript实现通讯录功能

本文介绍了使用JavaScript实现通讯录功能的具体代码,包含HTML结构、CSS样式和JavaScript逻辑。通过示例代码展示了如何创建、编辑和删除联系人信息,适合前端开发者参考学习。

10.24
热度 284
JS实现头像本地预览与服务器提交方案

本文详细讲解如何在Web端实现头像上传与本地预览功能。通过对比服务器临时存储与本地内存预览两种方案,推荐采用在客户端利用FileReader将图片转换为Base64编码进行即时预览,确认后再通过Ajax异步提交至服务器的做法。文章提供了HTML结构、JS逻辑及CSS样式的完整代码示例,并解释了同步与异步Ajax请求的区别。

10.24
热度 368
Vue 结合 sortablejs 实现 Element UI el-table 拖拽排序

本文介绍如何在 Vue 项目中利用 sortablejs 库实现 Element UI 表格(el-table)的行拖拽排序功能。内容涵盖 sortablejs 的安装引入、核心代码配置及样式定义,帮助开发者快速掌握表格交互排序的实现方法。

10.24
热度 658
JavaScript 浮点数运算精度问题与解决方案

本文深入解析JavaScript中浮点数运算产生精度误差的根本原因,并提供了一套完整的解决方案。通过介绍将浮点数转换为整数进行运算再还原的方法,实现了高精度的加法、减法、乘法和除法函数。此外,文章还展示了如何扩展Number原型以简化调用,确保金融或高精度场景下的计算准确性。

10.24
热度 298
JavaScript 模拟 MVC 架构实现点餐系统详解

本文通过一个模拟点餐程序,详细解析 JavaScript 中 MVC(模型-视图-控制器)模式的实际应用。案例将业务逻辑抽象为模型,界面交互作为视图,控制器负责协调两者。重点展示了如何通过监听器和回调函数实现数据状态变更时的界面自动更新,帮助开发者理解前后端分离思想在前端单页应用中的落地方式。

10.24
热度 409
在HTML中嵌入与引入JavaScript的两种核心方式

本文详细解析在HTML文档中使用JavaScript的两种主要方式:直接在script标签内嵌入代码,以及通过src属性引入外部JS文件。重点说明type属性的默认行为、多script标签的使用规范,以及带有src属性的标签内部代码被忽略的关键注意事项,帮助开发者正确配置脚本加载。

10.24
热度 269
jQuery实现页面内多次使用的悬浮气泡提示框

本文介绍基于jQuery实现的鼠标悬浮气泡提示功能。通过修改核心逻辑,解决了传统示例仅支持单个实例的问题,实现了在同一页面中多次调用且互不干扰的效果。内容包含完整的HTML结构、CSS样式定义及JavaScript定位算法,适用于需要轻量级交互提示的前端开发场景。

10.24
热度 486
JS removeChild 遍历时删除元素的常见陷阱与修正方案

本文探讨在使用 JavaScript 的 removeChild 方法动态删除 DOM 节点时,直接遍历 NodeList 可能导致的逻辑错误。由于 getElementsByTagName 返回的是实时集合,删除节点会改变其长度,导致遍历索引越界或跳过元素。文章通过对比错误代码与正确实现,指出应固定长度变量或反向删除,以解决这一常见的 DOM 操作陷阱。

10.24
热度 462
ES6字符串扩展方法详解:Unicode、模板字符串与新增API

本文详细介绍ES6中字符串类型的扩展功能,涵盖Unicode码点的大括号表示法、支持遍历大于0xFFFF字符的遍历器接口、具备变量嵌入与函数调用能力的模板字符串,以及includes、startsWith、endsWith、repeat和padStart/padEnd等新增字符串方法的使用场景与注意事项。

10.24
热度 606
ES5与ES6类机制深度对比:语法、继承与作用域差异

本文详细对比ES5与ES6中类的定义与调用方式。ES5依赖构造函数与原型链,而ES6引入class关键字作为语法糖。重点分析两者在实例化必须使用new、变量提升机制(函数作用域vs块作用域)、静态成员定义及继承原理(先创建子类实例vs父类实例)上的核心差异,帮助开发者深入理解JavaScript面向对象编程的演进。

10.24
热度 109
原生JavaScript实现京东风格商品图片放大镜效果

本文详细介绍如何使用原生JavaScript实现类似京东的商品图片放大镜效果。通过监听鼠标移入、移出及移动事件,动态控制遮罩层与大图的显示与位置同步,无需依赖第三方库即可完成高清局部放大交互。

10.24
热度 149
基于JavaScript与Zepto实现移动端无缝轮播图

本文介绍利用Zepto.js与Touch.js库实现移动端无缝轮播图的方法。通过HTML结构复制首尾图片、CSS控制容器宽度及JS监听滑动事件,结合CSS3 Transform实现平滑过渡。代码包含完整的DOM操作、索引计算与过渡动画逻辑,适合前端开发者参考学习。

10.24
热度 424

标签目录

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 应用部署