-
基础轮播需用HTML结构+CSSflex布局与overflow:hidden+JS手动管理currentIndex和transform位移；自动轮播用setInterval，手动切换后需clearInterval并重置；移动端滑动须记录touchstart/end的clientX判断方向，差值超50px才触发切换并preventDefault；动画必须用transform+opacity配合transition，禁用left/margin-left；无缝循环靠DOM克隆首尾项并逻辑索引映射实现。
-
flex布局中子元素height:100%无效主因是父容器缺显式高度；应优先用flex:1实现自适应高度，需确保父容器有高度基准（如100vh），并避免与height混用。
-
全屏背景分割布局需设html和body高度为100%且无margin；网格容器用min-height:100vh；重叠靠多个元素共用grid-area实现；背景宜用::before伪元素分离控制；响应式需重定义grid-template-areas。
-
可通过cmd使用start命令调用默认浏览器打开HTML文件，如startindex.html；2.也可指定浏览器路径直接启动，如用Chrome打开需输入完整路径加HTML文件名；3.还能通过PowerShell执行Invoke-Item命令实现相同效果，适用于自动化脚本。
-
正则表达式是JavaScript字符串处理的核心，需理解“模式匹配”本质；通过提取邮箱手机号、清洗输入、校验密码、重构URL四大场景，掌握从捕获、替换到验证的完整链路。
-
应直接监听表单submit事件并调用preventDefault()阻止默认提交，再执行JS验证；required和pattern适用于基础校验，复杂逻辑必须用JS；checkValidity()和reportValidity()仅支持原生约束且提示不可控；错误提示需靠近字段、适时触发、及时清除关联状态。
-
ShadowDOM通过创建独立的DOM子树实现组件样式封装，解决了全局CSS带来的命名冲突和样式污染问题。其核心机制是为宿主元素创建ShadowRoot，形成隔离的渲染作用域，内部样式仅作用于该子树。1.它防止样式泄露与渗透，确保组件外观稳定；2.提供两种模式：open（便于调试）与closed（更强封装性但调试困难）；3.注意继承属性穿透、变量可共享、伪元素定制等特性；4.虽非完美，但为组件化开发提供了原生可靠的样式管理方案。
-
ESM中document.currentScript始终为null是规范设计而非兼容性问题，因其执行不绑定HTMLscript标签；应改用import.meta.url获取模块路径，或根据环境选用构建注入、错误堆栈解析等替代方案。
-
ShadowDOM的CSS变量是唯一被规范允许的安全主题通信机制，需显式挂载于宿主元素并用var(--name,fallback)读取，不继承:root或body中的声明。
-
本文详解expo-updates在SDK升级（如46→49）后常见的「开发模式禁用」警告及EAS构建后闪退/白屏问题，涵盖运行时版本配置、环境隔离逻辑、安全调用时机与真机调试验证全流程。
-
路由守卫不直接判断超时，需结合时间状态管理和守卫拦截：1.全局监听交互事件刷新localStorage中lastActive时间戳；2.checkSessionTimeout()函数计算并返回超时布尔值；3.router.beforeEach中调用该函数，超时则清token并跳转登录页；另配定时器每60秒兜底检测。
-
receiver不可省略，因为Reflect.set(target,prop,value,receiver)能确保setter中this指向当前操作对象（如admin），而非原始target（user），并正确处理属性描述符、原型链委托及getter/setter的this绑定。
-
用flex布局实现侧边菜单：父容器display:flex，菜单flex:00200px，主内容flex:1并overflow:auto；高亮靠JS匹配URL动态加active类；移动端用translateX(-100%)抽屉式切换；侧边栏推荐position:sticky而非fixed以保障语义与兼容性。
-
Pointfree风格通过函数组合避免显式参数，提升代码简洁性与可读性。例如使用pipe组合filter和map处理用户列表，实现逻辑清晰的数据转换流程。
-
必须在服务端用bleach.clean()白名单过滤HTML，前端净化仅为补充；禁用|safe直接输出，需显式配置tags、attributes及protocols；禁止strip_tags/正则等不可靠方案；属性值须二次转义；富文本白名单须按业务最小权限控制。
