独钓寒江雪

我的个人博客：https://king-hcj.github.io/，欢迎指正 和 ✨Star✨。

概览

• 效果预览
• 博文列表
• Fork 指南
• 贴心提示
• 经验与思考
• 致谢

效果预览

在线预览 →

博文列表

前端装逼技巧 108 式

• 前端装逼技巧 108 式（一）—— 打工人
• 前端装逼技巧 108 式（二）—— 不讲武德
• 前端装逼技巧 108 式（三）—— 冇得感情的 API 调用工程师
• 前端装逼技巧 108 式（四）—— 一起摇摆

技术博文

• 浏览器是如何工作的：Chrome V8 让你更懂 JavaScript
• React Fiber 太难？六个问题助你理解 React Fiber
• 前端万字精华——浏览器简史及其核心原理详解
• 从前端视角看浏览器隐身模式
• 7 分钟学会写一个浏览器插件——突破某 SDN 未登录禁止复制的限制
• 大道至简，繁在人心：在浏览器控制台安装 npm 包是什么操作？
• 小程序鼻祖 —— 在国内逐渐消亡的 PWA 可以带给我们哪些启示？
• 你应该知道的前端技术浪潮与应用
• 从前端打字机效果的 N 种实现看 JS 定时器机制和前端动画
• 可以遍历大部分数据类型的 for…of 为什么不能遍历普通对象？
• JavaScript 很简单？那你理解的 forEach 真的对吗？
• 前端应该知道的：开放图谱协议（The Open Graph protocol）
• 前端自动化、工程化原理与实践(一)
• CSS 知识点汇总
• 趣谈 HTTPS 对称加密与非对称加密——如何在微信群里进行私密会话
• 箭头函数和普通函数的区别
• 关于 Markdown 的一些奇技淫巧
• JS 技巧技法总结——闭包原理、数组展平、前端语音、Proxy 数据绑定和监听、计数器
• 图解 SQL 里的各种 JOIN
• VBA 在 Excel 中的常用操作

个人 ARTS 打卡计划

• 前端 ARTS 打卡计划（一）
• 前端 ARTS 打卡计划（二）
• 前端 ARTS 打卡计划（三）
• 前端 ARTS 打卡计划（四）
• 前端 ARTS 打卡计划（五）
• 前端 ARTS 打卡计划（终章）

工具与解决方案

• 纯前端实现页面检测更新提示
• Elasticsearch 实践与总结 - Elasticsearch 列表搜索公共方法封装
• Go 语言入门与实践 - SQL 转 ES 查询语句
• Node.js 笔记 - 自动创建文件脚本
• 纯前端生成和解析 Excel
• 常用工具方法总结
• 月份范围选择器
• 前端错误处理
• react+AntD 实现 CRON 表达式生成器

综合笔记

• 前端综合笔记（爱奇尔）
• 《React 全家桶+AntD 共享单车后台管理系统开发》笔记
• 慕课视频等综合学习笔记(爱用宝)

历程感悟

• 菜鸟，也有春天！
• 关于互联网的思考与趋势关注
• 前端进阶之路【拉勾大前端高薪训练营】
• 前端学习之路【个人学习途径、资料、书籍等】
• 年度个人 OKR 关注点

Fork 指南

Fork 本项目之后，还需要做一些事情才能让你的页面「正确」跑起来。

1. 正确设置项目名称与分支。

   按照 GitHub Pages 的规定，名称为 username.github.io 的项目的 master 分支，或者其它名称的项目的 gh-pages 分支可以自动生成 GitHub Pages 页面。

2. 修改域名。

   如果你需要绑定自己的域名，那么修改 CNAME 文件的内容；如果不需要绑定自己的域名，那么删掉 CNAME 文件。

3. 修改配置。

   网站的配置基本都集中在 _config.yml 文件中，将其中与个人信息相关的部分替换成你自己的，比如网站的 url、title、subtitle 和第三方评论模块的配置等。

   评论模块： 目前支持 disqus、gitment 和 gitalk，选用其中一种就可以了，推荐使用 gitalk。它们各自的配置指南链接在 _config.yml 文件的 Comments 一节里都贴出来了。

   注意： 如果使用 disqus，因为 disqus 处理用户名与域名白名单的策略存在缺陷，请一定将 disqus.username 修改成你自己的，否则请将该字段留空。该缺陷的记录参见 Issues#2。

4. 删除我的文章与图片。

   如下文件夹中除了 template.md 文件外，都可以全部删除，然后添加你自己的内容。

   • _posts 文件夹中是我已发布的博客文章。
   • _drafts 文件夹中是我尚未发布的博客文章。
   • _wiki 文件夹中是我已发布的 wiki 页面。
   • images 文件夹中是我的文章和页面里使用的图片。

5. 修改「关于」页面。

   pages/about.md 文件内容对应网站的「关于」页面，里面的内容多为个人相关，将它们替换成你自己的信息，包括 _data 目录下的 skills.yml 和 social.yml 文件里的数据。

6. 安装 ruby(Ruby+Devkit, ffi requires Ruby version >= 2.2, < 2.7.dev。ruby 安装完，会出现有个选项，让你安装 MSYS2，如果没有勾选，后面自己打开 cmd，输入ridk install进行 MSYS2 的安装，会出现让你选择 123，选 3 就行。装好会让你再做一次 123 选择，这个时候不需要选了，直接 enter 退出就行了)。安装 jekyll（gem install jekyll）;jekyll serve或者bundle exec jekyll serve启动项目(如果报 Could not find concurrent-ruby-1.1.5 in any of the sources (Bundler::GemNotFound),可尝试运行bundle install)。运行相关问题可参考：

• windows 系统下安装 jekyll 报错：Error installing jekyll;
• windows 安装 jekyll 步骤及问题;

7. 如果出现类似Liquid Exception: undefined method 'map' for false:FalseClass Did you mean?的报错，可尝试删除_site目录然后重试。如果还是不行，可尝试gem install jekyll重新安装 jekyll，再进行重试。

贴心提示

1. 排版建议遵照一定的规范，推荐 中文文案排版指北（简体中文版）。

2. 在本地预览博客效果可以参考 Setting up your Pages site locally with Jekyll。

经验与思考

• 简约，尽量每个页面都不展示多余的内容。

• 有时一图抵千言，有时可能只会拖慢网页加载速度。

• 言之有物，不做无痛之呻吟。

• 如果写技术文章，那先将技术原理完全理清了再开始写，一边摸索技术一边组织文章效率较低。

• 杜绝难断句、难理解的长句子，如果不能将其拆分成几个简洁的短句，说明脑中的理解并不清晰。

• 可以学习一下那些高质量的博主，他们的行文，内容组织方式，有什么值得借鉴的地方。

致谢

本博客外观基于 DONGChuan 修改，感谢！