-
TypeScript是带类型检查的JavaScript增强版，所有合法JS代码都合法，但通过编译时检查提前拦截空值等错误；优先用interface定义可扩展业务对象，unknown替代any保障安全，类型是需持续维护的活契约。
-
CSS中#id选择器让维护变困难的根本原因是它将样式与DOM结构强绑定于“唯一性”，而真实项目中结构、需求和组件复用均要求灵活性，#id却无法适应变化。
-
<p>HTML注释使用<!---->语法，支持单行与多行，不可嵌套且禁用--和>组合；脚本与样式内应使用对应语言注释；可标注状态、待办事项；可通过开发者工具或W3C验证检查解析正确性。</p>
-
通过counter-reset和counter-increment配合::before伪元素，可为每组独立容器内的子元素生成从1开始的连续编号，且各容器间互不影响。
-
webpack是静态模块打包器，负责将入口文件及其依赖打包成浏览器可加载的文件；它不自动写代码、不编译JSX/TS（需loader）、不压缩HTML（需插件）。
-
答案：通过HTML的media属性可实现响应式CSS加载。1.使用link标签的media属性，如(max-width:600px)时加载small.css；2.常见条件包括设备宽度、横竖屏、打印和高分辨率屏幕；3.可用and组合多条件，精确控制加载时机；4.注意每个link只引用一个文件，避免样式冲突，提升性能。
-
答案：开发JavaScriptIDE需集成语法高亮、错误检测、智能提示、代码格式化及调试功能，采用Monaco或CodeMirror为编辑器核心，结合tsserver实现语言服务，通过React/Vue构建界面，利用iframe或WebWorker安全执行代码，并以IndexedDB模拟文件系统；支持插件扩展与多场景部署，逐步构建高效、可定制的开发环境。
-
拖拽跨浏览器可靠需三要素：dragstart中必须调用setData('text/plain','')初始化dataTransfer；dragover和drop事件均需preventDefault()允许放置；移动端须用touch事件模拟而非原生API。
-
答案：利用flex布局与transform实现轮播。通过flex-wrap禁止换行，min-width:100%使每项占满容器，overflow:hidden隐藏溢出，transition配合translateX实现滑动动画，JS控制索引切换幻灯片位置，注意设置flex-shrink:0防止压缩。
-
自定义ESLint规则可提升代码质量，首先通过配置文件设置规则如禁止var；其次使用插件扩展语法支持，如Vue；再者可编写自定义规则文件禁止alert等；最后集成到编辑器与CI流程确保执行。
-
JavaScript无内置物理引擎，常见第三方库有：①Matter.js（轻量2D）；②Planck.js（高精度Box2D移植）；③Cannon.js/es（3D刚体）；④Ammo.js（功能全的Bullet移植）。
-
px不推荐用于响应式字体，因其固定、不可缩放、无法响应视口变化；应选用rem（根元素基准）、vw（视口基准）等相对单位，并结合clamp()或媒体查询保障可访问性与稳定性。
-
绝对定位元素宽度自动计算为包含块宽减left减right；fixed元素以视口为包含块；relative/sticky不改变尺寸规则；box-sizing影响width所指范围。
-
严格模式通过主动报错暴露隐性问题：未声明变量赋值抛出ReferenceError、this为undefined而非全局对象、禁止对只读属性赋值等；以'usestrict'指令启用，兼容旧浏览器，提升代码安全性与可维护性。
-
通过display:none结合@mediaquery可高效控制元素在不同屏幕尺寸下的显示状态，实现响应式布局：默认显示所有内容，在小屏下隐藏非关键元素（如.sidebar、.extra-info），或采用反向策略使仅大屏显示特定元素（如.menu-icon）；为提升可维护性，可定义.hidden-mobile和.visible-mobile等通用类名复用样式；需注意避免过度隐藏导致信息丢失，兼顾可访问性与用户体验，合理取舍内容展示以适配设备场景。
