-
ES2020引入可选链（?.）、空值合并（??）和空值合并赋值（??=）运算符，简化了对不确定数据结构的安全访问与默认值设置。
-
inline-block盒模型与block完全一致，但布局受限于行内环境；默认收缩包裹内容、高度由内容决定、vertical-align影响对齐、空白间隙源于HTML文本节点、所有行为均符合CSS规范。
-
JavaScriptDate解析ISO格式字符串（如"2023-10-01"）默认按UTC处理，再转为本地时区显示，故北京用户看到早8小时；安全写法是显式指定时区或用斜杠格式。
-
grid-column和grid-row生效需父容器设display:grid，仅作用于直接子元素；值指网格线范围而非行列序号，如2/4表示跨第2、3列，span2表示跨2栏，负值如-1/-3须起始线编号小于结束线编号。
-
HTML5拖放功能通过原生API实现，核心是draggable属性与dragstart、dragover、drop事件配合dataTransfer传递数据，需注意阻止默认行为以允许放置。
-
JavaScript操作二进制数据必须使用ArrayBuffer及其视图（如Uint8Array、DataView），因String是UTF-16编码且会Unicode正规化，普通Array存储JS值而非连续字节，无法保证对齐与大小端控制，易致网络传输、文件解析等场景数据错位或静默损坏。
-
原型链是JavaScript实现继承的核心机制，通过对象的__proto__指向构造函数的prototype逐级向上查找，终点为null；用Object.create(Animal.prototype)建立继承可避免共享引用属性，classextends是其语法糖。
-
Grid双列自适应核心是fr配合auto或minmax()：基础用auto1fr实现内容驱动+剩余空间分配；进阶用minmax(120px,max-content)1fr防塌缩；等宽可用1fr1fr或1frminmax(300px,2fr)，辅以gap和justify-items提升实用性。
-
CSS选择器的功能包括基本选择、属性选择、位置选择和状态选择。1.类型选择器如div、p直接选择元素。2.类和ID选择器通过.和#加名称精确定位。3.属性选择器如input[type="text"]根据属性值选择。4.后代和子选择器如divp和div>p选择特定位置的元素。5.伪类和伪元素选择器如:hover和::before根据交互状态或插入内容选择。通过这些选择器，我们可以灵活控制网页元素的样式。
-
transition在opacity或transform上更流畅，因其触发硬件加速交由GPU合成；而width、height、left、top等属性频繁触发CPU的layout和paint，导致卡顿。
-
浮动导致表格错位的本质是父容器高度坍缩与兄弟元素上浮；需用clear:both清除浮动影响，或overflow:hidden触发BFC包裹，现代开发应改用flex/grid替代浮动布局。
-
loading="lazy"仅对<img>和<iframe>生效，需在视口外、有明确宽高且含src属性；局部滚动需IntersectionObserver；原生方案无JS依赖但兼容性受限，混用JS库会失效。
-
1px实线边框在高DPI屏上变虚是因亚像素渲染导致，非CSS错误；推荐用box-shadow模拟实线，如box-shadow:01px00#000，并配合viewport设置与媒体查询优化。
-
对象字面量{}创建最常用安全，适合静态结构；键名含特殊字符须加引号；点号访问合法标识符，方括号支持动态键；方法中this指向调用者，易丢失需绑定。
-
offset-path是现代CSS路径动画最直接方案，支持Chrome75+、Edge79+、Safari15.4+，通过path()定义路径、offset-distance控制位置、offset-rotate设置朝向；不支持IE和旧Safari，需降级为SVGanimateMotion或JS。
