-
draggable属性可设置为true、false或auto，其中true表示元素可拖动，false明确禁止拖动，auto则由浏览器根据元素类型决定；2.传递复杂数据时，可通过DataTransfer对象的setData()和getData()方法使用JSON字符串等形式传输，并可提供text/plain等备用格式；3.视觉反馈优化包括设置cursor样式、自定义拖动图像setDragImage()、目标区域高亮、合理配置effectAllowed与dropEffect以指示操作类型，并在放置后提供成功反
-
CSS属性选择器通过[属性="值"]语法精确匹配元素，如input[type="submit"]；还可使用~=、|=、^=、$=、*=实现包含、前缀、后缀、子串等匹配方式，用于文件类型图标、数据属性等场景。
-
用linear-gradient实现分段颜色进度条需将色标百分比与业务阈值严格对齐（如0%–30%蓝、30%–70%黄、70%–100%红），配合overflow:hidden容器和动态width控制显示长度，确保无缝衔接、无跳变。
-
DOM操作本身不拖慢JS性能，但频繁低效访问（如循环中多次调用getElementById）会因重复遍历、布局计算和同步开销导致卡顿；应缓存元素引用并批量更新。
-
:not(:empty)对动态内容无效，因为:empty仅在DOM初始解析时匹配无任何子节点的元素，不响应JavaScript插入内容后的DOM变化，且空格、换行等易致误判；推荐用data-loaded属性替代，确保样式与JS状态同步。
-
本文详解如何通过jQuery实现两级嵌套单选按钮（radio）的联动显示逻辑，重点解决因CSS类顺序导致的.subtier2-options无法正确显示的问题，并提供可复用、结构清晰的前端交互方案。
-
应统一border归属并配合margin控制间距，如每个元素设border-bottom、最后一个设none，再用margin-bottom统一控制间距，避免重叠变粗。
-
sticky元素不生效的三大主因：一是父容器或祖先设置了非visible的overflow（如hidden、scroll），切断滚动参考；二是父容器高度为0或未定义，导致无滚动上下文；三是sticky元素自身应用了transform/filter等触发新层叠上下文的属性。
-
iOSSafari中min-height:100vh不生效是因视口计算包含地址栏，导致实际高度小于可见区域；推荐优先使用min-height:100dvh（iOS16.4+支持），并用@supports降级至100vh；兼容老版本需JS动态设置--vh变量并监听resize和orientationchange。
-
在TypeScript项目切换为ESM（"type":"module"+"module":"esnext"）后，省略.ts扩展名的导入会失败；启用allowImportingTsExtensions又会导致类型检查异常。本文提供符合标准、无需手动加扩展名的安全解决路径。
-
答案：通过正则检测字符类型数量和长度判断密码强度，结合输入事件实时反馈。定义小写、大写、数字、特殊符号四类字符，统计匹配类型数，不足两类或长度小于8为弱，两类及以上且≥8为中，四类全含且≥8为强；绑定input事件动态显示强度并添加CSS样式提示，可优化空值处理与常见弱密码警告。
-
可通过Safari、代码编辑App、在线托管或AirDrop四种方式在iPhone上查看HTML文件。首先将HTML文件保存至“文件”应用，用Safari直接打开；其次使用JSBox、Textastic等支持预览的编辑器App进行实时调试；再者将文件部署到GitHubPages、Netlify等平台，通过生成的URL在Safari中访问；最后可从电脑用AirDrop发送HTML文件至iPhone，再保存并通过Safari或兼容应用打开预览。
-
够用，但易误删关键交互节点；需确认元素是否参与可访问性流或被脚本依赖，且必须用@media限定范围，避免全局隐藏、高DPR误判及嵌套过深。
-
气泡提示框尖角不必非用::before/::after，但这是最稳妥方案；SVG/Canvas虽灵活却影响可访问性与缩放，纯CSS伪元素零额外HTML、兼容IE9+、响应式友好。
-
lang属性必须正确设置在<html>标签上，如lang="zh-CN"，否则屏幕阅读器会按默认语种错误发音；服务端需在首屏输出正确值，运行时修改无效。
