-
通过自定义CSS可高效美化Typora学习笔记，提升可读性与结构感。首先在主题文件夹创建CSS文件并重启Typora以启用新主题；接着设置字体、行距优化排版，如使用思源黑体与FiraCode搭配，调整body行高至1.8；通过不同颜色与边框区分h1、h2、h3标题层级；为code和pre元素添加背景色、圆角与内边距以突出代码块；利用自定义class（如tip、note）创建提示或注释区块，并在Markdown中插入HTML标签应用样式；进阶可导入GoogleFonts、设置表格斑马纹、优化打印样式，逐步打
-
HTML内联样式需用引号包裹、声明间用分号分隔，避免引号嵌套错误；CSS压缩可能误删单位或分号，导致样式失效，应通过还原对比定位问题，优先用class切换实现响应式。
-
首先配置云服务器环境，安装Node.js、PM2和Nginx；接着部署后端服务并用PM2启动；然后上传前端构建文件至/var/www/myapp；再配置Nginx反向代理，指向前端文件并代理/api请求到后端；最后部署数据库，推荐使用MongoDBAtlas，确保连接安全。完成后再配置域名与SSL证书实现HTTPS访问。
-
嵌套超4层应警觉，因CSS从右往左匹配导致回溯性能损耗，且复用性差；应改用BEM等语义化类名，明确Block、Element、Modifier职责，避免深层后代选择器。
-
CSSGrid列宽错乱主因是grid-template-columns设置不一致，需统一列轨道定义、优先用auto-fit配合minmax()、设grid-auto-rows或item高度约束、响应式中每个断点完整重写列定义，并用CSS变量集中管理。
-
推荐使用link标签引入GoogleFonts，如Roboto和OpenSans，并通过CSS调用；也可在CSS中用@import方式引入，但性能较差；支持按需加载特定字重如wght@400;700以优化速度；建议设置&display=swap避免文字空白，提升加载体验。
-
Map和Set在动态键、任意类型键值、频繁增删、去重等场景下比Object和Array更高效，因底层哈希优化、严格插入顺序、O(1)查找及类型安全相等判断；WeakMap/WeakSet仅适用于弱引用元数据场景。
-
浮动仅适用于图文环绕，其他布局应优先使用flexbox或grid；父容器塌陷可通过display:flow-root触发BFC解决；现代项目除需兼容IE9及以下外无需用float。
-
SVG精灵图应内联HTML并用构建工具自动生成symbol，统一viewBox和ID；禁用CSSbackground-image引用外部SVG；图标字体因渲染问题和兼容性差不推荐；CDN引入需锁定完整版本号；SVG响应式需正确设置width/height、viewBox及CSSmax-width:100%。
-
IIFE在旧版浏览器插件中主要用于避免全局污染、封装私有作用域和确保代码立即执行，尤其在无模块系统环境中关键；它解决变量冲突、兼容老旧引擎、适配DOM就绪时机，并安全暴露插件接口。
-
不推荐将try-catch作为常规值校验手段；应优先采用显式解析/正则验证等无异常方式，仅在无法预判结构（如不可信JSON）时谨慎使用，并务必捕获具体错误类型。
-
