-
引入外部CSS文件最直接且标准的方式是使用<link>标签并将其置于HTML文档的<head>区域；1.使用<link>标签引入外部样式表，核心属性为rel="stylesheet"和href="路径"；2.该方法实现内容与样式的分离，提升代码可读性、维护性和复用性；3.外部样式表支持浏览器缓存，提高页面加载速度并优化用户体验；4.利用media属性可实现响应式设计及按需加载特定场景样式；5.多CSS文件可通过合并、压缩、关键CS
-
Piniastore中的action只要显式返回Promise就可被await，从而在组件中实现加载状态控制与UI自动更新；需避免未返回Promise、竞态请求等问题。
-
backdrop-filter在Chrome中不生效需检查是否触发合成层，确保背景半透明（如rgba或transparent），避免不透明背景遮挡；Firefox需用@supports降级；模糊值建议4–8px以保性能；背景图需高分辨率防发虚。
-
JavaScript中应统一用字符串传输数据库ID，后端序列化为字符串，前端按需转BigInt运算，避免Number精度丢失，兼容性不足时降级为字符串处理。
-
防抖适合用户停止操作后执行的场景，如搜索联想、resize布局、表单校验；节流适合固定频率执行的场景，如滚动加载、鼠标移动追踪、Canvas动画。
-
“查看网页源代码”显示的是服务器返回的原始HTML，不含JS动态修改内容；应使用开发者工具Elements面板查看实时DOM，Network面板确认HTML来源。
-
JavaScript压缩与混淆不改变运行逻辑但影响调试和错误定位；压缩仅减小体积且几乎不影响执行速度，混淆则可能降低性能并干扰API检测；应禁用高风险优化、生成SourceMap并进行端到端测试。
-
BEM选择器不应嵌套过深，须保持元素语义独立；修饰符专注静态外观，伪类统一处理；JS操作应解耦控制类名；响应式逻辑交由媒体查询或容器查询，而非混入BEM命名。
-
本文讲解如何高效地将日期数组映射为对象数组，每个对象以日期为键、对应数值（或默认0）为值，避免常见逻辑误用，推荐使用Object.fromEntries()+map的简洁方案。
-
使用OAuth2.0+PKCE实现前端安全授权，首先生成codeverifier和challenge，再重定向至第三方登录页，用户授权后回调获取code，最后用code和verifier换取accesstoken并调用API，建议由后端完成token交换以提升安全性。
-
解决父元素高度塌陷的关键是清除浮动，常用方法包括伪元素clearfix、overflow:hidden、display:flow-root等，推荐使用display:flow-root或::after伪元素清除法，确保父容器正确包裹浮动子元素，避免布局错位。
-
margin正值推远邻居、负值实现重叠或回拉、auto依上下文分配空间、百分比相对包含块宽、移动端慎用百分比而推荐vw/rem。
-
button的value属性是否显示取决于type：type为submit或reset时value覆盖标签内文本；type为button时value不参与显示，仅用于脚本读取；未声明type时默认submit，仍按提交类规则处理。
-
HTML5的input[type="password"]不校验大小写，仅屏蔽显示，大小写有效性由后端或JavaScript控制；pattern属性可做简单正则校验但体验差；推荐用JavaScript实时监听并反馈缺失项，且后端必须重复校验。
-
DllPlugin通过预编译第三方依赖为DLL并配合DllReferencePlugin引用，跳过重复构建流程以提升速度；需分步配置DLL构建与主构建引用，注意版本更新同步、Git忽略DLL文件及HMR限制。
