-
避免使用全大写文本的原因有：1.影响阅读体验，因缺乏字母升部和降部，导致单词形状单一，增加辨认难度；2.易被误解为情绪激动，造成用户不适；3.不符合HTML语义规范，应通过CSS实现样式控制；4.对可访问性不利，可能干扰屏幕阅读器朗读并加重阅读障碍用户的负担；5.使用CSS的text-transform属性可分离内容与表现，保持语义完整、提升灵活性与国际化适配能力。
-
模块联邦是Webpack5实现微前端的核心技术，允许运行时动态共享模块。主应用（Host）通过remoteEntry.js加载远程模块，如用户中心暴露的UserProfile组件，并通过shared配置避免重复打包React等依赖。需注意样式隔离、状态共享、容错机制及部署同步问题，适用于多团队协作的后台系统集成场景。
-
必须使用cloneVNode克隆插槽VNode，因其保留响应式引用、正确处理key/ref，并支持插槽多处渲染；直接复用会导致ref绑定丢失、更新异常及条件逻辑错误。
-
本文详解如何使用jQuery的:lt()伪类选择器，根据用户在下拉菜单中选择的数值（如3），批量显示所有ID或逻辑序号≤该值的关联表单区块（如id="1"、id="2"、id="3"）。
-
用<blockquote>实现消息引用样式：需包裹完整消息、用<footer>标注来源、通过唯一稳定id与href实现原生锚点跳转，禁用margin:0破坏可读性，移动端用display:block扩展点击热区。
-
LexicalEditor的主题类名需通过CSS文件显式导入才能生效，单纯在组件中引用CSS模块或全局样式表往往因作用域隔离或加载时机问题导致样式不生效；本文详解如何可靠应用自定义CSS样式。
-
直接使用公共CDN加载Vue等库可减少打包体积200–500KB、提升首屏速度、降低服务器负载；需配置webpackexternals并在index.html中引入对应CDN链接，注意版本一致、开发与生产差异化处理及CDN降级方案。
-
Flex容器横向滚动的解决方法是：启用flex-wrap:wrap允许子项换行，设置子项为相对宽度（如flex:0133.333%或calc()配合gap），并检查父容器是否被外层样式限制宽度。
-
必须写display:grid在父容器上，否则grid-template-columns等属性无效；用repeat(auto-fit,minmax(300px,1fr))实现响应式列数；命名线比grid-area更适合跨设备区域重排；grid-auto-flow:dense会破坏DOM顺序，影响无障碍和交互。
-
Django模板中使用for循环渲染多组单选按钮时，若所有按钮共享同一name属性，浏览器会将其视为同一组，导致只能全局选中一项；正确做法是为每位学生动态生成唯一name值（如student1_attendance），确保各组互不干扰。
-
要让CSS热更新生效，必须同时启用HMR（devServer.hot:true）、使用style-loader（非MiniCssExtractPlugin.loader）处理CSS、且开发环境禁用MiniCssExtractPlugin。
-
JavaScriptDecorator是处于Stage3提案阶段的语法糖，需Babel或TypeScript转译，本质是修饰类、方法等的函数，接收固定参数并返回修改后的描述符或构造函数，执行于类定义阶段而非运行时。
-
iOSSafari中fixed元素滚动抖动是WebKit渲染优化导致的定位降级问题，解决方案是将滚动容器移至内部div并启用-webkit-overflow-scrolling:touch。
-
本文详解为何固定背景图（fixedbackground-attachment）在移动端会被浮动列内容遮盖，并通过移除显式height声明、合理设置z-index与堆叠上下文，彻底解决背景图消失问题。
-
基础转圈动画需两步：先用@keyframes定义从rotate(0deg)到rotate(360deg)的关键帧，再用animation:spin0.8slinearinfinite绑定；避免触发布局属性、确保GPU加速、注意优先级与渲染条件。
