-
掌握margin设置可提升布局质量：通过margin控制元素间距，避免折叠（如用BFC或单侧margin），使用margin:0auto实现块级居中，并结合Flexbox的margin-auto分配空间。
-
transition不必作用于width/height，推荐用transform:scale()实现平滑缩放；需设初始值、transform-origin和will-change以避免布局偏移与卡顿，并针对hover/active及多端兼容做适配。
-
使用border-radius可实现元素圆角效果，基础语法为设置统一半径，如.box{border-radius:10px;}，也可用%创建圆形头像；支持分别控制四个角，按顺时针顺序赋值或使用命名属性；通过斜杠/分隔可设置椭圆圆角，如20px/10px；实用技巧包括与overflow:hidden配合裁剪内容、用transition实现悬停动画，且值过大时浏览器会自动限制。
-
代码分割是将大体积JS文件拆分为按需加载的小块以提升首屏速度和用户体验。它通过动态import()实现路由级（如React.lazy、Vue异步组件）和功能级（如点击后加载xlsx）分割，并配合SplitChunksPlugin提取公共依赖、prefetch预加载及错误降级处理。
-
需将HTML5文件放入Apache的DocumentRoot目录（如/var/www/html/），配置权限、虚拟主机及mod_rewrite（单页应用需.htaccess回退规则），重启服务后通过http://localhost/myapp/访问。
-
font-smooth已废弃，-webkit-font-smoothing仅在macOSWebKit内核生效；Windows/Linux忽略该属性，需依赖font-display、font-feature-settings和字体自身hinting优化；font-optical-sizing:auto仅对含opsz轴的可变字体有效。
-
搜索引擎可执行JavaScript但存在延迟，Bing等支持较弱，关键内容应服务端渲染；通过代码分割、async/defer加载、SSR/SSG优化性能，确保首屏快速呈现并提升SEO。
-
IE画布渲染慢的根本原因是IE9–11依赖GDI而非Direct2D，且drawImage、putImageData和clearRect触发大量同步重绘与位图拷贝；CSS缩放、非整数宽高、未复用ImageData、开启抗锯齿/阴影均加剧性能下降。
-
高德和百度地图JSAPI在加载方式、权限配置、坐标系、地理编码、覆盖物事件及异步加载判断等方面均不兼容。高德需带v=2.0且开通Web端权限，坐标系为GCJ-02；百度v=3.0兼容性更宽但需勾选JavaScriptAPI服务，且坐标经GCJ-02偏移处理导致点位偏移100–500米；两者地理编码结构、事件绑定语法（onvsaddEventListener）、信息窗打开方式及加载完成监听事件均不同。
-
链地址法通过将哈希冲突的元素用链表串联，实现高效插入、查找和删除。每个哈希桶存储链表头指针，支持负载因子大于1，对哈希函数质量容忍度高，删除操作简单，且可通过动态扩容、红黑树优化链表性能。相比开放寻址法，其优势在于实现简单、鲁棒性强，适用于动态数据场景。
-
最稳多图轮播需手写HTML+CSS+JS：用loading="lazy"防卡顿，setInterval+clearInterval防定时器叠加，img必设width/height防抖动，边界判断替代取模，鼠标悬停暂停并恢复，兼顾加载失败和可访问性。
-
加了border后圆形头像变椭圆或发虚，是因为box-sizing:content-box使border额外撑开尺寸；应设相等宽高、border-radius:50%、box-sizing:border-box，并用object-fit:cover和object-position:center控制图片。
-
HTML中直接敲空格会被浏览器折叠为一个，需用 保留空格、<pre>或white-space:pre-wrap等CSS属性控制空白显示，语义与表现层需区分使用。
-
contenteditable的优势包括浏览器原生支持、上手快、适合简单编辑场景；局限性包括跨浏览器行为不一致、复杂操作支持差、安全风险高。具体来说，1.优势：无需第三方库，快速实现基础编辑功能；2.局限：输出HTML不可控、难以处理撤销/重做等高级功能、易引入XSS攻击。针对常见挑战的解决方案包括：1.使用DOMPurify清理HTML；2.手动操作DOM以获得更高控制力；3.自建历史栈实现撤销/重做；4.拦截paste事件并规范化粘贴内容；5.管理光标选区提升交互体验。构建富文本编辑器还需考虑UI设计
-
答案：使用HTML5的input[type=color]可快速实现颜色选择，通过监听input事件实时更新预览；也可自定义HSV/RGB调色板，结合CSS渐变与鼠标事件获取坐标并计算颜色值；还能利用canvas绘制图像，通过getImageData实现图像取色；最后可将颜色转换为十六进制、RGB或HSL格式输出，核心在于颜色模型与DOM事件的结合。
