当前位置:首页 > 技术文章 > web前端 > js教程

  • JavaScript 自定义事件:创建与分发自定义 DOM 事件
    JavaScript 自定义事件:创建与分发自定义 DOM 事件
    自定义事件通过CustomEvent创建,配合dispatchEvent分发和addEventListener监听,实现组件间解耦通信。1.使用newCustomEvent(‘name’,{bubbles,cancelable,detail})定义事件;2.调用element.dispatchEvent(event)触发;3.用addEventListener(‘name’,handler)接收,可跨组件传递数据,适用于表单验证等场景。
    js教程 . web前端 816 2025-11-05 23:54:02
  • 现代JavaScript模块化开发实践与演进
    现代JavaScript模块化开发实践与演进
    JavaScript模块化从早期全局污染问题演进到ESModules标准,历经IIFE、CommonJS、AMD等方案,最终通过import/export实现静态分析、循环引用处理及跨平台支持,结合Webpack、Vite等工具优化开发流程,成为现代前端工程化核心基础。
    js教程 . web前端 567 2025-11-05 23:53:02
  • JS如何创建闭包_JavaScript闭包概念与实际应用场景方法详解
    JS如何创建闭包_JavaScript闭包概念与实际应用场景方法详解
    闭包是函数访问并记住外部作用域变量的机制,如示例中inner函数持续访问outer的count变量,实现私有状态;常用于创建私有变量、模块化编程和事件处理中的上下文保存,但需注意内存占用与泄漏问题。
    js教程 . web前端 887 2025-11-05 23:52:02
  • JavaScript实现下拉菜单联动:高效同步互斥选项
    JavaScript实现下拉菜单联动:高效同步互斥选项
    本教程详细讲解如何使用JavaScript实现两个下拉菜单(元素)的联动效果,特别是在需要它们显示互斥或相反选项的场景。通过事件委托和索引同步,我们将展示一个健壮且易于扩展的解决方案,确保用户在一个下拉菜单中做出选择时,另一个下拉菜单能自动更新到对应的相反选项,例如在语言翻译器中实现源语言和目标语言的自动切换。
    js教程 . web前端 309 2025-11-05 23:50:01
  • JS注解如何使用_ JS注解的实际使用场景与操作步骤
    JS注解如何使用_ JS注解的实际使用场景与操作步骤
    JS无原生注解,但可通过JSDoc添加类型文档、装饰器实现元数据标记,或在TypeScript中模拟注解功能,用于类型提示、框架集成与AOP编程。
    js教程 . web前端 964 2025-11-05 23:49:02
  • 前端路由原理与hash、history模式实现_javascript单页应用
    前端路由原理与hash、history模式实现_javascript单页应用
    单页应用无刷新跳转的核心是前端路由,通过监听URL变化并动态更新视图实现。主要采用hash模式和history模式:hash模式利用#后的锚点变化触发hashchange事件,兼容性好且无需后端配合;history模式使用pushState和popstate实现更美观的URL路径,需后端支持避免404。前者适合快速开发,后者提升用户体验与SEO,技术选型应根据项目需求与部署环境决定。
    js教程 . web前端 523 2025-11-05 23:47:28
  • JS函数如何声明_JS函数声明方式与执行顺序详解
    JS函数如何声明_JS函数声明方式与执行顺序详解
    函数声明会被提升到作用域顶部,可在声明前调用;函数表达式和箭头函数仅变量名提升,赋值后才能使用;同名情况下函数声明优先级高于变量声明,后续赋值可覆盖函数。
    js教程 . web前端 572 2025-11-05 23:45:02
  • js中有哪些书写位置
    js中有哪些书写位置
    内部脚本放head可能因DOM未加载导致操作失败,放body底部可安全操作元素;2.外部脚本利于分离与复用,推荐放body底部或使用async/defer避免阻塞;3.行内脚本混合结构与行为,不推荐大量使用;4.动态脚本通过JS创建,用于异步或条件加载,适用于懒加载等场景。
    js教程 . web前端 646 2025-11-05 23:43:06
  • 手写一个符合Promises/A+规范的Promise_js深度探索
    手写一个符合Promises/A+规范的Promise_js深度探索
    答案:手写符合Promises/A+规范的Promise需实现状态机、then链式调用与resolvePromise递归解析;包含pending/fulfilled/rejected三种状态,通过resolve/reject函数改变状态,then方法返回新Promise并注册回调,利用queueMicrotask确保异步执行,resolvePromise处理返回值为Promise或thenable的情况,防止循环引用,同时实现catch、finally、resolve、reject等辅助方法。
    js教程 . web前端 860 2025-11-05 23:41:01
  • JS DOM操作怎么实现_JS文档对象模型DOM操作详细指南
    JS DOM操作怎么实现_JS文档对象模型DOM操作详细指南
    掌握DOM操作需先获取元素,再修改内容、属性与样式。使用querySelector等方法选中节点,通过innerHTML或textContent更改内容,利用classList操作类名控制样式,结合createElement、appendChild、removeChild等实现元素增删,推荐通过class切换样式以提升可维护性,注意避免innerHTML带来的安全与性能问题。
    js教程 . web前端 320 2025-11-05 23:38:02
  • JavaScript WebRTC实时通信技术详解
    JavaScript WebRTC实时通信技术详解
    WebRTC通过MediaDevices、RTCPeerConnection和RTCDataChannel实现浏览器间音视频通话与数据传输。1.getUserMedia获取音视频流;2.信令交换SDP完成offer/answer协商;3.ICE框架利用STUN/TURN穿透NAT;4.RTCDataChannel支持低延迟双向数据传输,构建完整P2P通信。
    js教程 . web前端 711 2025-11-05 23:37:02
  • 使用Web Workers进行多线程计算的实践
    使用Web Workers进行多线程计算的实践
    WebWorkers是浏览器API,可在后台线程运行脚本,避免主线程阻塞。通过postMessage通信,适用于大数据处理、加密等耗时任务,提升应用性能。
    js教程 . web前端 690 2025-11-05 23:36:03
  • js柯里化函数的好处
    js柯里化函数的好处
    柯里化将多参函数转化为单参函数序列,提升复用性、支持参数预传与延迟执行,增强可读性、组合能力及测试便利性。
    js教程 . web前端 249 2025-11-05 23:35:17
  • 实现一个符合Promises/A+规范的Promise类
    实现一个符合Promises/A+规范的Promise类
    实现符合Promises/A+规范的Promise类需遵循状态不可逆、then链式调用、异步执行与错误捕获。核心包括:定义pending/fulfilled/rejected三种状态,通过resolve和reject函数变更状态并触发回调;then方法返回新Promise实例,支持onFulfilled与onRejected回调,并使用resolvePromise处理返回值,防止循环引用,递归解析嵌套Promise直至得到最终值。完整实现包含状态管理、回调队列、异步调度及类型安全判断,确保符合规
    js教程 . web前端 806 2025-11-05 23:33:02
  • 解决HTML网站中ASCII 3D文本显示“毛刺”问题:渲染原理与优化策略
    解决HTML网站中ASCII 3D文本显示“毛刺”问题:渲染原理与优化策略
    本文深入探讨了在HTML网站中使用ASCII3D文本时出现“毛刺”或线条可见性的问题。揭示了这些现象并非真正的故障,而是字符渲染特性和颜色对比度的结果。文章提供了两种核心解决方案:通过调整文本颜色以增强融合效果,或在不需要文本可复制性时采用图像替代,以确保视觉表现的清晰与专业。
    js教程 . web前端 432 2025-11-05 23:24:19

PHP讨论组

组员:3305人话题:1500

PHP一种被广泛应用的开放源代码的多用途脚本语言,和其他技术相比,php本身开源免费; 可以将程序嵌入于HTML中去执行, 执行效率比完全生成htmL标记的CGI要高许多,它运行在服务器端,消耗的系统资源相当少,具有跨平台强、效率高的特性,而且php支持几乎所有流行的数据库以及操作系统,最重要的是

学习途径

工具推荐

jQuery企业留言表单联系代码

jQuery企业留言表单联系代码是一款简洁实用的企业留言表单和联系我们介绍页面代码。
表单按钮
2024-02-29

HTML5 MP3音乐盒播放特效

HTML5 MP3音乐盒播放特效是一款基于html5+css3制作可爱的音乐盒表情,点击开关按钮mp3音乐播放器。
播放器特效
2024-02-29

HTML5炫酷粒子动画导航菜单特效

HTML5炫酷粒子动画导航菜单特效是一款导航菜单采用鼠标悬停变色的特效。
菜单导航
2024-02-29

jQuery可视化表单拖拽编辑代码

jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单。
表单按钮
2024-02-29

仿梦芭莎模板整站 For ECSHOP

ECSHOP仿梦芭莎模板整站源码,适合女性,化妆品等网站商城使用。 安装方法:1. 下载程序后,删除data目录下的install.lock文件。2.访问:域名/install 按照提示进行安装.3.安装完成后,登陆网站后台---还原数据库4.清空缓存5.修改管理员密码.,删除install和demo目录还原数据后,后台信息:用户名:admin密码:www.shopex5.com
电商源码
2025-11-17

易优cms包装印刷厂网站源码1.7.1

包装印刷厂网站源码适合印刷公司、图文门店、打印店进行区域业务拓展.通过网站展示业务,如特惠印刷楼书,纸杯,报纸书刊,画册,手提袋,信纸信封,海报,户型单,宣传单,等各种印刷品进行区域业务拓展,方便客户找到厂家。 易优cms包装印刷厂网站源码是基于易优cms开发,包含电脑端及移动端,如果需要小程序的话可以购买易优cms小程序插件,网站安装搭建简单,方便运营维护。 安装环境要求: 操作系统:Linux/Unix/Windows 软件环境:Apa
企业站源码
2025-11-17

汕头吧网上商城系统

特点与优点:1.界面布局合理美观,浏览方便,更具商城站点的风格;2.前后台功能强大好用,如三级分类、竞拍、排行榜、特价、促销、积分等;3.更具人性化,如定单反馈、会员与VIP分别显示不同的售价等;4.优化程序代码,执行速度快速;5.不错的短信联络管理员以及留言本的悄悄话功能等。功能介绍:商品的添加、修改、删除。 管理商品的订单及修改订单状态和网友对商品的评论。管理网站前台用户,可进行修改、删除操作。 对商品的大小分类进行添加、修改、转移、删除操作(共三级)。 对首页公告的添加、删除和更改。 管理会员积分
电商源码
2025-11-17

PlugNT SHOP 商城系统

PlugNT SHOP 是其中一款超轻便的开源商城系统,比传统商城更简单,功能更强大,PlugNT系统组成部分之一,系统采用ASP.NET(C#) +Access/MsSql + jQuery技术,简单三层结构。
电商源码
2025-11-17

潦草手绘风格数字合集矢量

潦草手绘风格数字合集矢量适用于数字设计等相关视觉场景设计的AI格式素材。
矢量素材
2025-11-17

国庆节活动邀请函背景矢量模板

国庆节活动邀请函背景矢量模板适用于国庆节等相关视觉场景设计的由AI生成的Ai格式素材。
矢量素材
2025-11-17

美术暑期兴趣班宣传矢量插图

美术暑期兴趣班宣传矢量插图适用于美术主题等相关视觉场景设计的AI格式素材。
矢量素材
2025-11-17

万圣节黑猫南瓜迷宫矢量海报

万圣节黑猫南瓜迷宫矢量海报适用于万圣节等相关视觉场景设计由AI生成的Ai格式素材。
矢量素材
2025-11-17

驾照考试驾校HTML5网站模板

驾照考试驾校HTML5网站模板是一款适合提供驾驶培训和组织驾照考试服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-06-10

驾照培训服务机构宣传网站模板

驾照培训服务机构宣传网站模板是一款适合提供一般驾驶和计划培训的驾校宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-07

新鲜有机肉类宣传网站模板

新鲜有机肉类宣传网站模板是一款适合提供各种新鲜有机肉类食材宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06

HTML5房地产公司宣传网站模板

HTML5房地产公司宣传网站模板是一款适合从事房地产服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2025-01-06
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号