-
- CSSfixed定位移动端适配问题解决方案
- 移动端fixed定位问题主要由浏览器对视口和键盘处理不一致引起，需结合场景适配：1.键盘弹出错位时监听focus/blur及visualViewport动态调整定位；2.iOS粘滞问题通过-webkit-overflow-scrolling:touch优化滚动，或用transform模拟固定；3.老旧安卓浏览器降级为absolute+JS定位，推荐使用Vant等框架组件；4.避免100vh异常，改用height:100%或动态CSS变量--vh适配真实视口。
- 文章 · 前端 | 3星期前 | CSS 移动端适配 215浏览 收藏
-
- 如何安全过滤HTML危险代码
- 应使用白名单机制的HTML清理库、服务端HTML解析与节点遍历过滤、正则预处理+语义校验组合过滤三种方法。其中白名单机制最安全，通过解析DOM重建仅保留允许标签与属性；服务端解析逐节点校验并剔除不合规内容；正则预处理仅作辅助，不可单独依赖。
- 文章 · 前端 | 3星期前 | 418浏览 收藏
-
- GitHooks自动化检查使用教程
- 代码审查中，GitHooks结合自动化检查可提升效率。通过pre-commit、pre-push等钩子在提交或推送前自动执行ESLint、Prettier、flake8等静态检查工具，并利用lint-staged仅检测变更文件，既能保障代码质量又不影响速度。使用Husky统一管理钩子脚本，确保团队协作规范，强制执行提交格式、禁止调试语句、测试覆盖率等规则，减少重复评审意见。注意事项包括避免耗时脚本影响体验、提供清晰错误提示、将脚本纳入版本控制，并在CI/CD中重复关键检查，防止本地绕过。最终目标是将机械性
- 文章 · 前端 | 3星期前 | 294浏览 收藏
-
- CSSFoundation网格错位解决方法及row/column正确用法
- Foundation网格错位主因是row与column嵌套不规范：row必须直接包含column，禁止中间插入其他容器；嵌套时子row须置于column内；需确保viewport标签、CSS正确加载及类名版本匹配。
- 文章 · 前端 | 3星期前 | 223浏览 收藏
-
- JavaScript混淆与反调试技巧解析
- 代码混淆、反调试与保护技术通过变量名替换、控制流扁平化、字符串加密、死代码插入等方式提高前端代码逆向难度，结合定时检测debugger、重写toString、检测DevTools等反调试手段，并利用环境检测、动态加载、防自动化工具等运行时保护措施增强安全性，但无法完全阻止破解，需权衡性能与体验，核心逻辑仍应置于服务端。
- 文章 · 前端 | 3星期前 | 237浏览 收藏
-
- Array.from用法详解及实例演示
- 类数组对象是具有length属性和数值键的非数组对象，如arguments、NodeList；Array.from通过读取length及索引值将其转为真数组，并支持可迭代对象与映射函数，常用于DOM操作或参数处理。
- 文章 · 前端 | 3星期前 | 326浏览 收藏
-
- Map和Set是什么？与对象和数组有何不同
- Map和Set是JavaScript中专用于键值映射与唯一值集合的数据结构；Map支持任意类型键、有序插入、size属性及统一方法；Set自动去重、基于SameValueZero判断相等、提供O(1)存在性查询。
- 文章 · 前端 | 3星期前 | 456浏览 收藏
-
- HSLA与opacity实现渐变透明效果
- HSLA是一种通过色相、饱和度、亮度和透明度定义颜色的方法，适用于创建带透明度的渐变效果。其alpha值控制颜色本身的透明度，可在linear-gradient或radial-gradient中实现平滑过渡，如hsla(200,70%,50%,0.6)到hsla(280,60%,55%,0.4)的渐变；与opacity不同，HSLA作用于颜色层级，opacity影响整个元素及其子元素的不透明度，二者可叠加使用，但需注意文字模糊问题；推荐优先使用HSLA的alpha进行精细控制，并结合开发者工具调试，兼顾设
- 文章 · 前端 | 3星期前 | CSS HSLA 358浏览 收藏
-
- 表单刷新导致主题重置怎么解决
- 本文旨在解决Web开发中表单按钮意外触发页面刷新，导致用户界面主题模式（如深色模式）被重置回默认状态的问题。我们将深入分析其根本原因，并提供通过JavaScript阻止默认表单提交行为的解决方案。同时，文章还将探讨如何优化现有的JavaScript主题切换逻辑，使其更加简洁高效，并确保用户偏好在页面加载时得以正确恢复。
- 文章 · 前端 | 3星期前 | 253浏览 收藏
-
- PathFinder双窗格HTML项目管理技巧
- 使用PathFinder双窗格功能可高效管理Mac上的HTML项目。1、通过“窗口>新建双窗格浏览器”或快捷键Command+Option+N启用双窗格模式，实现并排文件操作。2、将项目主目录（如MyWebsite）和子目录（如Assets）分别设为左右面板默认路径，并添加至书签以便快速访问。3、利用Control+Command+T为HTML、CSS、JS文件分配橙、蓝、黄标签，并按标签排序以集中管理。4、在偏好设置中启用“双窗格链接箭头”，点击同步按钮即可统一导航路径。5、选中图像文件右键选择批
- 文章 · 前端 | 3星期前 | 231浏览 收藏
-
- HTMLJS实现简单计算器代码
- 可通过纯HTML与JavaScript实现具备四则运算功能的计算器：构建语义化HTML结构，绑定事件处理点击逻辑，封装安全计算函数，支持键盘输入，并实现连续运算。
- 文章 · 前端 | 3星期前 | 162浏览 收藏
-
- 媒体查询link标签使用方法详解
- 通过link标签的media属性可针对不同设备加载对应CSS文件，如移动设备、打印场景或高分辨率屏，实现响应式设计并提升性能。
- 文章 · 前端 | 3星期前 | 237浏览 收藏
-
- HTML换行标签与段落标签区别
- 换行最直接的方式是使用标签，它仅实现视觉上的强制换行；2.<p>标签用于定义段落，是块级元素，具有语义化意义并自带上下间距；3.适用于地址、诗歌等同一逻辑块内的换行，<p>适用于独立文本段落；4.更精确的布局控制应使用CSS的margin、padding、line-height和white-space等属性；5.HTML负责结构与语义，CSS负责表现与布局，二者结合才能实现最佳网页设计。
- 文章 · 前端 | 3星期前 | 224浏览 收藏
-
- HTML怎么运行常规命令？简单教程
- 答案：通过Node.js、Electron或PythonFlask等中间层技术，可在本地环境中实现HTML页面运行系统命令。首先利用JavaScript发送请求，由后端执行命令并返回结果，需严格防范安全风险。
- 文章 · 前端 | 3星期前 | html 417浏览 收藏
-
- Flex布局结合gap优化多列卡片排版
- <p>使用flex-wrap与gap可简洁实现多列卡片布局。1.父容器设为display:flex并启用flex-wrap:wrap，使卡片超宽自动换行；2.设置gap统一行列间距，避免边距叠加问题；3.子项通过flex-basis或width控制宽度，如calc(33.33%-16px)实现三列等分布局；4.结合媒体查询动态调整宽度，适配不同屏幕。该方案无需额外margin处理，对齐整齐、维护简单，提升响应式开发效率。</p>
- 文章 · 前端 | 3星期前 | 143浏览 收藏
查看更多
课程推荐
-
- 前端进阶之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聊天机器人，用自然语言操控表格，简化数据处理，告别繁琐操作，提升工作效率！适用于学生、上班族及政府人员。
- 3692次使用
-
- Any绘本
- 探索Any绘本（anypicturebook.com/zh），一款开源免费的AI绘本创作工具，基于Google Gemini与Flux AI模型，让您轻松创作个性化绘本。适用于家庭、教育、创作等多种场景，零门槛，高自由度，技术透明，本地可控。
- 3959次使用
-
- 可赞AI
- 可赞AI，AI驱动的办公可视化智能工具，助您轻松实现文本与可视化元素高效转化。无论是智能文档生成、多格式文本解析，还是一键生成专业图表、脑图、知识卡片，可赞AI都能让信息处理更清晰高效。覆盖数据汇报、会议纪要、内容营销等全场景，大幅提升办公效率，降低专业门槛，是您提升工作效率的得力助手。
- 3901次使用
-
- 星月写作
- 星月写作是国内首款聚焦中文网络小说创作的AI辅助工具，解决网文作者从构思到变现的全流程痛点。AI扫榜、专属模板、全链路适配，助力新人快速上手，资深作者效率倍增。
- 5075次使用
-
- MagicLight
- MagicLight.ai是全球首款叙事驱动型AI动画视频创作平台，专注于解决从故事想法到完整动画的全流程痛点。它通过自研AI模型，保障角色、风格、场景高度一致性，让零动画经验者也能高效产出专业级叙事内容。广泛适用于独立创作者、动画工作室、教育机构及企业营销，助您轻松实现创意落地与商业化。
- 4271次使用
