-
- JavaScriptAST生成与操作全解析
- 抽象语法树（AST）是源代码语法结构的树状表示，通过解析、转换和生成实现代码操作。JavaScript中常用Babel进行AST处理：首先使用@babel/parser将代码转为AST，再通过@babel/traverse遍历修改节点，最后用@babel/generator将AST还原为代码。例如可将箭头函数转为普通函数，或使用@babel/types手动构建AST生成新代码。该技术广泛应用于ES6+转译、JSX编译、静态检查（如ESLint）、代码压缩、DSL处理（如Vue模板编译）和自动化重构等场景，
- 文章 · 前端 | 1星期前 | 400浏览 收藏
-
- JavaScriptTemporalAPI详解与使用教程
- Temporal是JavaScript即将引入的全新日期时间API，旨在解决传统Date对象的可变性、时区处理混乱等问题。它提供不可变的时间实例和清晰的类型区分，如Temporal.PlainDateTime（不带时区）、Temporal.ZonedDateTime（带时区）、Temporal.PlainDate（仅日期）和Temporal.Duration（时间间隔），支持安全、精确的时间操作。通过统一的解析、格式化、时区转换和日期计算接口，如from()、add()、since()等方法，提升开发体验
- 文章 · 前端 | 1星期前 | 400浏览 收藏
-
- JS组件化封装技巧与实现方法
- JS实现组件化的核心是将页面拆分为独立、可复用的模块，并通过JS封装逻辑与交互；主要方案包括原生JS结合模块化（轻量但开发效率低）、基于React/Vue等框架（高效且生态完善但需学习成本）、WebComponents（跨框架且高性能但兼容性有限）；选择方案应根据项目规模、性能需求及团队技术栈决定；组件封装需注重可复用性、可配置性、独立性、可测试性及文档完整性；组件间通信可通过事件监听、回调、props、context、Redux、Vuex或自定义事件等方式实现，具体选择取决于数据流复杂度与组件关系，完整
- 文章 · 前端 | 6天前 | 前端框架 组件通信 WebComponents JS组件化 组件封装 400浏览 收藏
-
- JavaScriptBigInt大数运算全解析
- BigInt是JavaScript中用于安全处理超大整数的原始类型，通过在整数后加n或调用BigInt()创建，如123n或BigInt("9007199254740991")；支持加减乘除（向下取整）、取余、幂及位运算，结果均为BigInt；注意不可与Number直接混合运算（会报错），但可比较值（==为true，===为false）；不支持Math方法、小数、JSON序列化需自定义；常用于高精度时间戳、加密算法、大ID处理等场景。
- 文章 · 前端 | 5天前 | 400浏览 收藏
-
- CSS调整字母间距方法详解
- letter-spacing属性用于控制文本字符间距，可提升排版可读性与设计效果；其值可为normal、长度值（如2px）、相对单位（如0.5em）或负值（如-1px）以实现扩展或紧凑效果；常用于标题、英文大写、窄字体及响应式设计；示例包括导航菜单增加间距和强调文本减小间距；使用时应避免过度调整、字符重叠，并推荐使用px或em单位，区别于word-spacing仅影响字符间距。
- 文章 · 前端 | 5天前 | 400浏览 收藏
-
- CSS浮动导致容器高度塌陷的解决方法主要有以下几种：1.使用clear属性在浮动元素之后添加一个空的div，并设置clear:both;，可以强制清除浮动，使父容器重新计算高度。<divclass="container"><divclass="float-left"></div><divclass="float-right"></div>
- 父容器无法撑起浮动子元素高度时，可通过clearfix类或overflow:auto解决。使用.clearfix::after{content:"";display:table;clear:both}可清除浮动，HTML中为父容器添加clearfix类即可完整包裹子元素；或设置父容器overflow:auto触发BFC，使其包含浮动内容，但需注意hidden可能裁剪溢出。项目中浮动较多时推荐clearfix，个别情况用overflow:auto更便捷。现代布局建议采用Flexbox或Grid替代浮动，避免
- 文章 · 前端 | 2天前 | CSS浮动 高度撑开 400浏览 收藏
-
- CSS表格背景色设置技巧分享
- 使用background-color属性可为表格、表头、行或单元格设置背景色；2.通过table选择器设整体背景，th设置表头颜色，:nth-child区分奇偶行实现斑马纹，class高亮特定行，组合使用提升可读性与美观。
- 文章 · 前端 | 2天前 | 400浏览 收藏
-
- JavaScript代码分割：动态导入与懒加载教程
- 代码分割与动态导入通过按需加载模块提升应用性能。利用import()语法返回Promise实现运行时加载，适用于非首屏内容如弹窗、图表；结合React.lazy与Suspense可实现路由级懒加载，降低首页体积；Webpack支持魔法注释控制chunk命名、预加载（prefetch）与预请求（preload），优化资源加载策略。合理拆分可显著提升用户体验，但应避免过度分割导致请求过多。
- 文章 · 前端 | 8小时前 | 400浏览 收藏
-
- JavaScript与SpringBoot整合指南
- JavaScript与SpringBoot集成通过前后端分离架构实现，前端用Vue/React等框架处理交互，后端用SpringBoot提供RESTfulAPI。1.SpringBoot控制器暴露接口，使用@CrossOrigin或全局配置解决跨域；2.前端用fetch或Axios发送HTTP请求获取数据或提交操作；3.可选将前端打包文件放入src/main/resources/static目录由SpringBoot托管静态资源；4.开发时通过CORS配置允许localhost:3000访问；5.进阶可集
- 文章 · 前端 | 3小时前 | js开发spring教程 400浏览 收藏
-
- BOM操作浏览器历史记录技巧
- 1.pushState用于添加新历史条目，replaceState用于替换当前条目；2.使用pushState实现SPA页面导航，replaceState用于更新URL但不增加历史记录；3.通过监听popstate事件处理浏览器后退/前进按钮的点击；4.操作历史记录受同源策略限制，无法读取完整历史堆栈，state对象有大小限制，title参数通常被忽略。pushState在SPA中用于模拟多页面行为，replaceState适用于URL清理、筛选等场景，popstate事件用于恢复UI状态，同时需注意安全
- 文章 · 前端 | 2个月前 | 399浏览 收藏
-
- 事件循环轮询阶段解析
- 轮询阶段是Node.js事件循环的核心，负责处理绝大多数I/O回调，确保高性能和非阻塞特性。1.它首先检查timers和pendingcallbacks队列，优先处理其中的回调。2.然后执行poll队列中的I/O回调，直到队列为空或达到内部限制。3.若poll队列为空，会检查setImmediate队列，若有则跳到check阶段执行。4.若setImmediate队列也为空，则检查timers队列，等待最近定时器到期或新I/O事件。5.若所有队列均空且无定时器，事件循环将完全阻塞，等待I/O事件唤醒。开发
- 文章 · 前端 | 2个月前 | 399浏览 收藏
-
- HTML中option标签使用详解
- <option>标签用于定义<select>、<optgroup>或<datalist>中的可选项，用户看到的是标签文本，提交的是value值；2.构建友好下拉菜单需搭配<label>、name属性、optgroup分组及“请选择”提示项；3.在<datalist>中<option>提供智能提示而非强制选择，兼顾灵活性与引导性；4.常见误区包括混淆显示文本与value值、忽视无障碍访问、动态加载处理不当及缺乏多端测试，均需
- 文章 · 前端 | 2个月前 | 399浏览 收藏
-
- CSS文字荧光效果实现方法text-shadow发光教程
- 最直接的方法是使用text-shadow属性多层叠加实现文字荧光效果，1.通过设置多层text-shadow，每层使用相同颜色但递增的模糊半径（如005px#00f,0010px#00f等），使光晕由内向外扩散；2.为提升自然感，可采用rgba或hsla颜色值降低外层阴影的透明度，模拟光线衰减；3.模糊半径宜非线性递增（如5px、10px、20px、40px）以更贴近真实光照衰减；4.选择无衬线字体并在深色背景下使用，以增强对比度和视觉冲击力；5.性能方面应控制阴影层数在3-5层以内，避免过度渲染开销；6
- 文章 · 前端 | 2个月前 | CSS 性能 可读性 text-shadow 荧光效果 399浏览 收藏
-
- CSSpadding搭配背景图提升视觉体验
- 合理设置CSS的padding与background-image搭配，能提升视觉层次和可读性。1.通过padding避免文字紧贴背景图边缘，增强舒适度，适用于全屏横幅或卡片设计；2.根据背景图焦点调整padding分布，如重点在左侧时增加右侧padding以对齐视觉中心；3.在按钮或交互元素中利用padding扩大点击区域并优化图标与文字间距；4.结合伪元素添加背景遮罩层，配合padding提升文字对比度与整体美观。关键是根据图像布局精准控制内边距，实现图文协调、信息清晰。
- 文章 · 前端 | 2个月前 | CSS 背景图片 399浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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推荐
-
- ChatExcel酷表
- ChatExcel酷表是由北京大学团队打造的Excel聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 3246次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 3460次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 3490次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 4601次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 3864次使用
