前端技术文章
-
惰性加载的核心是推迟非首屏资源加载至用户需要时：原生支持loading="lazy"；JS推荐IntersectionObserver监听视口；动态import实现代码分割；需配合占位、加载态与预加载优化体验。481 收藏 -
应拦截表单默认提交并手动发送请求，同时输入时存入localStorage、页面加载时回填，提交成功后清除缓存；动态字段需确保DOM存在且有name属性，并同步更新存储键值。481 收藏 -
文章 · 前端 | 1星期前 | 前端 · 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 收藏 -
应引用构建输出的压缩版CSS文件（如style.min.css），通过检查dist/或build/目录确认文件存在，并在HTML中正确设置link路径；推荐使用Webpack、Vite等工具自动注入压缩CSS，避免手动引入重复文件或路径错误。480 收藏 -
requestPictureInPicture()不能当可控小窗用，因其脱离DOM、无法自定义样式/交互且iOS/WebView兼容性差；真需小窗须用挂载body的fixed定位DOM方案实现。480 收藏 -
明确目标后，从公开网站采集HTML数据，用Python等工具抓取并解析内容，提取价格、评论等信息，经清洗去噪后结构化存储，再进行统计分析或机器学习挖掘，最终可视化展示并建立自动化更新机制，实现全流程数据价值提取。480 收藏