前端技术文章
-
- 夏令时排课难题，Temporal.ZonedDateTime解决方案
- Temporal.ZonedDateTime算错课时是因为硬加1小时忽略夏令时边界时刻不存在或重复，导致静默跳转；应显式构造、检查offset变化、避免2:00–3:00区间运算。
- 文章 · 前端 | 1个月前 | 355浏览 收藏
-
- D3.js高级图表制作技巧与教程
- D3.js通过数据驱动DOM实现高度定制的动态图表。掌握数据绑定（data、enter、update、exit）与比例尺（scaleLinear、scaleOrdinal、scaleTime）是核心，用于将数据映射到SVG图形。利用SVG元素如rect、circle和path绘制图形，结合d3.axisLeft、d3.axisBottom生成坐标轴。通过.on添加鼠标交互，.transition实现流畅动画。进阶可用d3.forceSimulation构建力导向图，d3.geoPath配合地理投影绘制地图
- 文章 · 前端 | 1个月前 | D3.js 图表制作 307浏览 收藏
-
- JavaScript获取月份方法详解
- JavaScript的Date.prototype.getMonth方法返回的是0到11的月份值，需加1才能得到实际月份。1.getMonth()返回0-indexed值，1月为0，12月为11；2.获取当前或指定日期的月份时需注意时区问题；3.使用数组映射或Intl.DateTimeFormat将数值转为可读月份名；4.getMonth()基于本地时区，getUTCMonth()基于UTC时间，根据业务需求选择使用。
- 文章 · 前端 | 1个月前 | 420浏览 收藏
-
- 设置HTML主题颜色元信息方法
- HTML里怎么用设置浏览器顶部栏颜色只有Chrome、Edge、Firefox（桌面+安卓）、Safari（仅iOS15.4+）支持theme-color，且只在PWA或添加到主屏幕后生效；普通网页标签页里基本不显示。实际效果取决于系统UI和浏览器实现：AndroidChrome会染色地址栏，iOSSafari则影响状态栏背景（需配合viewport设置）。必须写在里，且不能动态插入（JS修改无效）值必须是合法CSS颜色，比如#4285f4、rgb(66,
- 文章 · 前端 | 1个月前 | 425浏览 收藏
-
- JavaScript数据类型有哪些？怎么区分？
- JavaScript有8种数据类型：7种原始类型（string、number、boolean、null、undefined、symbol、bigint）按值存储且不可变，1种引用类型（object及其派生类型）按引用存储且可变；判断类型应组合使用typeof、instanceof和Object.prototype.toString.call()。
- 文章 · 前端 | 1个月前 | 194浏览 收藏
-
- HTML5文件怎么运行？直接打开浏览器就行
- 可直接保存为.html文件用浏览器本地运行，支持双击打开、地址栏输入file://路径、启用跨域参数、开发者工具调试及本地HTTP服务部署。
- 文章 · 前端 | 1个月前 | 419浏览 收藏
-
- HTML5最新版本全面解析
- HTML5是HTML第五个正式标准版本，由W3C于2014年10月28日发布，非2026年新版本；此后维护转为WHATWG主导的持续演进的HTMLLivingStandard。
- 文章 · 前端 | 1个月前 | 345浏览 收藏
-
- JavaScript Symbol是什么？如何创建唯一标识符
- Symbol是JavaScript中唯一、不可变的原始值，用于创建真正私有的对象属性名以解决命名冲突和模拟私有成员；每次调用Symbol()都返回全新值，即使描述相同也不相等，仅Symbol.for()在全局注册表中复用相同字符串对应的Symbol。
- 文章 · 前端 | 1个月前 | 193浏览 收藏
-
- JS灰度发布配置详解与技巧
- 灰度发布JS的核心在于通过用户分流策略将新版本脚本推送给部分用户，结合服务器端判断与客户端动态加载实现。首先，构建带版本标识的JS文件并部署至CDN；其次，通过服务器端渲染或接口返回决定用户加载哪个版本；客户端则动态插入对应script标签完成加载。常用分流策略包括用户ID白名单、Cookie、IP地址、随机百分比及设备特征等，可组合使用。为保障安全，需依托配置中心动态管理灰度规则，实现快速回滚。同时，前端构建应采用内容哈希命名、多版本输出和代码分割，CDN配合版本化路径与长效缓存，提升加载效率与发布可控
- 文章 · 前端 | 1个月前 | JS 灰度发布 259浏览 收藏
-
- HTML批量打印技巧与实现方法
- window.print()批量打印失败是因浏览器限制其不支持连续触发、多页拼接和静默打印；最稳方案是用iframe拼接+CSS分页，每页用page-break-after:always并设固定高度；超15页需分批开窗打印并及时关闭释放内存。
- 文章 · 前端 | 1个月前 | 488浏览 收藏
-
- CSS属性选择器绑定数据，结合变量与data实现动态样式
- 不能。CSS无数据绑定机制，data-属性与CSS变量无法自动关联，需JS通过setProperty()等方法手动同步更新。
- 文章 · 前端 | 1个月前 | 101浏览 收藏
-
- CSS变量+媒体查询实现响应式字体大小
- CSS变量需配合var()引用才能生效，媒体查询中必须在:root下重设变量值，且引用处须写font-size:var(--font-size-base)；漏引用、定义位置错、单位缺失、!important覆盖或IE不支持均导致失效。
- 文章 · 前端 | 1个月前 | 237浏览 收藏
-
- 优化CSS选择器提升首屏加载性能
- 首屏加载慢八成源于CSS选择器低效：深层嵌套（如.header.nav.menu.itema:hover）触发频繁回溯，通配符*和属性选择器强制全量DOM扫描，导致stylerecalculation时间暴涨2–4倍；应改用BEM单类名、:where()降权及关键CSS内联+异步加载策略。
- 文章 · 前端 | 1个月前 | 383浏览 收藏
-
- PostCSS自动添加前缀优化技巧
- 在现代前端开发中，CSS的兼容性和代码效率至关重要。PostCSS是一个强大的工具，能将CSS解析成抽象语法树（AST），然后通过插件对样式进行转换和优化。结合合适的插件，你可以自动添加浏览器前缀、压缩代码、使用未来CSS特性，而无需手动处理繁琐细节。安装与配置PostCSS要在项目中使用PostCSS，首先需要将其集成到构建流程中。大多数现代项目使用Webpack、Vite或Parcel，这些工具都支持PostCSS配置。以Webpack为例，先安装PostCSS
- 文章 · 前端 | 1个月前 | 240浏览 收藏
-
- const变量引用，对象属性仍可变
- const锁定变量绑定关系而非值：基本类型不可重新赋值，复合类型仅引用不可变、内部属性仍可修改；需真正冻结须配合Object.freeze()。
- 文章 · 前端 | 1个月前 | 264浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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 工作流和沉淀团队常用智能体能力。
- 326次使用
-
- MELO音乐
- MELO音乐是一站式AI视频与音乐制作助手，对标suno, udio的高品质体验。提供伴奏生成、原创写词、无损导出、哼唱识曲、混音变声等全套音频与短视频编辑工具。无论是流行Kpop、电音说唱、民谣古风、摇滚儿歌还是商用轻音乐，MELO为你免费谱曲，轻松做同款！
- 341次使用
-
- UniScribe
- UniScribe 是一款 AI 音视频转文字与内容整理工具，支持上传音频、视频文件或粘贴 YouTube 链接，自动生成转写文本、摘要、思维导图和关键问题，并支持多格式导出，适合会议记录、课程学习、访谈整理和内容创作复盘。
- 310次使用
-
- 剧云
- 剧云是专业中文剧本创作平台，安全稳定运行十余年，集成AI编剧、剧本医生审核、人物小传、剧情关系图、大纲编写、多人协作、Word导入导出、版权管控功能，数据安全防护，轻松高效创作剧本。
- 486次使用
-
- 万象有声
- 万象有声，一个专为有声创作者打造的新一代智能有声内容创作平台。平台提供专业的智能拆章、智能画本编辑、AI配音、AI生成音效、后期制作、智能对轨、智能审听等有声创作全流程工具，可以帮助创作者高效、低成本创作出引人入胜的有声作品。立即体验，让有声书制作更简单！
- 471次使用
