-
_target属性用于控制超链接打开位置，\_self为默认值，在当前页跳转；\_blank在新窗口打开，适合外链；\_parent在父框架中加载；\_top跳出所有框架；自定义名称可与iframe的name配合使用。建议外链使用rel="noopener"提升安全，避免滥用\_blank影响体验。
-
1、通过Transmit的“监视文件夹变化”功能实现CSS文件修改后自动上传；2、结合live-server实现本地保存即浏览器自动刷新；3、利用Webpack配置热更新与代理，达成本地开发与远程测试服务器的秒级同步与高颜值页面实时展示。
-
先确认文件扩展名为.html且用浏览器打开，再检查代码结构是否完整。1.文件保存为.html格式并开启显示扩展名；2.用浏览器而非编辑器查看页面；3.确保包含<!DOCTYPEhtml><html><head><body>基本结构；4.外部资源使用正确相对路径；5.文件名避免中文或空格；6.保存为UTF-8编码并在<head>添加<metacharset="UTF-8">。
-
Array.prototype.forEach是JavaScript中用于遍历数组并执行副作用操作的方法，它不返回新数组且无法中断循环。1.forEach适用于遍历数组并执行如打印、修改DOM或累加等无返回值的操作；2.它不支持异步等待，回调中的async/await不会阻止循环继续执行；3.使用时需注意不能通过return、break或continue控制流程；4.避免在遍历过程中修改原数组长度，可能导致跳过元素或无限循环；5.回调中this的指向需通过thisArg指定或使用箭头函数保持上下文。
-
DOM操作通过API修改网页结构，事件委托利用冒泡机制在父元素处理子元素事件。1.使用getElementById、querySelector等方法获取并操作元素；2.事件监听绑定在冒泡阶段，e.target指向实际触发元素；3.事件委托将监听器绑定到父级，动态添加的子元素无需重新绑定；4.优点包括减少内存占用、支持动态内容、简化维护；5.推荐使用e.target.matches()精准判断目标元素，必要时调用preventDefault或stopPropagation。结合二者可提升性能与代码可维护性。
-
按需加载CSS动画库的核心是动态插入<link>标签，仅在需要时加载对应动画样式文件。具体包括：1.判断去重后插入link；2.按类名映射URL智能加载；3.通过onload或Promise确保样式就绪再添加类；4.生产环境推荐构建时提取，避免运行时竞态。
-
fixed定位指元素相对于视口固定，结合媒体查询可适配不同屏幕。例如返回顶部按钮在大屏显示、小屏隐藏，通过@media调整样式，提升响应式体验。
-
H5是HTML的最新标准，相较于传统HTML，它通过HTML5、CSS3和JavaScript的深度融合，实现了更丰富的交互、离线存储、多媒体支持和跨平台能力。在企业级应用中，H5技术栈因能提供类原生体验、降低开发维护成本、支持PWA和响应式设计而广受青睐。其优势体现在用户体验提升、跨终端兼容、强大API支持等方面，尤其适合CRM、数据可视化、内部管理系统等商业项目。然而，H5也面临性能瓶颈、浏览器兼容性、安全风险及硬件集成限制等挑战。是否采用H5需综合评估项目交互复杂度、目标设备环境、用户访问方式、团队
-
清除浮动是为解决父容器因子元素浮动导致的高度塌陷问题。1.浮动元素脱离文档流，使父容器无法正确计算高度；2.使用clear:both可清除浮动影响，但需额外HTML标签；3.推荐使用伪元素::after实现clearfix，无需修改结构；4.现代写法结合display:table与clear:both，兼容性好且被主流框架采用。
-
实现JavaScript拖拽需监听mousedown、mousemove和mouseup事件。1.原理：按下时记录偏移并开启拖拽状态，移动时计算新位置更新样式，松开时结束状态。2.代码示例中通过offsetX、offsetY计算位置，结合absolute定位实现元素跟随鼠标移动。3.优化包括设置cursor:move、限制范围、提升z-index及兼容触屏设备。4.注意事项有避免默认行为、合理处理事件解绑与布局影响。掌握基础逻辑后可扩展排序、上传等高级功能。
-
环境变量管理在Node.js中至关重要，因其提升安全性、灵活性并符合十二要素应用原则。通过process.env可直接访问环境变量，而本地开发时常用dotenv库加载.env文件中的配置，实现敏感信息与代码分离。需注意变量类型均为字符串，须进行类型转换，并在生产环境优先使用平台原生环境变量机制而非.env文件，避免泄露风险。同时应验证关键变量存在性、设置默认值、遵循命名规范，并通过NODE_ENV区分环境配置，确保应用健壮与可维护。
-
父元素设为relative，子元素用absolute可实现精准定位。1.父元素设置position:relative创建定位上下文；2.子元素通过position:absolute并配合top、left等属性相对于父元素精确定位；3.常见应用包括角落固定、居中对齐和层级叠加；4.需注意父元素需有尺寸或内容撑高，避免塌陷，且absolute元素脱离文档流不影响其他布局。掌握此组合即可灵活控制位置。
-
Sass嵌套通过层级结构提升CSS可读性，支持BEM命名简化与合理深度控制，避免过度嵌套以保持代码简洁高效，优化样式组织与维护。
-
box-shadow属性通过在值末尾添加颜色参数来设置阴影颜色，支持十六进制、rgb、hsl、关键字等颜色格式，如box-shadow:5px5px10px0px#ff0000；可使用rgba设置透明效果，如rgba(0,0,0,0.2)；支持多阴影不同颜色叠加，如0010pxred,0020pxblueinset。
-
Spectre.css提供轻量响应式框架，其Flexbox网格系统通过.container、.columns和.column类实现自适应布局，配合.form-group、.form-input等类快速构建表单，适用于管理后台等场景。
