前端技术文章
-
- 限制后台活动,延长笔记本续航技巧
- 禁用浏览器休眠机制、限制网站后台权限、停用工具自身后台服务、屏蔽网页后台API、启用资源限制扩展可有效降低HTML工具电池消耗。
- 文章 · 前端 | 1个月前 | 414浏览 收藏
-
- HTML5离线缓存怎么用manifest?
- manifest文件在2026年5月已完全失效,Chrome95+、Firefox85+、Safari16.4+均静默忽略htmlmanifest属性;替代方案唯一且必须是ServiceWorker,需HTTPS或localhost环境注册,显式缓存与拦截fetch请求。
- 文章 · 前端 | 1个月前 | 179浏览 收藏
-
- 实时代码评审工具实现思路与JS方案
- 答案:基于React/Vue和MonacoEditor实现代码展示与差异对比,通过WebSocket实现实时批注同步。前端负责交互体验,后端用Node.js+Socket.IO处理实时通信,数据库存储评论、版本等数据,确保协同一致性。
- 文章 · 前端 | 1个月前 | 271浏览 收藏
-
- 本地化时间格式化方法详解
- Intl.DateTimeFormat默认使用用户系统时区,无需传timeZone;format()仅接受Date实例或时间戳,禁用字符串;locale与timeZone解耦,SSR时需注意服务端时区非用户本地时区。
- 文章 · 前端 | 1个月前 | 384浏览 收藏
-
- JS表单验证技巧与实现方法
- 前端表单验证的五种实现技巧包括:1.使用HTML5内置验证属性;2.使用JavaScript原生验证;3.使用第三方验证库;4.实时验证;5.结合后端验证。这些方法确保用户输入的数据符合预期,防止脏数据进入系统,从而提升用户体验、减少服务器压力并保障数据安全。HTML5提供简单直接的基础验证功能,如required和pattern属性;JavaScript可实现更复杂的自定义逻辑;第三方库如jQueryValidationPlugin简化了规则配置;实时验证通过input事件即时反馈错误;最终仍需后端验证
- 文章 · 前端 | 1个月前 | 表单验证 266浏览 收藏
-
- JavaScript获取当前系统日期的方法如下:// 获取当前日期对象 const today = new Date(); // 获取年份 const year = today.getFullYear(); // 2023 // 获取月份(0-11) const month = today.getMonth() + 1; // 1-12 // 获取日期 const day = today.g
- JavaScript的Date对象获取的是用户本地设备时间,不依赖服务器;需用JS执行渲染,推荐toLocaleDateString()自动适配区域格式,固定格式用getFullYear()等组合补零;脚本应置于</body>前或加defer;设备时间不准会导致显示错误,强依赖场景须调用服务端时间戳。
- 文章 · 前端 | 1个月前 | 231浏览 收藏
-
- 位运算提升JS性能的场景有哪些?
- 位运算符在JavaScript中适用于取整、奇偶判断、变量交换、权限管理和数组索引截断等场景,通过直接操作二进制提升性能,尤其在高频计算中仍有优势,但需权衡可读性与维护成本。
- 文章 · 前端 | 1个月前 | 263浏览 收藏
-
- HTML三级联动下拉菜单实现教程
- 纯HTML无法实现三级联动,必须用JavaScript监听select的change事件并动态更新下级选项;需通过DOM操作清空、重建、设值,合理组织嵌套对象数据结构,并注意iOS兼容性与无障碍支持。
- 文章 · 前端 | 1个月前 | 109浏览 收藏
-
- Vue生命周期钩子图解:8大阶段执行顺序全解析
- Vue生命周期按“创建、挂载、更新、销毁”四阶段划分,每阶段含before和after两个钩子:创建阶段beforeCreate(实例初建)和created(数据就绪);挂载阶段beforeMount(虚拟DOM生成)和mounted(DOM挂载完成);更新阶段beforeUpdate(虚拟DOM重渲染)和updated(真实DOM更新);销毁阶段beforeUnmount(卸载前清理)和unmounted(完全销毁)。
- 文章 · 前端 | 1个月前 | 440浏览 收藏
-
- HTML5Canvas时钟绘制教程
- 答案:使用HTML5Canvas结合JavaScript绘制动态时钟,通过arc绘制表盘外圈,createRadialGradient实现渐变填充,for循环绘制12个刻度及数字,利用translate和rotate变换简化指针旋转逻辑,通过requestAnimationFrame实现每秒更新动画,配合save/restore保持坐标系状态,最终呈现一个带立体感渐变、平滑转动的模拟时钟。
- 文章 · 前端 | 1个月前 | HTML5 498浏览 收藏
-
- DocumentFragment避免页面重排技巧
- DocumentFragment能绕过重排,因其脱离DOM树、不参与渲染流程,所有操作在内存中完成,仅最终插入时触发一次重排;正确流程为:创建fragment→批量添加节点→单次append到真实DOM。
- 文章 · 前端 | 1个月前 | 438浏览 收藏
-
- JavaScript模板字符串嵌入表达式教程
- 模板字符串必须用反引号定义,支持多行与${}表达式插值,可嵌套及配合标签函数实现XSS过滤等高级功能,但默认不转义且旧版Node.js可能不支持。
- 文章 · 前端 | 1个月前 | 441浏览 收藏
-
- HTML仿淘宝首页布局教程,新手必学
- 纯HTML+CSS仅能实现静态布局,交互功能(如跳转、悬停菜单、轮播)必须依赖JS;导航错位常因父级li未设position:relative导致子菜单定位丢失;轮播图卡顿因缺少JS控制及transition动画;按钮无响应源于事件监听缺失或JS加载错误。
- 文章 · 前端 | 1个月前 | 339浏览 收藏
-
- JavaScript模块路径大小写敏感性解析
- JavaScript模块路径大小写敏感性由操作系统和运行环境决定:macOS/Windows默认不敏感但不可靠,Linux及区分大小写卷严格匹配;Webpack/Vite继承系统行为,ESLint和CI应强制校验。
- 文章 · 前端 | 1个月前 | 291浏览 收藏
-
- 按group路径动态构建扁平JSON嵌套结构
- 本文介绍如何根据group字符串(如"1.2.2.1")自动解析层级路径,并将扁平属性映射为深度嵌套的JSON结构,核心是逐级切分路径、惰性创建中间节点。
- 文章 · 前端 | 1个月前 | 372浏览 收藏
查看更多
课程推荐
-
- 前端进阶之JavaScript设计模式
- 设计模式是开发人员在软件开发过程中面临一般问题时的解决方案,代表了最佳的实践。本课程的主打内容包括JS常见设计模式以及具体应用场景,打造一站式知识长龙服务,适合有JS基础的同学学习。
- 543次学习
-
- GO语言核心编程课程
- 本课程采用真实案例,全面具体可落地,从理论到实践,一步一步将GO核心编程技术、编程思想、底层实现融会贯通,使学习者贴近时代脉搏,做IT互联网时代的弄潮儿。
- 516次学习
-
- 简单聊聊mysql8与网络通信
- 如有问题加微信:Le-studyg;在课程中,我们将首先介绍MySQL8的新特性,包括性能优化、安全增强、新数据类型等,帮助学生快速熟悉MySQL8的最新功能。接着,我们将深入解析MySQL的网络通信机制,包括协议、连接管理、数据传输等,让
- 500次学习
-
- JavaScript正则表达式基础与实战
- 在任何一门编程语言中,正则表达式,都是一项重要的知识,它提供了高效的字符串匹配与捕获机制,可以极大的简化程序设计。
- 487次学习
-
- 从零制作响应式网站—Grid布局
- 本系列教程将展示从零制作一个假想的网络科技公司官网,分为导航,轮播,关于我们,成功案例,服务流程,团队介绍,数据部分,公司动态,底部信息等内容区块。网站整体采用CSSGrid布局,支持响应式,有流畅过渡和展现动画。
- 485次学习
-
- Golang深入理解GPM模型
- Golang深入理解GPM调度器模型及全场景分析,希望您看完这套视频有所收获;包括调度器的由来和分析、GMP模型简介、以及11个场景总结。
- 474次学习
查看更多
AI推荐
-
- ljg-skills
- ljg-skills 是李继刚开源的 AI 技能与提示词集合,面向大模型使用者整理了一批可复用的 prompt、角色设定和任务技能模板,适合用于学习提示词设计、搭建个人 AI 工作流和沉淀团队常用智能体能力。
- 56次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手,对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐,MELO为你免费谱曲,轻松做同款!
- 67次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具,支持上传音频、视频文件或粘贴 YouTube 链接,自动生成转写文本、摘要、思维导图和关键问题,并支持多格式导出,适合会议记录、课程学习、访谈整理和内容创作复盘。
- 70次使用
-
- 剧云
- 剧云是专业中文剧本创作平台,安全稳定运行十余年,集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能,数据安全防护,轻松高效创作剧本。
- 212次使用
-
- 万象有声
- 万象有声,一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具,可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验,让有声书制作更简单!
- 212次使用

