-
在JavaScript中创建自定义元素的步骤如下：1.定义类并继承HTMLElement：通过classMyCustomElementextendsHTMLElement创建自定义元素类。2.在构造函数中使用ShadowDOM：调用super()并通过attachShadow方法创建ShadowDOM，设置内容和样式。3.注册自定义元素：使用customElements.define方法将自定义元素注册到浏览器中，完成后可在HTML中使用。
-
首先启动Nano编辑器并打开HTML文件，命令为“nanoindex.html”；接着直接输入或修改HTML代码；然后按Ctrl+O保存，回车确认文件名，再按Ctrl+X退出；最后可参考常用快捷键提高效率。
-
真正省事原生支持骨骼动画的HTML5引擎仅有Phaser3（需插件）、PixiJS（靠spine/dragonbones扩展）和Cocos2d-html5（内置DragonBones）；Three.js需手动绑定SkinnedMesh与Bone，无现成解析器。
-
flex布局中子元素水平垂直居中需父容器设display:flex、min-height:100vh，再用justify-content:center和align-items:center；二者仅作用于直接子元素，且margin:auto在flex容器中不适用传统居中逻辑。
-
inline-block元素可设宽高且同行排列，通过margin控制间距，需处理换行导致的默认空白，适用于导航栏等水平布局场景。
-
Canvas绘图需先获取2D上下文ctx=canvas.getContext('2d')，再用fillRect/strokeRect画矩形、arc画圆、beginPath+路径方法画图形；动画须用requestAnimationFrame实现清屏→绘制→循环；drawImage需在img.onload中调用以防未加载。
-
应复用同一Audio实例并在用户首次交互时预播放以解锁权限，用布尔变量控制开关状态，封装triggerCelebration函数解耦业务逻辑，按钮同步aria-pressed与audio.muted，iOS需预热播放或降级WebAudioAPI。
-
边框动画应使用::before或::after伪元素实现“描边轨迹”，而非直接transitionborder；正确做法是用背景色+固定尺寸+transform/clip-path控制伸展，避免百分比宽高和非合成属性触发重排，并添加pointer-events:none防事件遮挡。
-
URLSearchParams是浏览器原生处理URL查询参数的接口，支持多种初始化方式、自动编解码、增删改查及多值操作。
-
:placeholder-shown无法单独实现浮动标签因仅在有placeholder且未聚焦、无内容时生效，输入空格即失效；需组合:not(:placeholder-shown)和:focus-within覆盖全状态。
-
Less中百分比无法直接参与算术运算，因%被视为不可计算的单位类型；需统一用小数表示（如1代表100%）或用calc()交由浏览器处理，避免单位混用报错。
-
根本原因是CSS全局作用域导致样式污染；BEM通过block__element--modifier命名约定主动隔离样式边界，要求HTML结构严格匹配命名层级，否则样式失效。
-
应使用JavaScript动态获取fixed广告真实高度并实时同步至文章末尾容器的padding-bottom，同时用占位元素兜底，兼顾安全区适配与布局健壮性。
-
Node.js中定时器操作依赖事件循环机制，setTimeout在timers阶段执行，setImmediate在check阶段执行，process.nextTick优先级最高，位于当前操作结束后立即执行；在I/O回调中setImmediate通常先于setTimeout(0)执行，避免setInterval内存泄漏需及时clearInterval或使用递归setTimeout控制异步周期任务，定时器回调应避免阻塞、注意this指向并做好错误处理，合理利用不同API实现高效异步调度。
-
最稳妥方案是overflow-x:auto+white-space:nowrap+position:relative，箭头用::after绝对定位于内容末尾，通过JS监听scrollLeft动态控制显隐，SVG内联实现高保真与可访问性。
