-
首选JavaScript开发跨平台移动应用因一套代码适配iOS和Android，降低成本；ReactNative凭借原生组件、热重载和丰富生态成为主流，适合中大型项目；若坚持使用JavaScript或TypeScript，应选ReactNative、Ionic或Capacitor；Flutter虽流行但使用Dart语言，不属JavaScript体系；Ionic+Capacitor方案贴近Web开发，适合轻量级内容型应用，性能较弱；TypeScript提升代码可靠性，已被ReactNative官方支持；最终
-
Less中.make-grid-columns()无效果是因为编译时需显式调用且依赖正确声明的@grid-columns变量；递归循环需严格参数传递与终止条件；列宽计算须扣除gutter占比；避免冗余生成以控制CSS体积。
-
hover旋转突兀因缺少过渡动画，须在默认状态设transition:transform0.3s–0.5sease等，仅用transform属性，避免重排，防止动画堆叠。
-
使用transform替代布局属性、固定容器尺寸、启用硬件加速可实现流畅卡片动画。通过scale变化、grid布局和max-height过渡，避免重排重绘，提升多列交互性能。
-
CSS变量应统一在:root声明，命名严格对应设计文档（如--color-primary-500），值用无单位数字，配合PostCSS+stylelint强制校验、Storybook实时比对及构建时自动生成tokens.json文档，实现设计与代码强一致。
-
grid-template-areas是最直观的仪表盘布局方法，用字符串定义区域，需注意命名规范、行列对齐、显式声明及响应式优化。
-
JavaScript模块化经历从全局变量到ESM的演进，通过CommonJS、AMD、UMD逐步完善，最终ESM成为标准，支持静态分析、依赖优化与动态加载，结合打包工具实现高效工程化管理。
-
HTTP/2通过多路复用、二进制分帧等机制提升传统请求效率，适用于资源加载优化；2.WebSocket提供全双工实时通信，适合聊天、游戏等高频交互场景；3.两者互补，可结合使用以兼顾性能与实时性。
-
CSS样式优先级按四元组（a,b,c,d）计算，内联样式＞ID＞类/伪类＞元素，!important覆盖同源无!important规则；可用开发者工具、getComputedStyle、Computed面板及禁用规则法排查。
-
Vue组件重构需将HTML转为响应式声明式语法：剥离内联JS，改用v-model/@事件绑定；按状态需求选ref/reactive/defineProps；第三方插件须手动销毁并优先选用Vue原生封装版。
-
推荐四款触控优化HTML编辑器：一、CodeMirror6通过触控事件支持与双指缩放实现手势交互；二、Trix原生适配触控，按钮≥48×48px且支持轻扫删除；三、Monaco启用TouchController并精简配置提升手势响应；四、Quill2.x统一PointerEvent接口，支持长按选中与滑动高亮。
-
使用TailwindCSS的shadow工具类可快速为卡片添加阴影效果，如shadow-sm至shadow-2xl等预设类，提升视觉层次；通过hover:shadow-xl结合transition实现悬停动画；支持在配置文件中自定义阴影样式，如添加soft-blue等柔和投影；合理运用阴影强度能有效增强界面立体感而不显沉重。
-
CSS美化列表需重置默认样式，用list-style:none配合::before自定义图标，flex布局实现响应式横竖切换，并确保交互反馈与语义正确。
-
skew()是错切而非旋转，会拉斜整个元素及子元素，破坏可读性与无障碍；正确用法需包裹容器、慎用方向参数，并优先考虑font-style:italic或伪元素替代方案。
-
不能直接用<template>的HTML当普通DOM操作，因为其内容解析时不渲染、不执行脚本、不加载资源、不绑定事件，必须通过template.content.cloneNode(true)获取DocumentFragment后操作。
