-
WebStorm通过内置服务器和浏览器配合实现HTML预览与调试。1.右键HTML文件选择OpeninBrowser，自动启动本地服务器并预览；2.启用LiveEdit功能需安装JetBrains插件，点击Debug图标实现实时编辑更新；3.在JS代码行设断点，通过Debug模式运行可暂停执行、查看变量及调用栈；4.可自定义JavaScriptDebug配置，保存后快速启动。核心是结合浏览器与调试工具提升前端开发效率。
-
最常用方法是设display:inline-block，因其既能设置宽高、内外边距，又能同行排列；而inline无法设置宽高和上下margin，块元素默认独占一行。
-
外部CSS文件应使用<link>而非@import，因其避免串行加载、FOUC和解析阻塞；需按功能拆分、条件加载、哈希命名并合理设置缓存策略。
-
BroadcastChannelAPI可实现同源页面间高效通信，通过创建相同名称的频道实例并使用postMessage发送消息，addEventListener或onmessage接收消息，需在beforeunload时调用close释放资源，适用于登录状态同步、主题切换等场景。
-
答案：通过CSS的:focus与::after结合外层容器实现输入框焦点提示图标。具体采用.input-wrapper包裹input，利用:focus-within触发::after伪元素显示对勾图标，配合绝对定位与opacity过渡，实现淡入效果；或对contenteditable元素直接应用:focus::after，注意input本身不支持伪元素需借助父容器，同时优化图标位置、动画及可访问性。
-
页面首次加载样式错乱主因是CSS未及时生效导致FOUC，应将<link>置于<head>最上方、禁用@import、确保路径正确且返回200，并可对关键CSS预加载。
-
新手应把Bootstrap当作带注释的实践教材学布局：通过col-md-6等类名理解栅格与响应式断点，观察组件结构反推CSS原理，避免只套代码或忽视盒模型基础，再自然过渡到手写Flex/Grid。
-
最常用方法是使用:active伪类，它在用户按下鼠标左键或触屏按压瞬间生效，松开即恢复；需配合transition实现平滑反馈，但不适用于点击后保持状态，后者应使用JavaScript切换class。
-
核心机制是利用<source>标签提供多格式备选源，浏览器按顺序尝试并选择支持的格式播放，确保兼容性；通过type属性声明MIME类型可避免无效请求；若所有源均不支持，则显示降级内容提示下载或更新浏览器；同时需配置服务器MIME类型、使用响应式设计、结合JavaScript监听错误事件以优化体验，并合理设置preload属性平衡加载性能与带宽消耗。
-
箭头函数与普通函数主要差异体现在：1.this指向不同，箭头函数继承外层作用域this；2.不能作为构造函数使用；3.无arguments对象，但可用...args替代；4.语法更简洁，适合回调场景。
-
Map和Set是ES6引入的原生数据结构：Set存储唯一值，支持任意类型去重；Map存储键值对，键可为任意类型且保持插入顺序，二者均非Object或Array的语法糖。
-
实现HTML数据可视化需借助JavaScript库将数据渲染为图表，常用方式包括：使用Chart.js、D3.js或ECharts等库结合canvas或SVG在页面中生成图形；通过script标签嵌入JSON数据并由JS动态处理；利用Vue、React框架实现响应式交互；或在服务端用模板引擎生成含图表的静态页面。
-
闭包模拟私有变量最可靠，因JS原生不支持private关键字；ES2022的#字段语法虽简洁但兼容性有限；WeakMap适合模块级私有数据管理；Symbol仅是“约定私有”，非真正封装。
-
PDF生成时应优先用DOM解析器（如BeautifulSoup、jsdom）清除<script>标签，而非正则匹配或禁用JS，以避免解析错误、执行报错及排版错乱。
-
JavaScript装饰器是Stage3提案，支持修饰类、类方法、访问器及字段，不支持普通函数等；分为类装饰器（1参数）、方法装饰器（3参数）、参数装饰器（3参数），需TS或Babel配置启用。
