前端技术文章
-
可通过五种方式实现网页文字自动滚动：一、过时但兼容的marquee标签；二、符合现代标准的CSS动画；三、灵活可控的JavaScript方案；四、基于scroll-snap的分段跳变式；五、轻量第三方库Marquee.js。481 收藏 -
HTML无“模式匹配”标准属性，所谓文档模式匹配实为混淆input的pattern校验、CSS的:is()选择器及已淘汰的IEdocument.documentMode三者。481 收藏 -
JavaScript通过style.setProperty()和getComputedStyle().getPropertyValue()操作CSS自定义属性实现动态主题切换，推荐挂载于:root并配合class切换与localStorage持久化。481 收藏 -
lighten()调节的是HSL模型中的lightness值，非RGB亮度或感知亮度；对深色大幅提亮易导致失饱和、泛色，推荐用scale-color()或mix()替代，并避免在深色主题中直接大幅使用。481 收藏 -
HTML5本身不报错，所谓“报错”实为JS执行错误、资源加载失败（如404）或HTML语法容错导致的语义异常；排查应聚焦ChromeDevTools的Console和Network面板，结合上下文判断是否影响功能，并注意路径大小写、相对路径基准及服务器环境差异。481 收藏 -
文章 · 前端 | 3星期前 | 前端 · javascript · 缓存治理 · localStorage · Web性能 · 前端 本地缓存 localStorage 过期时间 版本迁移 异常兜底
本文用搜索筛选条件缓存场景，演示 localStorage 如何封装过期时间、版本号、迁移逻辑和异常兜底，避免旧缓存影响页面状态。480 收藏 -
border-radius对浮动图片完全生效，但需注意父容器overflow设置、图片显式宽高及object-fit行为，否则易因裁剪或渲染时机导致圆角“失效”。480 收藏 -
HTML无法自动命名PDF，浏览器打印时文件名由<title>决定但不可控；JS截图方案（html2canvas+jsPDF）可自定义名称但质量差；服务端生成才是可靠方案，支持真自动命名与语义化PDF。480 收藏 -
JavaScript通过事件循环实现异步处理，先执行同步代码，再优先清空微任务队列，然后执行宏任务，形成“宏任务→所有微任务→下一宏任务”的循环机制。480 收藏 -
SCSS更适合大型前端项目，因其变量作用域可控、@mixin逻辑可封装、编译期行为可预测；变量需显式@use导入防冲突，@mixin支持参数/条件/返回值，嵌套中&精确控制输出，三者共同保障样式长期可维护。480 收藏 -
直接写font-size:1.6rem不够用，因为rem依赖根元素font-size，硬编码导致维护难、换算易错、响应式成本高；需用@base-font-size变量统一基准，并通过.rem()混入安全转换，同时必须同步设置html字号。480 收藏 -
制定JavaScript代码规范的核心目标是提升代码可读性、可维护性和团队协作效率。通过使用ESLint和Prettier统一代码风格，结合husky与lint-staged实现提交前自动化检查；命名上采用语义化的小驼峰式变量函数名、大驼峰式类名、全大写常量名，并用is/has/should前缀标识布尔值；保持文件职责单一，采用ES6模块语法，控制函数长度并合理使用解构赋值与箭头函数；在安全方面强制使用===比较，禁用var，捕获异常并校验用户输入。团队应基于Airbnb或Google规范裁剪出适合项目的480 收藏 -
<p>直接改.btn的padding可行但需避开Bootstrap覆盖逻辑和响应式干扰；推荐优先使用px-、py-等工具类，仅在强定制需求时通过变量或高权重CSS覆盖全变体与状态。</p>480 收藏 -
纯CSS动态彩虹边框的关键原理是用conic-gradient生成360°色环作背景，配合background-clip:padding-box与padding模拟边框，通过CSS变量控制起始角度实现旋转动画。480 收藏 -
Smi是V8中不分配堆内存的小整数，利用地址对齐冗余位作类型标签：32位系统用1位标签、31位值，范围−2³⁰~2³⁰−1；64位系统用1位标签、63位值；算术运算全程无装箱/解箱，溢出时才转HeapNumber。480 收藏