-
HTML5本身不直接提供图片处理功能，但结合JavaScript和CanvasAPI，可以实现丰富的图片编辑功能。通过将图片绘制到元素上，开发者可以在浏览器中完成裁剪、滤镜、缩放、旋转等操作，无需依赖服务器或插件。1.加载图片到Canvas要对图片进行处理，首先需要将其加载并绘制到Canvas上：constcanvas=document.getElementById('myCanvas');constctx=canvas.getContext('2d');constimg
-
浮动与inline-block可结合用于灵活布局。1.解决间隙：父元素font-size设0或移除HTML空格；2.混合布局：侧栏用float，内部卡片用inline-block；3.清除浮动影响：通过BFC或clear避免错位，调整vertical-align对齐；4.响应式处理：设置box-sizing、white-space，媒体查询中切换显示模式。建议高控场景用浮动或Flexbox，文本流用inline-block。
-
opacity+transform动画更流畅，因transform触发GPU合成层加速，避免重绘；需配合不改变视觉的transform（如translateZ(0)）并避免触发布局的属性。
-
videohover跳动主因是盒模型变化，应设box-sizing:border-box、初始透明边框、父容器固定尺寸；hover应绑定外层wrapper而非video本身；移动端需用@media(hover:hover)限定或JS降级。
-
外边距重叠是CSS中垂直方向块级元素间margin合并的真实行为，非bug；相邻或嵌套的margin-top与margin-bottom不累加而取最大值，父子间易产生视觉错觉。
-
GitHubPages能直接发布纯HTML5网页，不需要构建工具、不需要后端，但必须注意仓库命名、分支选择和路径结构这三点，否则页面404或样式/脚本加载失败。仓库名必须是username.github.io这是唯一能启用「用户主页」模式的命名规则。如果建的是普通仓库（比如叫my-app），默认只能用gh-pages分支或docs文件夹，且访问地址会多一级路径（https://username.github.io/my-app/），这时所有相对路径（如./css/style
-
用标签设置整个文档的基准URLHTML中唯一能定义文档基础URL的方式就是标签，它必须写在里，且只生效一次（多个时，只有第一个被浏览器解析）。常见错误是把它放在里，或者动态插入——这完全无效，浏览器只在初始解析时读取它。：所有相对路径（如、）都会自动拼接成https://example.com/assets/logo.png这类完整地址：可统一设置所有、等标签的默认打开方式，但会覆盖单个链接的target属性如果同时设href和target，
-
transition不生效于position属性本身，因position是离散值；应使用transform或top/left等可插值属性实现位移过渡，其中transform更高性能；display和visibility不支持transition，需用opacity与transform组合实现显隐动画。
-
React中<buttontype="submit">无法触发表单onSubmit，往往并非语法错误，而是外层DOM元素意外调用了event.preventDefault()，导致表单提交事件被静默拦截——包括点击按钮和回车提交两种方式。
-
答案是调试第三方库需通过复现隔离、查阅文档、分析堆栈、使用调试器和日志等手段定位问题，针对无源码库可采用反编译、抓包、行为分析等方式，当问题严重、社区活跃且具备修复能力时，应贡献代码而非仅用临时方案。
-
Vue响应式系统核心是数据劫持+依赖收集+派发更新：通过Object.defineProperty（Vue2）或Proxy（Vue3）拦截读写，在getter中收集依赖（Watcher），setter中通知更新，配合异步队列实现高效视图刷新。
-
提升HTML下拉菜单的响应速度可通过避免不必要的JavaScript计算、减少DOM操作、优化图片资源实现；使用CSS过渡效果可为opacity、height、transform等属性添加平滑动画；处理移动设备兼容性需采用触摸事件、避免hover伪类、确保按钮足够大并正确设置viewport；解决遮挡问题可通过z-index、滚动条、遮罩层及反向展开实现；提升可访问性需使用ARIA属性如role、aria-haspopup、aria-expanded、aria-label；除opacity和height外
-
calc()中rem与vw不可混用，因单位基准不同；应统一为px+vw或仅用单一单位，并配合媒体查询、viewport标签、line-height固定及IE降级处理。
-
localStorage不是万能的持久化方案，它只存字符串、不跨域、没过期机制，用错地方会丢数据。localStorage.setItem()存不了对象或数组直接传JSON.stringify()以外的值，比如对象、数组、数字，会被自动转成"[objectObject]"或"1,2,3"，取出来根本不是原来的东西。必须手动序列化：localStorage.setItem('user',JSON.stringify({name:'Alice',age:30}))读取时也要
-
滑动门技术利用两个嵌套元素设置不同背景图，外层控制左端，内层控制右端，中间随内容伸缩，实现自适应按钮或标签页效果；典型结构为a嵌套span，分别应用左右背景图并留出内边距，使整体如滑动门般伸缩；现因CSS3的border-radius、linear-gradient及flexbox等技术普及，已多用于老项目兼容，新项目普遍采用纯CSS方案替代。
