前端技术文章

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