-
网格溢出需协同控制盒模型、轨道约束与子项尺寸：全局设box-sizing:border-box；轨道用minmax()/fit-content()；子项设min-width:0；图文内容配max-width/word-break等。
-
引入reset样式表可解决不同浏览器表单元素显示不一致问题；2.常用方案包括MeyerReset、Normalize.css等；3.需显式设置表单元素样式并统一盒模型，确保跨浏览器一致性。
-
JavaScript是浏览器可直接执行的网页行为语言，入门应先写可见效果代码：修改文字、响应点击、控制台输出、表单校验；暂跳原型链、Promise细节、模块化等；注意ID大小写、脚本位置、undefined常见原因。
-
HTML中使用<a>标签创建超链接：1.基础文本链接通过href指定URL；2.图片链接将<img>嵌入<a>内；3.页面内锚点用id与#组合；4.新标签页打开需加target="_blank"及rel="noopenernoreferrer"；5.用CSS移除下划线并自定义样式。
-
HTML不能直接连接数据库，它需通过fetch调用后端API，由PHP/Python/Node.js等后端语言执行数据库操作并返回JSON，前端仅负责请求与渲染。
-
max-width在content-box下仅限制内容区宽度，总宽=max-width+内边距+边框；在border-box下限制整体占位宽，内容区=max-width−内边距−边框；flex/grid中还受弹性行为影响。
-
代码分割是将JavaScript打包成多个小文件的技术，通过Webpack等工具实现按需加载；结合动态导入import()语法可延迟非关键资源加载，显著减小首屏体积、提升性能，但需避免过度分割导致请求过多，应合理划分模块并利用预加载优化体验。
-
用rem+viewport缩放控制最稳妥，但必须禁用text-size-adjust，否则iOSSafari会强行放大小字号文本；根本原因是系统「可读性缩放」和浏览器对viewport解析差异，导致手机和平板文字表现不一致。
-
HTML5通过内联<svg>标签实现SVG动画，而非<img>引用；需用CSS/JS控制内联SVG的DOM元素，避免SMIL兼容性问题，注意内联、显示状态和容器溢出等上下文陷阱。
-
蓝绿部署通过双环境并行与流量切换实现零停机发布，以Node.js为例，借助Docker与负载均衡器部署新版本至绿色环境，验证后切流并保留旧环境用于秒级回滚，前端资源按版本分离避免污染，配合健康检查与监控确保发布安全。
-
浅拷贝只复制第一层属性，嵌套引用值共享内存；深拷贝递归复制所有层级，完全独立。常见浅拷贝方法有展开运算符、Object.assign()、slice()/concat()；JSON深拷贝有缺陷，手写需处理循环引用，生产推荐Lodash或structuredClone()。
-
通过前后端协同实现“上次访问来自XX城市、XX国家”的提示功能，需借助地理定位API获取位置，并由服务器持久化存储，前端再动态加载展示。
-
HTML5小游戏跨平台分享需生成带状态的URL并适配各平台预览：用URLSearchParams编码状态至query，敏感数据走短链后端映射；微信需硬编码wx-open-graphmeta且图片满足HTTPS/尺寸/缓存更新要求；QQ、微博依赖OG协议但细节不同；短链须用base62编码、设TTL、302重定向；必须真机测试。
-
JavaScript中字符串反转最推荐的方法是split('').reverse().join('')，1.该方法简洁且可读性强；2.不能直接对字符串使用reverse()是因为字符串具有不可变性，而reverse()是会改变原数组的变异方法；3.性能上for循环通常最优，但日常使用中差异不大；4.处理Unicode字符时应使用Array.from()或[...str]确保正确分割字符。
-
应使用localStorage或ServiceWorker等机制解决数据持久化与离线访问问题：首先采用localStorage.setItem()存储数据，通过getItem()读取，确保页面刷新后数据不丢失；其次结合ServiceWorker注册sw.js，在install事件中预缓存核心资源，并在fetch事件中拦截请求返回缓存响应，实现离线加载；对于大量结构化数据可使用IndexedDB进行事务性操作；临时会话数据推荐sessionStorage管理；配合CacheAPI精确控制缓存版本与清理策略；
