-
在HTML5中定义JavaScript函数需在<script>标签内：一、用function声明命名函数（可提升）；二、赋值匿名函数给变量（不提升）；三、用箭头函数简化表达式；四、挂载到window实现全局调用；五、用DOMContentLoaded确保DOM就绪后执行。
-
PostCSS-pxtorem没生效主因是插件顺序错误、构建工具配置位置不对或样式未走PostCSS流程；rootValue必须与HTML实际font-size严格对应；需合理配置exclude和propList控制转换范围。
-
iOS日期选择器需viewport元标签且禁用readonly/disabled；安卓微信textarea换行需rows属性和keydown监听；label推荐嵌套写法；表单提交应防默认行为改用fetch；低端机需真机测试。
-
sticky定位需父容器提供滚动上下文，仅加sticky+top-0+z-10无效；必须父容器设h-screen+overflow-y-auto，sticky元素不能是body直系子元素，且避免transform等触发新层叠上下文。
-
Vue3中<img>默认不居中是因为其为inline元素，需设display:block或父容器用text-align:center；错误做法包括误用内联样式、忽略盒模型、SSR下依赖onMounted操作DOM；正确方案是语义化HTML结构+CSS类控制布局。
-
CSS盒模型只有标准盒模型和IE盒模型两种，标准模型中width/height仅指内容区，总宽=content+padding+border；IE模型中width/height包含content、padding和border，内容区自动收缩；通过box-sizing属性切换：content-box为标准模型，border-box为IE模型。
-
ChromeDevTools断点调试比console.log更可靠，因其不改变异步时序、可观察闭包变量与调用栈；推荐使用debugger语句或条件断点，并结合Network面板、unhandledrejection监听、可选链及Ignorelist提升调试效率。
-
IntersectionObserver更高效，因其是浏览器原生异步回调机制，仅在元素进出视口时触发，不阻塞主线程，无需手动节流，支持自定义容器、相交比例及rootMargin精准控制。
-
应使用transformtranslateY实现滚动容器内元素跟随，而非position:fixed或top；需监听容器scroll事件，动态设置translateY偏移，确保父容器无干扰transform/perspective/filter，且避免重排卡顿。
-
computed核心作用是基于响应式数据派生可缓存的响应值；购物车总价计算是典型应用，相比methods（无缓存）和ref（需手动更新），它自动追踪依赖、按需更新；支持深层响应性与多级依赖链。
-
最安全的非前端改样式方法是用DevTools实时调试：F12→Elements→选元素→Styles面板双击修改，不碰源码、不触发编译、不污染Git；优先调color、padding等即时生效属性，慎用!important仅作临时验证。
-
使用text-align:left可实现内容左对齐，作用于块级容器内的文本、图片等内联元素。示例包括直接行内设置或通过CSS类定义，适用于div、p、h标签等。需注意父元素对齐方式的继承影响，尤其在使用框架或全局样式时应显式声明以确保一致性。
-
本文详解如何为自定义搜索页添加Google风格的“I'mFeelingLucky”按钮，通过JavaScript拦截点击、拼接含&btnI参数的URL，实现一键直达首条结果，无需修改表单默认行为。
-
窄边框对前端开发有实际影响，主要体现在视觉负担减轻、横向信息密度提升及响应式调试更准确，但不提升编译或热更新速度；需注意摄像头布局异常、触控板缩水、散热不足及屏幕色准等问题。
-
本文详解如何在Web表单中精准拦截Enter、Ctrl、Alt、Delete等非可打印ASCII控制字符，仅允许字母、数字、空格等安全输入，并提供健壮、可维护的事件处理方案。
