前端技术文章
-
position:absolute元素不会创建BFC，其定位与渲染受父容器是否为BFC直接影响；父容器触发BFC后可裁剪溢出、稳定定位基准、隔离外部干扰，其中display:flow-root最适合配合absolute使用。417 收藏 -
最简单但不推荐的方式是直接在<body>标签中用bgcolor属性（已废弃），推荐用CSS的background-color或background-image配合no-repeat、cover等属性设置纯色或背景图，并注意路径、兼容性和fallback策略。417 收藏 -
本文介绍一种无需依赖第三方库、纯JavaScript编写的高性能对象深度差异计算方法，支持嵌套对象与属性删除标记（值为"deleted"），适用于高频调用场景。417 收藏 -
基础下拉菜单用<select>标签包裹<option>即可，需设name属性以确保表单提交；<option>推荐设value，默认选中加selected；disabled有效且禁用交互与提交，readonly对<select>无效。417 收藏 -
<p>必须用:root声明CSS颜色变量以确保全局可访问，命名需以--开头、区分大小写且无空格或中文；引用时必须提供fallback值防止失效；响应式需在@media中重定义；IE不支持需降级处理。</p>417 收藏 -
代码压缩与混淆通过减小体积和增加逆向难度提升性能与安全性，常用工具如Terser和JavaScriptObfuscator，在Webpack、Vite等工程化工具中集成，生产环境应权衡压缩、混淆强度与可维护性。417 收藏 -
浮动布局导致父容器高度塌陷、右侧栏换行、背景色失效等，根源是元素脱离文档流；Grid仅需三行代码（display:grid、grid-template-columns、grid-column）即可替代，无需清除浮动且支持响应式与垂直居中。417 收藏 -
加标签仍被缓存是因为meta标签仅对HTML首次加载有效，且现代浏览器常忽略；真正禁用缓存需服务端为所有资源（HTML、JS、CSS、API）统一配置Cache-Control响应头，并确保CDN/代理透传。417 收藏 -
JavaScript模块打包工具需按项目类型、环境和依赖选择：Webpack需手动配置loader和resolve；Vite开发用ES模块、构建用Rollup；Esbuild极快但无HMR和代码分割，适合转译和工具链。417 收藏 -
aside是语义标签，非视觉侧边栏；仅适用于与主内容有逻辑附属关系的补充信息，如术语解释、作者简介等，必须配合CSS（如flex/grid）实现布局，删除后主内容须仍完整自洽。417 收藏 -
Symbol.iterator是ES6引入的内置symbol，用于定义对象的迭代行为；当对象拥有返回迭代器的[Symbol.iterator]方法时，即符合可迭代协议，可被for...of等语法消费。417 收藏 -
src用于嵌入资源（如script、img），浏览器强制同步加载并执行；href用于建立关联（如link、a），浏览器异步处理或按需触发，二者语义与解析机制根本不同，不可互换。417 收藏 -
应使用CSScolor属性而非废弃的<font>标签；推荐十六进制色值，注意继承与覆盖问题，用语义化class管理颜色并兼顾高对比度模式适配。417 收藏 -
箭头函数与传统函数最核心区别是this绑定方式不同：箭头函数this词法绑定、不可变，无arguments、不能new调用、无prototype；传统函数this动态绑定，支持arguments、new及call/apply/bind。417 收藏 -
行内元素默认不换行且不可设宽高，块级元素默认独占一行并撑满父容器；本质是display:inline与block的CSS默认值差异，而非语义规定。417 收藏