这篇内容是在有道云旧笔记基础上重新整理的 JavaScript 与前端开发 笔记。原始记录偏碎片化，这里补充了使用场景、阅读顺序和落地时需要注意的边界，方便以后在项目里快速复用。

适用场景 ​

  • 前端业务中需要快速处理数据、DOM、浏览器能力或通用工具函数时参考。
  • 把散落在项目里的小技巧抽成可复用代码片段，减少重复实现。
  • 排查兼容性和边界输入问题前，先用本文示例确认核心思路。

核心要点 ​

  • 正文已经按 「安装插件」 等小节组织，阅读时可以先定位到当前问题对应的小节。
  • 保留了 1 段可直接参考的代码或命令，主要涉及 javascript，复制前需要按当前项目路径、版本和变量名做调整。
  • 涉及命令行操作时，建议先在测试目录或测试环境执行，确认输出符合预期后再应用到生产环境。

建议使用cnpm安装

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
hexo init hexo-thinks
cd hexo-thinks
npm install
cnpm install node-sass --save 
cnpm install hexo-renderer-scss --save  #添加使用scss预处理器   建议使用cnpm安装，避免报错
git clone --depth 1 https://github.com/hexojs/hexo-theme-landscape themes/landscape #官方默认主题 (熟悉文件结构的同学可以自行创建)
# ======================================================================
# 代码压缩优化 hexo-neat --save
npm install hexo-neat --save
# hexo-neat
neat_enable: true
neat_html:
  enable: true
  exclude:  
neat_css:
  enable: true
  exclude:
    - '*.min.css'
neat_js:
  enable: true
  mangle: true
  output:
  compress:
  exclude:
    - '*.min.js'
# ======================================================================   
压缩  
https://www.jianshu.com/p/1123c89c491a
#自定义 home页面
hexo new page home
 
## 安装插件
#hexo-generator-feed RSS
cnpm install hexo-generator-feed --save
cnpm install hexo-wordcount --save
npm install --save hexo-tag-aplayer
npm install hexo-baidu-url-submit --save
npm install hexo-generator-sitemap --save
npm install hexo-generator-baidu-sitemap --save
npm install hexo-generator-json-content --save
npm install hexo-generator-restful --save
npm install hexo-deployer-git --save
npm install hexo-translate-title --save
npm un hexo-renderer-marked --save
npm install hexo-renderer-markdown-it-plus --save

实践检查清单 ​

  • 把示例函数放进业务前，先补齐空值、异常输入、异步失败和浏览器兼容性测试。
  • 通用工具函数应尽量收敛到项目公共模块，避免多个页面复制出不同版本。
  • 涉及 UI 或浏览器行为时，至少在桌面端和移动端各验证一次关键路径。
  • 涉及接口、服务端或权限逻辑时，补充失败分支和权限边界测试。

复盘小结 ​

这篇笔记更适合作为问题排查或方案落地前的速查材料。后续如果在真实项目中再次遇到同类问题，可以继续把具体版本、报错信息、最终取舍和验证结果补到对应小节里，让它从代码片段逐步沉淀成完整方案。