-
作用域链是JavaScript中按词法嵌套顺序查找变量的只读链表，从当前执行上下文逐级向上至全局环境；变量查找先在当前词法环境记录中匹配，未找到则沿链向上搜索，直至全局；var声明会提升并初始化为undefined，而let/const存在暂时性死区，未声明前访问抛出ReferenceError；函数创建时固化其定义时的作用域链，形成闭包。
-
不必须，但不加type或sizes会导致Safari和旧版Edge忽略图标；type推荐显式声明为image/png或image/svg+xml，sizes仅对PNG或ICO有效且SVG不支持。
-
答案：在VisualStudio中运行HTML页面可通过三种方法实现。一、使用IISExpress创建ASP.NET空项目，添加HTML文件并设为起始页，按Ctrl+F5运行；二、安装LiveServer等扩展，添加现有网站后通过扩展启动本地服务；三、直接在文件资源管理器中双击HTML文件或在浏览器输入file:///路径打开，但部分功能受限。
-
XSS是因输入未过滤导致恶意JS执行的漏洞，防范关键是不让不可信数据以脚本方式运行；需对用户输入、URL参数、Cookie等默认不可信，并按HTML、JS、CSS、URL上下文分别转义。
-
flex-nowrap仅禁止换行，不启用滚动；需配合overflow-x:auto和明确宽度限制，且子项设flex-shrink:0防压缩，iOS还需-webkit-overflow-scrolling:touch和touch-action优化。
-
使用CSS的absolute定位和opacity动画可实现无需JavaScript的悬浮提示。通过相对定位容器包裹触发元素与提示框，利用hover状态控制opacity和visibility实现淡入淡出。示例结构包含.trigger和.tooltip，核心样式设置position、transform、transition，配合伪元素::before添加指向箭头，支持多方向类名扩展，建议限制max-width并测试响应式表现以确保兼容性。
-
定制ESLint规则可解决团队特殊需求，如禁用console.log、强制命名规范等。通过创建插件，编写基于AST的规则逻辑，在create中匹配节点并报告问题，最后在.eslintrc.js中引入规则。利用ASTExplorer、添加测试、支持配置和修复建议可提升规则质量。掌握后能固化最佳实践，减少低级错误。
-
position:fixed使头部脱离文档流，导致后续内容从顶部渲染而被遮挡，需用margin-top或padding-top补偿；其定位相对于视口，不感知父容器边界。
-
Fixed定位按钮“飞”出容器是因为它脱离文档流、直接相对视口定位，而非父容器；需用sticky替代实现随容器滚动，用env(safe-area-inset-bottom)适配全面屏，避免v-if控制显隐。
-
必须用position:fixed。否则页面滚动时通知栏会跟着内容跑，失去“始终在顶部”的语义；需避免父容器创建新层叠上下文（如transform、filter），确保挂载到<body>下，并显式设置top:0、left:0。
-
JavaScript地理位置API需用户授权，通过navigator.geolocation提供getCurrentPosition()和watchPosition()等方法获取经纬度等信息，仅支持HTTPS或localhost环境。
-
首先将HTML源码上传至GitHub、GitLab等代码平台或GoogleDrive、OneDrive、Dropbox等云存储服务；具体步骤包括：1.在GitHub/GitLab创建仓库，本地初始化git，添加文件并推送；2.使用GoogleDrive新建文件夹拖入文件并设为离线可用；3.将项目移入OneDrive同步目录等待上传；4.在Dropbox中复制文件至根目录并通过网页共享。
-
答案：实现多端同步笔记应用需结合前端离线优先策略与后端同步服务。前端使用IndexedDB存储并标记待同步数据，通过ServiceWorker或定时器在联网时上传变更；后端提供API处理增删改查，并基于服务器时间戳实现最后写入者胜出的冲突解决策略；采用Firebase等BaaS可简化实时同步实现，提升开发效率与用户体验。
-
浅拷贝只复制第一层属性，新旧对象共享嵌套引用；深拷贝递归复制所有层级，完全独立。常见浅拷贝方法有Object.assign、展开运算符等，均不处理深层引用。深拷贝需解决递归遍历、特殊类型识别、循环引用等问题，推荐使用lodash的_.cloneDeep()或structuredClone()。
-
使用transform结合Flex布局可实现流畅动画。1.用translate替代margin/定位避免重排；2.借助transform模拟order排序动画；3.用scaleX实现平滑伸缩；4.注意will-change、gap兼容性及容器属性稳定，确保性能与效果统一。
