-
viewportmeta标签必须设为<metaname="viewport"content="width=device-width,initial-scale=1.0">，否则移动端浏览器默认按约980px虚拟视口渲染，无法实现1:1显示；CSS需用响应式单位（rem/em）、max-width、SVG等适配dpr与屏幕尺寸，真机测试不可替代。
-
<inputtype="date">是HTML5原生日期控件，需严格使用YYYY-MM-DD字符串格式操作value，兼容性差需降级处理，服务端必须二次校验。
-
TypedArray是JavaScript中直接映射底层二进制内存的类型化视图，具备零拷贝共享、确定性内存布局、与WebAPI无缝对接及高效协议解析等核心优势。
-
用@mixin实现可复用断点逻辑的核心是分离“何时响应”与“响应后做什么”：定义统一断点变量或map，每个mixin仅包裹@media并使用@content注入样式，避免硬编码、嵌套调用及缺失@content。
-
用记事本新建index.html，编码选UTF-8，写入完整结构：<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"></head><body>你好</body></htm
-
CSStransition在Grid布局中对opacity、transform等可动画属性有效，但grid-template-columns等结构属性不支持平滑过渡，需通过transform或变量间接实现视觉动画效果。
-
当元素是父容器唯一子元素时:only-child生效，可用于动态布局中精准控制样式；例如通知框居中、按钮组间距优化及响应式设计中单个商品项占满宽度，无需依赖类名或JavaScript干预。
-
clip-path裁剪失效最常见原因是元素未建立层叠上下文或未脱离文档流，且对inline、表格单元格及部分替换元素默认不生效；需设为block/inline-block或absolute/fixed定位。
-
本文详解如何在Vuetify2.x中为侧边菜单的v-list-item添加点击高亮效果，通过active-class属性结合路由状态管理，避免为每个菜单项单独声明响应式变量，实现简洁、可维护的激活态控制。
-
策略模式在JavaScript中是一种行为设计模式，它定义了一系列算法，并将每一个算法封装起来，使它们可以相互替换。策略模式让算法独立于使用它的客户端而变化。具体应用如下：1.定义不同的策略，如计算不同会员等级的订单总价；2.使用策略模式可以动态选择和改变对象的行为，适用于需要频繁修改或扩展的功能；3.通过工厂模式管理策略、使用组合而不是继承、动态加载策略等方法可以优化策略模式的使用。
-
在Vue中，@click和v-on的区别在于：1.@click是v-on:click的简写形式，专用于监听点击事件；2.v-on可以监听多种类型的DOM事件，并支持修饰符和动态事件名。两者本质相同，但使用场景不同：@click更简洁直观，适用于点击事件；v-on更灵活，适用于非点击事件或需要修饰符、动态事件名的情况。选择时应根据具体需求决定，优先使用@click，必要时用v-on。
-
根本原因是桌面端grid声明直接照搬小屏，导致列宽不足；必须用移动优先+媒体查询分层控制列数、gap和span，并确保子元素也响应式。
-
应将link标签放在head内引入外部CSS，确保样式在页面渲染前加载；2.使用rel="stylesheet"和href指定样式表关系与路径；3.可通过多个link标签引入多文件，注意层叠顺序；4.引入CDN资源时建议添加integrity和crossorigin属性增强安全；5.避免常见错误如标签位置错误、路径拼写问题或遗漏rel属性。
-
:target伪类仅能高亮URL锚点对应的内容区块，无法直接高亮导航标签；需用JavaScript监听hashchange事件动态添加.active类来实现标签高亮。
-
使用CSS的a标签选择器设置color属性可修改超链接颜色，如a{color:orange;}统一设为橙色并可用text-decoration:none去除下划线。
