-
fillRect()和strokeRect()不依赖路径，但混用路径方法时需先beginPath()；画圆必用arc()且角度单位为弧度；清除画布需适配像素比；样式设置必须在绘制前且无继承。
-
document.cookie是最简但受限的Cookie操作方式，需手动编码/解析；localStorage更适合存非敏感结构化数据，二者分工明确：cookie用于HTTP传输与安全控制，localStorage用于前端状态管理。
-
猎豹浏览器无HTML5试验特性开关，其Chromium内核陈旧（49–62），HTML5支持残缺；需通过about:version查版本、脚本检测真实能力，并用服务端响应头与前端UA检测兜底兼容方案。
-
CSS响应式布局中模块顺序调整和断点排列切换主要依靠Flexbox的order与flex-direction或Grid的grid-template-areas实现，不改变HTML结构；需兼顾视觉流与语义可访问性。
-
JavaScript迭代器是统一遍历机制，要求对象实现Symbol.iterator方法返回含next()的迭代器对象，next()返回{value,done}；手写Range类和BinaryTree树结构示例展示其应用，生成器函数是最简洁实现方式。
-
在JavaScript中，给元素添加类名最常用的方法是使用classListAPI。具体步骤包括：1.获取元素，如constelement=document.getElementById('myElement');。2.使用element.classList.add('new-class');添加类名。classListAPI提供了add、remove、toggle和contains方法，简化了类名操作，提高了代码的可读性和维护性。
-
ServiceWorker需手动注册、管理缓存并仅在HTTPS/localhost生效；注册须早于页面加载、检查支持性，经历install→waiting→active状态；fetch事件中应区分document与资源请求，结合预缓存与运行时缓存策略；缓存命名须版本化，并在activate中清理旧缓存。
-
模块联邦实现跨应用模块共享，沙箱隔离保障运行时安全。1.模块联邦通过Webpack5的ModuleFederationPlugin允许应用间动态加载远程模块，支持独立开发部署、按需加载与依赖共享；2.沙箱隔离采用代理式（Proxy）、快照式或iframe方案，防止全局变量污染；3.两者结合构建安全高效微前端体系，如qiankun基于此实现自动加载与隔离，确保子应用独立运行且互不干扰。
-
图片变形因宽高比被破坏，使用max-width:100%和height:auto可保持比例自适应缩放，避免拉伸失真。
-
min-height不起作用主因是未被触发，需父容器提供高度参考或使用flex/grid布局；绝对定位元素需自身设置min-height；table中应改用height；避免IE6hack，优先排查布局逻辑。
-
CSS中margin所有方向的百分比均以包含块宽度为基准，而非对应方向尺寸；绝对定位元素则以最近非static祖先的宽度为准；top/bottom定位值才以包含块高度为基准。
-
要提高使用Vue.js的代码质量，需理解其核心概念并应用最佳实践。具体策略包括：1.确保组件的可复用性和模块化；2.使用Vuex进行状态管理；3.理解并优化响应式系统；4.利用Vue生态系统的工具，如VueCLI和VueRouter；5.避免在模板中进行复杂逻辑处理；6.进行性能优化，如使用key属性优化列表渲染。
-
tabindex="0"使元素进入标准Tab顺序，tabindex="-1"仅支持JS聚焦，禁用正数；需配合role和aria-*提供语义；按钮类交互优先用click事件；动态内容须主动管理焦点。
-
在ChromeDevTools中，通过「Computed」标签页可定位生效CSS规则并跳转源码；「Styles」面板显示Specificity值判断优先级；用$$()验证选择器匹配；:hov图标可强制触发伪类状态。
-
使用HTML5的inputtype="email"可实现基础邮箱格式校验，结合JavaScript与正则表达式/^[a-zA-Z0-9.\_%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/可进行更严格的前端验证，确保用户输入合法邮箱格式，同时需注意后端重复验证以保障安全性。
