-
::first-letter伪元素用于设置块级元素首个字母的样式，常用于首字下沉或强调段落开头。通过p::first-letter可定义字体、颜色、大小等，支持font-size、color、line-height等文本属性，需注意仅对块级元素生效，且自动包含前导标点符号。
-
JavaScript本身不能直接实现服务端渲染（SSR），必须运行在Node.js环境中并配合框架或手动调用renderToString/renderToNodeStream等API；纯浏览器端JavaScript无法SSR。
-
HTML无障碍是开发者可控的编码实践，屏幕阅读器是用户端依赖的辅助工具；原生语义（如button）比div加ARIA更可靠；aria-label、aria-labelledby、aria-describedby用途各异，不可混用；语义标签不能靠CSS模拟；aria-live生效需满足DOM存在、内容更新方式及预置节点等条件。
-
优先用Flex布局解决缩略图与标题对齐问题：给图片容器设display:flex;align-items:flex-start;，标题用align-self:center;；避免float和vertical-align失效，统一弹性容器对齐基准，并删除固定height确保响应式正常。
-
本文介绍如何将HTML页面中多个表格与各自上方的搜索输入框一对一绑定，确保每个搜索框仅过滤其紧邻下方的对应表格，避免全局误匹配。
-
media属性仅参与响应式源选择而不控制播放，浏览器按顺序匹配media值（CSS媒体查询）并加载首个匹配且格式支持的<source>，省略时等价于"all"，不支持JS动态修改。
-
Promise构造函数中executor必须同步执行，否则违反Promises/A+规范；then必须返回新Promise并正确处理状态流转、微任务调度及thenable递归展开。
-
本文介绍如何通过forkJoin与catchError+of(null)组合替代嵌套mergeMap/zip链式调用，使各服务请求独立失败、互不阻断，保障UI能稳定消费可用数据。
-
应使用setInterval或requestAnimationFrame实现打字删除效果，显式管理状态与索引；优先用textContent防XSS和重排；配合caret-color、user-select等CSS确保光标同步与体验一致。
-
JSP需在服务器环境下运行，解决方法包括：1、使用Tomcat部署并访问JSP文件；2、用HTML结合JavaScript模拟动态内容；3、通过Servlet生成带数据的HTML；4、利用JSP包含机制模块化开发。
-
必须显式设置background-color和color才能有效改变mark样式，仅设color无效；需满足WCAGAA对比度（≥4.5:1），并适配深色模式，避免XSS与语义滥用。
-
CSS变量是ShadowDOM唯一被规范允许的样式通信机制，必须显式声明在宿主元素上并由内部var()读取，不破坏封装性；:root或body声明无效，需用:host控制宿主样式，slot内容需::slotted或exportparts处理。
-
必须在服务端用bleach.clean()白名单过滤HTML，前端净化仅为补充；禁用|safe直接输出，需显式配置tags、attributes及protocols；禁止strip_tags/正则等不可靠方案；属性值须二次转义；富文本白名单须按业务最小权限控制。
-
Pointfree风格通过函数组合避免显式参数，提升代码简洁性与可读性。例如使用pipe组合filter和map处理用户列表，实现逻辑清晰的数据转换流程。
-
CSS动画结合filter属性可实现动态模糊等视觉效果，核心方法是使用transition或@keyframes控制blur值变化，适用于悬停交互或复杂动画；现代浏览器对filter兼容性良好，但backdrop-filter需注意旧版兼容与性能；为优化性能，应合理使用will-change、GPU加速、控制模糊半径，并避免复合昂贵动画；此外，filter还支持黑白、亮度、色相旋转等创意动画，提升界面表现力。
