-
必须以<!DOCTYPEhtml>开头，lang和charset属性不可省略，语义化标签是DOM操作与无障碍基础，表单应优先使用原生type/required，localStorage需注意容量与序列化。
-
怎么用Bulma的is-flex类快速搭出响应式行内布局Bulma的Flex布局不靠自定义CSS，全靠预设的工具类组合。核心是is-flex（开启flex容器）配合is-flex-direction-row/column、is-justify-content-center等控制轴向和对齐。它默认不设flex-wrap，所以子项超宽会溢出——这是最常踩的坑。常见错误现象：is-flex加了但子元素还是竖排堆叠，或在小屏上挤成一团看不见。必须给父容器加is-flex，子元素不用
-
:nth-child(2n)按父元素所有子元素物理顺序计数，非仅同类型标签；:nth-of-type(2n)才按同标签类型计数，适用表格行、列表项等场景。
-
代码分割与动态导入通过拆分bundle和按需加载提升SPA性能。利用Webpack或Vite的入口分割、公共依赖提取和自动分割策略，将代码分为多个小chunk；结合import()语法实现路由和组件级懒加载，如React.lazy配合Suspense延迟加载非首屏组件。这减少首屏JS体积，降低初始下载量，优化TTFB与FCP指标，提升渲染速度和内存使用效率，并通过缓存复用vendorchunk加速二次访问。但需避免过度分割导致请求过多，应权衡chunk数量与大小以最大化性能收益。
-
浏览器中JavaScript无法直接连接数据库，因其运行在客户端且受网络隔离与安全策略限制，必须通过HTTP请求调用后端API，由后端代为操作数据库。
-
删除HTM文件与删除其他文件操作相同，需先找到文件位置；2.可通过文件资源管理器、搜索功能或批量选择进行删除；3.删除后可从回收站彻底清除以释放空间；4.操作时注意区分HTM与HTML文件，避免误删重要网页文件。
-
align-items用于设置flex容器中子元素在交叉轴上的对齐方式，常见值有flex-start、flex-end、center、baseline和stretch（默认值），其对齐方向取决于flex-direction：row时控制垂直对齐，column时控制水平对齐。
-
position:relative实现自身偏移时，元素在原占位处视觉偏移而不影响文档流；其父元素设relative后成为子absolute元素的定位上下文；未写top/left则无偏移，仅开通定位权限；transform:translate()更优但不创建定位上下文。
-
最直接可靠的方法是父容器设display:flex，子div自动横向排列；需等宽用flex:1，固定宽则设width；注意IE10–11兼容性，建议用完整flex写法。
-
JavaScript支持多种算法实现，排序算法如冒泡排序通过相邻元素交换实现升序排列，快速排序采用分治法递归分割数组；查找算法中二分查找适用于有序数组，通过比较中间值缩小范围。
-
实现HTML社交分享功能有四种方法：一、用AddToAny等第三方服务快速嵌入图标；二、用WebShareAPI加SVG图标实现轻量分享；三、用FontAwesome字体图标配合分享URL；四、纯CSS绘制响应式图标组。
-
一维布局用Flex，二维布局用Grid，混合使用最合理：Flex处理行或列内对齐，Grid划分行列交叉结构，二者分层协作可提升可维护性与兼容性。
-
本文介绍如何在保留HTML标签结构的前提下，按「纯文本内容长度」（而非总字符串长度）安全截断HTML字符串，并支持优先截断至句末标点（如英文句号），避免在标签中间或单词中间硬切，适用于jQuery环境或纯JavaScript场景。
-
模块联邦是Webpack5实现微前端的核心技术，允许应用在运行时动态共享模块。通过expose暴露组件、remotes引入远程模块，并借助shared优化依赖，实现跨应用代码复用与独立部署，适用于多团队协作、系统迁移和插件化架构场景。
-
保持依赖更新并审查第三方模块，使用npmaudit和snyk扫描漏洞，锁定版本防止恶意更新；2.配置Express安全头部，移除x-powered-by，启用helmet、请求限制和速率控制；3.严格验证输入，使用Joi等工具防范SQL/NoSQL注入和XSS攻击；4.通过.env管理敏感信息，避免硬编码，生产环境使用系统变量，日志不记录密钥。
