-
需要了解vw和px的区别，因为它们在控制网页布局和响应性方面有不同用途。px是固定尺寸单位，适合精确控制，如设计图标；vw是相对单位，基于视口宽度，适用于自适应设计，提升移动友好性。
-
Vue.js学习误区主要包括：1.Vue.js不只是视图层库，而是可扩展为完整MVVM框架；2.只有实例创建时存在的属性才响应式，使用Vue.set添加新属性；3.v-show比v-if更适合频繁切换元素；4.组件通信有多种方式，不限于props和events；5.使用v-once和v-memo优化组件性能。
-
在CSS中，外边距（margin）的默认值通常为0，但某些浏览器可能有特定设置。1.使用CSS重置可以清除默认样式，确保跨浏览器一致性。2.外边距可以通过margin属性设置，单位包括px、%、em、rem等。3.使用margin:auto可快速居中元素。4.注意垂直外边距合并问题，可用padding、border或overflow避免。5.建议使用相对单位，避免负外边距，并使用CSS预处理器管理外边距。
-
在JavaScript中，可以通过style属性和className属性修改元素的样式。1.使用style属性直接修改元素的样式，适合临时或动态修改。2.使用className属性切换预定义的CSS类，适合重用和保持代码整洁。结合使用这两种方法可以最大化利用JavaScript和CSS的优势。
-
打印HTML页面时，可以通过CSS的page-break属性、JavaScript动态插入分页符、CSS的page-break-inside属性以及调整HTML结构来处理分页问题。1.使用CSS的page-break属性控制元素前后插入分页符。2.通过JavaScript动态插入分页符，适用于需要在特定位置分页的情况。3.利用CSS的page-break-inside属性避免内容在不恰当的位置被截断。4.调整HTML结构，在需要的地方插入分页元素以优化打印效果。通过这些方法，可以显著改善打印输出的质量和用
-
Vue组件的基本结构由template、script和style三部分组成，其中template和script是核心。一、template作为组件的“骨架”，使用HTML模板和Vue语法绑定数据与事件；二、script作为组件的“大脑”，定义数据、方法和生命周期钩子；三、Vue将template编译为渲染函数，自动响应script中数据变化并更新DOM；四、细节上需注意template只能有一个根元素，变量名需一致，Vue3可使用<scriptsetup>简化语法。
-
animation-iteration-count是CSS中用于控制动画播放次数的属性，1表示播放一次，infinite表示无限循环；要实现循环动画，需配合animation-name、animation-duration和animation-timing-function使用，如.loop-animation{animation-name:spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-func
-
Promise在JavaScript中用于异步编程，通过then和catch方法处理异步操作的结果。1)创建Promise对象并使用setTimeout模拟异步操作。2)使用Promise.all处理多个Promise，等待所有完成。3)使用async/await语法处理Promise，提高代码可读性和可维护性。
-
perspective控制观察者与3D空间的距离，影响透视效果强弱；transform-style决定子元素是否在共享的3D空间中渲染。1.perspective数值越小透视越强，可作用于父容器或单独元素，未设置则无立体感，设置不当会导致变形夸张或无效；2.transform-style:preserve-3d需显式声明，父元素需有3D变换才能生效，仅决定共享空间不影响透视；3.实际应用中，构建3D结构时需同时设置父容器preserve-3d和外层容器perspective，两者配合才能实现自然3D效果。
-
HTML中常用的块状标签包括：1.<div>用于布局和分组元素；2.<p>表示段落；3.<h1>到<h6>定义标题；4.<ul>、<ol>、<li>创建列表；5.<table>用于表格；6.<form>创建表单，这些标签是构建网页结构的基石。
-
mixins适合复用部分功能，extends适合继承整个组件。具体区别如下：1.mixins用于混入可复用的功能，如表单验证、数据初始化等，支持多混入，自动处理冲突，适合抽离横向逻辑；2.extends用于组件继承，基于已有组件扩展，支持单继承，适合构建有层级关系的组件结构；3.使用场景上，mixins适用于多个组件共享部分逻辑、注入功能而不改变继承链、组合多个逻辑块，extends适用于基础组件扩展、保持继承清晰、重写部分行为；注意mixins可能命名冲突，extends不宜嵌套过深，且两者钩子执行顺序
-
触摸事件在现代Web开发中重要，因为它们捕捉用户在触摸屏上的操作，提升用户体验并提供更多互动方式。处理触摸事件的方法包括：1.使用touchstart、touchmove、touchend和touchcancel事件，并添加监听器；2.处理多点触摸，如计算两点距离实现缩放；3.优化性能，使用requestAnimationFrame控制处理频率。
-
i标签在CSS中主要用于展示斜体文本和图标。1)它是内联元素，适合文本流中使用。2)在HTML5中，i标签可表示“替代语音或声音”，常用于图标展示。3)结合FontAwesome等库，可以展示社交媒体图标。4)样式化简单，但需注意转换为块级或内联块级元素。5)推荐使用<em>标签表示强调。6)使用图标字体比图像文件更高效，但需考虑设备兼容性，SVG图标是备选方案。
-
实现Markdown编辑器的核心在于选择解析器和编辑器。①解析器可选用marked.js、showdown.js或markdown-it.js等现成库，能快速将Markdown转换为HTML；②编辑器可通过<textarea>实现基础功能，或使用CodeMirror、Ace等富文本编辑器提升体验；③实时预览需监听input事件并调用解析器转换内容；④图片上传需前后端协作，前端处理文件读取与上传，后端接收并存储文件，返回URL生成Markdown链接插入编辑器；⑤选型解析器时应考虑性能、兼容性、
-
网页开发中h1应只出现一次因为它代表页面核心主题多个会降低SEO效果且影响可访问性。①h1定义页面主标题应唯一；②h2至h6用于分层子标题结构如h2为一级子标题h3为h2下的细分项；③标题层级需清晰合理组织内容有助于搜索引擎抓取和用户理解；④h1权重最高利于SEO优化关键词应自然融入标题中不可堆砌；⑤正确使用标题标签能提升用户体验与网站可访问性。
