前端技术文章
-
- 大模型思考标签实现前端流状态切换
- 关键在于后端在流式响应中插入成对的<think>...</think>标签以显式暴露模型推理过程，前端据此构建三态状态机（idle/thinking/answering）驱动UI切换，并辅以容错降级策略。
- 文章 · 前端 | 3星期前 | 261浏览 收藏
-
- HTML工具在瘦客户机上能运行吗？极简终端汇总
- 瘦客户机运行HTML函数工具需验证浏览器引擎支持、本地化依赖、绕过沙箱限制、降级为静态实现并确认JS执行能力。具体包括检查内核版本与API支持、内联所有资源、调整CSP策略、重构为零依赖代码，以及测试基础JS执行能力。
- 文章 · 前端 | 3星期前 | 如何根据硬件选择合适的HTML函数工具 423浏览 收藏
-
- HTML创建配送方式对比表格教程
- 语义清晰的配送方式对比表需用<table>结构，<thead>含正确scope的<th>，运费与时效分列并明确单位与条件，窄屏改卡片布局，动态功能优先用CSS，复杂计算逻辑须解耦。
- 文章 · 前端 | 3星期前 | 237浏览 收藏
-
- JavaScript隐式转换有哪些陷阱？
- 隐式转换主要发生在==、+、!、if条件判断、&&/||等场景，通过toString()或valueOf()自动进行；===不触发转换，更安全可预测。
- 文章 · 前端 | 3星期前 | 453浏览 收藏
-
- CSS去除超链接下划线方法
- 关闭超链接默认下划线需对a元素显式设置text-decoration:none，并覆盖:link、:visited、:hover、:active状态；注意父级继承、框架样式干扰、border-bottom等模拟下划线，以及无障碍focus样式处理。
- 文章 · 前端 | 3星期前 | 275浏览 收藏
-
- IE与Chrome文字大小显示差异解析
- Chrome默认根字号16px且严格遵循CSS规范，IE（尤其IE9–11）rem支持不全、缩放行为不同；推荐用px保兼容，rem需显式设html为16px并确保标准文档模式。
- 文章 · 前端 | 3星期前 | 439浏览 收藏
-
- JavaScript中WeakSet是什么？与Set有何不同
- WeakSet只能存储对象且不阻止垃圾回收，其成员为弱引用，对象被回收后自动从WeakSet中移除；无size属性、不可迭代，仅支持add()、delete()、has()方法，适用于对象标记而非数据存储。
- 文章 · 前端 | 3星期前 | 381浏览 收藏
-
- Shared Worker 实现多窗口表单数据同步
- SharedWorker可实现跨窗口多步表单数据同步，关键在于统一状态管理、显式事务语义与状态校验：Worker承载唯一formState，所有读写经其中转；通过seqId和fromStep防错序；IndexedDB持久化+页面卸载前flush；提交由Worker单点发起并防重。
- 文章 · 前端 | 3星期前 | 399浏览 收藏
-
- 移动端jQuery滑动事件实现方法
- 本文详解如何基于Tocca.js在移动设备上为元素绑定swipeleft/swiperight事件，并解决常见点击触发失效问题，确保滑动后能正确执行跳转或自定义逻辑。
- 文章 · 前端 | 3星期前 | 483浏览 收藏
-
- IIFE立即执行函数表达式详解
- IIFE本质上是被括号包裹的函数表达式并立即调用，因JavaScript引擎将函数声明与表达式区别解析，括号使其转为表达式以避免SyntaxError，从而实现作用域隔离、避免全局污染及模块化封装。
- 文章 · 前端 | 3星期前 | 431浏览 收藏
-
- CSS高效选择器分组技巧：:is()简化重复路径
- :is()适用于重复父路径加多个子选择器的场景，如.article:is(h1,h2,.meta)，可避免重复书写父选择器、提升可维护性；不适用于跨不同祖先的选择器合并，且需注意特异性、兼容性和禁用嵌套与伪元素。
- 文章 · 前端 | 3星期前 | 179浏览 收藏
-
- HTML变量与主题切换冲突吗？主题切换中HTML变量用法【速查】
- HTML变量在主题切换中不能直接用。需通过data-theme属性配合CSS规则声明变量，JS仅设置属性；刷新时须手动从localStorage恢复，并确保在CSS加载后、组件渲染前执行。
- 文章 · 前端 | 3星期前 | 301浏览 收藏
-
- HTML错题本复习间隔算法详解
- HTML无法实现艾宾浩斯算法，必须用JavaScript动态计算复习间隔；需根据用户操作实时更新data-next-review等属性，并将复习计划存入localStorage，日期比较应使用newDate()转时间戳。
- 文章 · 前端 | 3星期前 | 261浏览 收藏
-
- Symbol类型在JavaScript中的独特应用场景包括：作为唯一属性键、避免属性冲突、实现私有变量、创建不可枚举属性、用于对象标识等。这些特性使得Symbol在构建模块化、可维护的代码时非常有用。
- Symbol是ES6引入的唯一值类型，用于避免属性名冲突、模拟私有属性、定义对象特殊行为（如Symbol.iterator）和替代魔术字符串，提升模块安全与语义清晰性。
- 文章 · 前端 | 3星期前 | 437浏览 收藏
-
- Flex容器中绝对定位元素不居中的原因主要与Flex布局的特性及绝对定位的脱离文档流机制有关。以下是详细分析和解决方法：一、问题现象在使用 Flex 布局时，若在子元素中使用 position: absolute，该元素会脱离当前的 Flex 容器布局，不再受 justify-content 和 align-items 的影响，导致无法按照预期居中。二、原因分析1. Flex 布局的原理Flex
- justify-content和align-items对绝对定位子元素无效，因为position:absolute使元素脱离文档流、不再属于flex项目，无法参与flex布局计算；其定位仅依赖最近的定位祖先及top/left/transform等属性。
- 文章 · 前端 | 3星期前 | 400浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 8487次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 8900次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 8731次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 10635次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 9563次使用
