-
JavaScript设计模式是解决常见工程问题的可复用结构方案；单例靠延迟初始化+闭包/静态属性拦截实现唯一实例，工厂用于隔离创建逻辑变化点，模块模式侧重闭包封装私有状态与接口暴露。
-
Array.prototype.flat()是现代环境首选，支持深度控制和空位处理；旧环境可用reduce+concat手写递归实现，需用Array.isArray安全判断；慎用JSON黑魔法，应明确数据建模。
-
需确保协议一致、跨域处理、数据格式可解析：一、Servlet通过设置JSON响应头、序列化对象并输出；二、SpringMVC用@Controller与@ResponseBody自动转JSON；三、前端用fetch或XMLHttpRequest发起请求并解析；四、jQuery用$.ajax简化请求；五、后端配置CORS响应头或@CrossOrigin注解解决跨域。
-
本文详解如何用rvest正确抓取HTML表格：推荐优先使用html_table()自动解析，若手动定位需注意CSS选择器语法（如误加.导致匹配失败），并提供可直接运行的完整代码示例。
-
使用auto-fit实现响应式图片画廊，能自动调整列宽填满空间，避免空白；而auto-fill可能在窄屏下预留过多轨道导致拉伸异常。核心代码为repeat(auto-fit,minmax(200px,1fr))，配合gap、object-fit等优化视觉效果，适用于内容不确定的场景，兼容性好且简洁高效。
-
使用CSS实现图片悬停平滑缩放，需设置transition定义动画时长与缓动效果，通过transform:scale()在hover时放大图片，建议包裹容器并设置overflow:hidden防止布局抖动，结合will-change提升渲染性能，确保视觉流畅。
-
父容器设置overflow:hidden可触发BFC，包裹浮动子元素，解决高度塌陷问题；2.该方法简洁但可能裁剪内容或产生滚动条，适用于无溢出需求的简单布局场景。
-
JavaScript作用域是变量和函数可访问的范围，分为全局、函数和块级三种；全局变量在脚本顶层声明，函数作用域由var定义，块级作用域由let/const在{}中定义；作用域链支持内层访问外层变量。
-
box-shadow无法直接根据width/height动态变化，纯CSS仅支持calc()配合固定或视口单位；响应式可用媒体查询分段设置，视觉适配可结合transform:scale()；严格按像素比例调整须用ResizeObserver+JS；drop-shadow()不推荐用于尺寸绑定场景；WebKit阴影异常需强制图层或降级处理。
-
transition对display无效，因display是离散属性，浏览器无法插值；应改用opacity+visibility组合，并配step-end实现平滑过渡。
-
CSS中margin所有方向的百分比均以包含块宽度为基准，而非对应方向尺寸；绝对定位元素则以最近非static祖先的宽度为准；top/bottom定位值才以包含块高度为基准。
-
本文介绍如何将文字描述与图片绑定，通过对象数组结构扩展原有图片数组，并在点击时同步更新图片和文字内容，实现图文联动的随机展示效果。
-
解决父元素高度塌陷的关键是清除浮动，常用方法包括伪元素clearfix、overflow:hidden、display:flow-root等，推荐使用display:flow-root或::after伪元素清除法，确保父容器正确包裹浮动子元素，避免布局错位。
-
项目列表错位主因是父容器未设flex或grid布局，应加display:flex、flex-wrap:wrap和gap；width与min-width混用致响应失效，推荐flex:11280px配合max-width和媒体查询；卡片高度不一需固定容器高并用object-fit和多行省略统一视觉。
-
JavaScript运算符是实现动态逻辑的核心工具。1.算术运算符（如+、-、、/、%、*、++、--）用于数学计算，但需注意浮点精度问题，例如0.1+0.2!==0.3；2.比较运算符（==、===、!=、!==、<、>等）判断值关系，推荐使用===和!==以避免类型转换带来的错误；3.逻辑运算符（&&、||、!）支持短路求值，可简化条件判断，如name=user.name||'匿名用户'和admin&&admin.doSomething()；4.赋值运算符（+=、-=等）和三元运算符（?:
