全部内容
JavaScript 全面解析各种浏览器网页中的JS 执行顺序

本文深入解析JavaScript在浏览器中的执行机制,详细对比六种常见的JS引入方式,包括外部文件引入、内联脚本、document.write动态注入、Ajax结合eval执行以及DOM动态创建脚本元素。重点分析不同加载方式对页面渲染及代码执行顺序的影响,特别是异步与同步加载的区别,帮助开发者掌握跨域取数及复杂场景下的脚本控制技巧。

2026-10-23 12:13:27
456
交互手记
JavaScript提升机制Hoisting详解

本文深入解析JavaScript中的提升机制(Hoisting),通过剖析词法分析、AST生成及代码执行三个阶段,阐明变量与函数声明在编译期的默认赋值行为。重点讲解函数优先原则及var声明的隐式赋值,帮助开发者清晰理解代码执行顺序与结果。

2026-10-23 12:13:00
604
代码拾荒
p5.js动态GIF临摹:棍状体与螺旋体的匀速圆周运动实现

本文基于互动媒体技术实验,使用p5.js库对动态GIF图像进行临摹重现。文章详细解析了棍状体与螺旋体两个核心部分的运动规律,重点阐述如何利用三角函数实现匀速圆周运动,并提供了完整的p5.js代码实现。此外,还总结了p5.js在函数参数声明与变量类型使用上的特性,并展示了一个结合鼠标交互的时钟扩展作品。

2026-10-23 12:12:38
632
异步漫步
p5.js实现动态粒子连线与交互效果教程

本文介绍使用p5.js临摹动态图形的实现方法。通过随机生成圆点运动轨迹,当圆点间距离小于设定阈值时绘制连线并加深颜色。代码展示了闪光圆点的绘制逻辑及鼠标交互功能,包括线条附着鼠标及靠近时圆点加速运动的效果。

2026-10-23 12:12:18
227
窗边听雨
p5.js实战:利用正六边形与变换函数实现动态图形生成

本文介绍如何使用p5.js库进行代码绘图,通过定义正六边形函数并结合translate平移与rotate旋转函数,实现基础图形的批量排列与持续旋转效果。文章提供了完整代码示例,并演示了如何通过调整颜色与时间参数对图形进行简单改编,帮助初学者理解编程生成动态视觉元素的基本逻辑。

2026-10-23 12:12:02
346
闭包旅人
p5.js动态同心圆动画实现与相位差拓展

本文详解使用p5.js绘制动态同心圆的实现方法。通过正弦函数控制白色圆半径变化,利用相位差参数调整视觉效果。文章提供基础临摹代码及相位差拓展方案,帮助开发者理解动画周期与视觉扩散效果的关系。

2026-10-23 12:11:48
76
小圆点
JavaScript 获取 URL 参数的两种实现方法

本文介绍在 JavaScript 中获取 URL 查询参数的两种常用方法。第一种通过字符串分解,利用 indexOf 和 substring 提取参数;第二种使用正则表达式直接匹配。文中提供了完整的函数代码及测试示例,并处理了加号转空格的情况,适用于前端开发中的参数解析场景。

2026-10-23 12:11:27
532
半夏
JavaScript 跨浏览器获取选中文本的实现方案

本文介绍如何在 JavaScript 中获取用户选中的文本内容。针对现代浏览器(Firefox、Chrome、Safari、Opera),推荐使用 window.getSelection() 方法;而在旧版 IE 浏览器中,需使用 document.selection.createRange().text。文章提供了将两者结合的兼容代码示例,确保在不同环境下均能正确返回选区文本。

2026-10-23 12:11:06
267
交互手记
vue-cli 基础配置及 webpack 配置修改的完整步骤

本文详细讲解如何使用 vue-cli 脚手架快速构建 Vue 项目,涵盖全局安装、交互式创建选项(如 Router、Vuex、CSS 预处理器)及目录结构解析。重点介绍通过 vue.config.js 修改 webpack 默认配置的方法,包括路径、插件及代理设置,帮助开发者掌握前端工程化核心流程。

2026-10-23 12:10:37
295
组件花园
Vue.js实现数字输入框组件及双向数据绑定

本文介绍如何在Vue.js中开发一个限制只能输入数字的自定义输入框组件。通过组件封装、监听器控制以及利用eval函数实现与父组件数据的双向绑定,解决单向绑定的局限,并提供扩展字母或中文输入的可能性。

2026-10-23 12:10:30
388
雾松
使用JavaScript检测.NET Framework 3.5安装状态

本文介绍一个基于HTML和JavaScript的检测脚本,用于判断系统中是否已安装.NET Framework 3.5。脚本通过解析浏览器用户代理字符串中的.NET CLR版本,并与目标版本3.5.0.0进行比对,最终在页面显示具体的检测结果及用户代理信息。

2026-10-23 12:09:45
121
拾光
Vue.js 数字输入框组件实现与使用详解

本文详细介绍如何在 Vue.js 中实现一个自定义的数字输入框组件。通过封装 input 元素与加减按钮,结合 v-model 双向绑定及 max/min 属性限制,演示了组件的核心逻辑与注册方法,并提供完整的 HTML 入口与 JS 实现代码供参考。

2026-10-23 12:09:38
524
南栀