-
静态站点生成的JavaScript博客系统通过预渲染将Markdown转为HTML，无需服务器端处理，具备加载快、安全、低成本优势。1.利用marked等库解析Markdown内容；2.结合Nunjucks或React模板引擎渲染页面结构；3.自动生成路由与列表页；4.使用Node.js脚本控制构建流程。主流工具包括Gatsby（React+GraphQL）、Next.js（静态导出模式）、Eleventy（轻量灵活）等。自建方案可从读取content/目录开始，用gray-matter解析元数据，mar
-
JSDoc通过标准注释提升JavaScript代码可读性与维护性，支持类型标注、参数说明、示例及异常描述，广泛用于前端与Node.js开发。
-
DOM操作是JS与网页结构的唯一接口；选元素用getElementById（快、专用于id）或querySelector（灵活但慢、只返首个）；改内容用textContent（安全）而非innerHTML（防XSS）；append需传节点而非字符串；注意操作时机与事件监听器丢失。
-
本文详解井字棋（Tic-Tac-Toe）JavaScript实现中因函数参数顺序错误导致“已获胜仍继续输入”的核心Bug，并提供完整可运行的修复方案与最佳实践。
-
jQueryBootgrid不支持直接修改已初始化实例的url参数，需通过销毁重建方式实现动态切换数据源，并同步更新表头结构与响应处理器。
-
内边距应遵循设计系统间距规范，优先使用12px、16px等规律值，分方向精细调整，配合border-box盒模型与DevTools实时验证，确保视觉节奏稳、准、匀。
-
可通过CSSfilter属性实现文字虚化：一、blur()基础虚化；二、blur+opacity模拟景深；三、backdrop-filter虚化背景；四、SVG滤镜实现方向性虚化；五、伪元素叠加双层虚化。
-
设置宽高前须确认盒模型类型，box-sizing默认为content-box（width/height仅内容区），border-box更直观；行内元素需改display才生效；百分比宽高依赖父容器尺寸；min/max属性会覆盖宽高设置。
-
微信iOS端禁止非用户手势触发的页面跳转，仅允许在click/touchend等真实事件中执行location.replace()；SPA须用hash模式，JS-SDK接口不可用于任意URL跳转。
-
Canvas动画本质是requestAnimationFrame驱动的逐帧清屏重绘，需手动更新对象状态、用clearRect配合状态重置防叠加模糊，并避免像素操作、频繁创建对象等性能陷阱。
-
本文介绍一种简洁高效的算法，用于从对象数组中提取所有具有相同键名的对象索引对（仅左→右顺序），并按属性分组返回二维索引数组。适用于最多4个元素的小规模数据场景，兼顾可读性与性能。
-
:nth-child(n)可按位置选中子元素，支持数字、odd/even关键字及an+b公式；常用于隔行变色tr:nth-child(odd)背景色、网格布局.card:nth-child(4n+1)清除外边距、或限定范围如:nth-child(n+3)从第3项起生效，减少class使用，提升样式效率。
-
可以，place-items:center等价于justify-items:center和align-items:center，使每个griditem在各自单元格内居中，而非整体在容器中居中；整体居中需用place-content:center。
-
按钮hover背景颜色不平滑需在常态样式中添加transition:background-color0.3sease；若用渐变则改用background过渡；避免all和无效位置声明，并排查覆盖、属性不可动画及继承问题。
-
视频在flex布局中默认按基线对齐且为替换元素，易导致视觉错位；需显式设置align-items、控制宽高（如width:0;min-width:100%;aspect-ratio）、合理隐藏（visibility:hidden）并注意移动端touch行为。
