-
PyCharm通过调用系统默认浏览器预览HTML文件。1.确保已安装并设置默认浏览器；2.在PyCharm中右键HTML文件选择OpeninBrowser即可在浏览器中查看；3.可在Settings中设置默认浏览器优先级；4.使用顶部工具栏地球图标或快捷键Ctrl+Shift+A快速打开，适合静态页面开发调试。
-
JavaScript本身不能直接实现AR，但可通过WebAR框架（如AR.js/A-Frame或WebXRAPI）在浏览器中叠加虚拟物体；AR.js+A-Frame适合图像识别轻量方案，WebXR支持无Marker平面检测与命中测试，需Three.js渲染，受限于设备、浏览器及HTTPS环境。
-
JavaScript中函数式编程指避免共享状态、不修改输入、用纯函数组合逻辑、显式串联数据流；需用扩展运算符替代push/赋值，用pipe/compose表达转换链，并将副作用显式隔离。
-
必须设置box-sizing:border-box;否则border会使元素总宽超出设定值；border需同时指定宽度、样式（如solid）、颜色三部分；单边边框优先用border-bottom等方向属性；内边距和行高需同步调整以保证对齐。
-
nextTick优先级高于setImmediate；nextTick在当前操作完成后立即执行，属最高优先级微任务，而setImmediate在事件循环check阶段执行，需等待当前阶段结束。
-
HTML函数开发本身不耗电，真正决定电源需求的是开发设备整机功耗；纯前端开发约80W–250W，加后端/容器/调试可达300W+，建议按(CPU_PL2+GPU_TGP)×1.2+60W并向上取整选电源。
-
BEM选择器不应嵌套过深，须保持元素语义独立；修饰符专注静态外观，伪类统一处理；JS操作应解耦控制类名；响应式逻辑交由媒体查询或容器查询，而非混入BEM命名。
-
:first-child匹配父元素的第一个子元素且类型需一致，而非首个某类型元素；应改用:first-of-type才能准确选中第一个p等目标类型元素。
-
纯CSS可实现播放/暂停图标平滑切换：用两个重叠图标元素，通过opacity控制显隐并配合transform微调，避免content切换或SVG路径d属性动画等不支持方案。
-
本文详解如何在jsGrid中将布尔字段（如Cva、ServiceLetters）可靠地显示为交互式复选框，支持初始状态绑定、视觉样式定制及DOM安全操作，避免常见item参数为空或恒为0的陷阱。
-
使用justify-self:center和align-self:center可解决CSSGrid子元素居中难题，前者控制水平对齐，后者控制垂直对齐，作用于子元素自身；若需统一设置，父容器可使用justify-items和align-items实现所有子项居中，代码更简洁且现代浏览器支持良好。
-
alt属性是HTML中必需属性，用于在图像加载失败、屏幕阅读器读取或搜索引擎解析时提供准确、简洁、非冗余的替代文本；装饰性图片必须设为alt=""，不可省略或填充无效内容。
-
:valid无法直接触发input的::after图标，因input是替换元素，不支持伪元素；需用label包裹并借助属性选择器联动状态。
-
link顺序决定样式胜负，后加载的CSS会覆盖同权重的先加载样式，因此自定义CSS应置于框架CSS之后；若仍被覆盖，需检查并提升选择器权重，而非滥用!important。
-
BEM通过强制单类名选择器将CSS权重恒定为0-1-0，天然规避!important滥用和嵌套爆炸；其核心是命名隔离而非权重优化，确保样式作用域清晰、协作边界明确。
