-
虚拟滚动是只渲染当前视口内元素的技术：用占位层撑起总高度、计算可视区域索引、通过transform定位避免重排；适用于500+条固定高度数据的滚动场景。
-
密码输入框用pattern属性仅做提交校验，需配合input事件实时过滤非法字符，并在服务端重复校验。
-
<cite>标签语义始终为作品标题，HTML5起不再默认斜体且不隐式关联来源；须用<a>包裹实现链接，禁用<blockquotecite>，引文出处应显式置于<footer>或微数据中。
-
MiniCssExtractPlugin不能用style-loader替代，因前者在构建阶段将CSS单独提取为物理.css文件，后者仅运行时注入<style>标签；开发用style-loader（支持HMR），生产才用MiniCssExtractPlugin.loader。
-
1、使用旧版Firefox并启用Java插件；2、在Java控制面板降低安全等级并添加信任站点；3、用JDK的appletviewer工具独立运行；4、检查HTML中applet标签的code和archive路径是否正确。
-
background-image自适应核心是background-size:cover/contain，Sassmixin仅封装重复逻辑；真正有用的bg-cover需设center定位、no-repeat，并兼顾@2x图与宽高比约束，而响应式依赖CSS能力而非Sass运行时。
-
简写的十六进制颜色码是当每对红、绿、蓝颜色值相同时，可将六位#RRGGBB缩写为三位#RGB格式，如#FF00CC→#F0C；仅当每种颜色的两位十六进制数相同才可简写，否则需保留完整格式；该规则广泛用于CSS中设置文字、背景、边框等样式，能减少文件体积、提升加载效率；优点包括书写快捷、节省字符、提高可读性且兼容现代浏览器；注意事项有：非重复值不可简写，团队开发需统一规范，避免混用格式造成维护困难，部分工具默认输出六位格式需手动调整；掌握“成对相同才能缩”的原则即可正确使用。
-
iOS上word-break:break-all失效因Safari渲染兼容性限制，中文等无空格文本中常被忽略；可靠方案是overflow-wrap:break-word、word-break:break-word与white-space:normal三属性协同。
-
相邻兄弟选择器（+）用于选中紧邻且同级的后一个元素，语法为A+B；区别于~选择器，+仅匹配紧邻下一个，而~匹配后续所有同级元素；IE7+支持，需确保HTML结构符合紧邻同级要求。
-
实现等高列的常见方法是使用display:table-cell或flex布局。1.使用table-cell时，将容器设为display:table-row，子元素设为display:table-cell，它们会自动等高对齐，适合兼容老旧浏览器；2.使用flex布局时，只需将容器设为display:flex，子元素默认会拉伸至相同高度，更适合现代响应式设计；3.需注意table-cell可能影响内部元素定位和百分比高度计算，导致布局异常；4.若项目需兼容IE8及以下版本，推荐table-cell，否则建议优
-
AMPHTML必须满足五项硬性条件：根标签为<htmlamp>或<html⚡>；<metacharset="utf-8">为首项；含<linkrel="canonical">；引入v0.js脚本；CSS内联且≤75KB、禁用@import等；所有媒体标签须用amp-*组件。
-
使用CSS的position和:hover实现下拉菜单：通过父级li设置relative定位，子菜单absolute定位并默认隐藏，hover时显示，结合box-shadow、z-index等优化体验，无需JavaScript即可完成交互。
-
JavaScript数据可视化核心是选对图表库、理解数据结构、正确绑定渲染逻辑；需根据项目需求选库，准备结构化数据，精准配置坐标轴、键名和响应式，并以用户问题为导向精简图表元素。
-
启动Pinegrow并创建新项目或打开现有HTML文件，确保有基础页面；2.在右侧面板的“Frameworks”中勾选Bootstrap并选择版本（推荐Bootstrap5），自动引入CDN链接；3.从“Libraries”面板拖拽导航栏、按钮等组件到画布，编辑内容并用属性面板调整类名与响应式行为；4.使用Container、Row和Column构建响应式布局，设置不同屏幕下的列宽并实时预览效果。集成后可高效设计专业级响应式网站，注意检查JS依赖与版本兼容性。
-
菜单在小屏幕无法显示因display:none未通过媒体查询逆转；2.需用@media(max-width:768px)设置.menu{display:none}及.active显示；3.添加JavaScript切换active类实现点击展开。
