外观
Skip to content
前端样式体系方案深度研究
层叠样式表（Cascading Style Sheets, CSS）的诞生是Web技术发展史上的一个关键里程碑。在CSS出现之前，网页的视觉表现形式与内容结构紧密耦合，主要通过HTML标签的属性（如标签和bgcolor属性）来实现样式定义。这种方式不仅导致HTML文档臃肿、难以维护，更严重违背了结构与表现分离的核心软件工程原则。
浏览器渲染原理深度探究
本节旨在为整个渲染过程建⽴⼀个概念模型。它引⼊了关键渲染路径（Critical Rendering Path, CRP）作为浏览器将 HTML、CSS 和 JavaScript 代码转换为屏幕上像素所必须执⾏的⼀系列步骤。优化此路径对于实现快速的初始⻚⾯加载⾄关重要。
提问的智慧-中国版
Eric S. Raymond 在 2004 年发表过一篇 How To Ask Questions The Smart Way 文章，最新版是 2014 年的 3.10 版，这篇文章写的非常好，我深受启发。然原文过于冗长，有很多信息也已经过时；网上的 中文版大多是照搬翻译，语感不佳，有浓厚的译制片配音的语调。且文章是站在国外程序员的视角写的，与中国特色社会主义程序员不符。为了更好的宣扬提问的智慧，于是我对原文做了大量的删减和本土化改造，更贴近中国程序员的实际情况。
开箱即用 与 自由定制
“一切都是可定制的” 带来 “提升自己” 的同时也会让使用者 “陷入困境“，这便是自由的代价。如果插件的开发者没有提供合适的默认值，使用者就需要许多的学习成本来首先了解各个配置项的含义，然后才能很好的使用插件。这种极度自由的配置与其他软件的 “开箱即用” 对比，需要为 “emacs学习曲线陡峭“ ...
《软件设计哲学》要点总结
解决复杂性的方法 1. 使代码更简单和更明显。2. 封装它，使用时不必了解细节。复杂性的本质；如果一个软件系统难以理解和修改，那就很复杂。如果很容易理解和修改，那就很简单。 在复杂的系统中，要实施甚至很小的改进都需要大量的工作。在一个简单的系统中，可以用更少的精力实现更大的改进 ...
技术心智模型决定未来的用户交互方式
纵观图形用户界面的发展历史，无论是PC时代、互联网时代还是移动互联网时代，人类用户始终被束缚在图形用户界面的"美妙诅咒"中。进入人工智能时代后，可能出现的几种用户交互方式包括：Chatbot对话、多模态交互、智能体agent零界面、自动情景感知计算 ...
ETML: 文本块渲染用法
何谓文本块这里的文本块指的是“多行宽度相等的文本”。当我们将一段文本(可能是多行)限定在宽度内时，根据文本原始宽度(text-width)和指定宽度(width)的不同会有下面两种情况 ...
CSS Flex 布局教程
网页布局（layout）是 CSS 的一个重点应用。
布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。
Margin-mode: 设置可保持的 window margin
Margin-mode 主要用来给不同的 major mode 的 buffer 所在的 window 设置左右 margin。众所周知，window margins 在当前窗口的 buffer 切换时就会失效，margin-mode 可以任何场景下都保持 margin。
"再见"西安
再次来到西安，故地重游，让我有一种兴奋感。这种感觉源自23年我在西安自在的度过了大半年的时间：周末除了和同事去爬华山、秦岭，大多数的时间都是在茑屋书店和咖啡店度过的，没有干扰的学习和研究自己感兴趣的内容；那时晚上下班也经常去益田假日里的乐刻健身，练完就在商场里美美犒劳自己一顿；有喜欢的电影，周末随时去看。
搭建私有 docker 镜像仓库
我为什么要搭建自己的 docker 镜像仓库?
- 互联网上国内各类大学和公司的 docker 镜像仓库基本都挂了；
- 公司项目在内网搭建了私有的镜像仓库，借机深入研究一下；
- 容器技术大有可能，为了更实际的目的，更好的跨平台管理自己的各种服务；
这篇博客记录了从搭建 docker 仓库这个想法开始的，若干折腾的过程和解决的问题。我不想写一篇完美的，循规蹈矩的文章，就是以小标题组织的各类折腾的记录。
柯洁LG杯“判罚”事件
规则不应成为用来获胜的手段，而是为了保护比赛公平公正和参赛双方的权益。这两天关注第29届LG杯决赛，真的被气到了。事情的经过大概是这样的：决赛是柯洁对韩国选手卞相壹，三盘两胜制。第一盘，柯洁胜。
Emacs Lisp - Auto-modal 自动切换编辑模态
在 emacs 中，对于需要频繁使用的命令，我们倾向于将其绑定到快捷键，即按下几个组合按键便完成了一个复杂功能的调用。可以将任意的命令绑定到快捷键是 emacs 被认为灵活、高效的重要原因之一。emacs 中的快捷键的特点是需要使用前缀键，即 C-c、C-x 等，但这比起 vi 这种模态编辑中使用单字母按键，又显的不那么的“快捷”了。习惯了 vi 的模态切换方式的用户可能会在 emacs 中使用诸如 evil-mode、meow 等方案来延续这种使用习惯。我本人不用“模态编辑”，但又觉得单字母按键确实高效，于是便思考一种即能够使用上单字母快捷键，但又无需主动切换模态的方案，于是有了 auto-modal 这个 package。
《心流》推荐序：胜利者一无所获
本文转载自 《心流》推荐序：胜利者一无所获, 作者阳志平。
今天收到出版社编辑告知，我写推荐序的《心流：最优体验心理学》一书即将上市。这是一本好书，曾被我收录在《开智正典》中，断货几年后，中信将其重新出版。它是心流理论之父、积极心理学奠基人契克森米哈赖开山之作，畅销全球28年，被译成30种语言，影响全球千万人的开创性心理理论。我所作序言借海明威的故事，串起心流、刻意练习、自我决定论等，向那些活得骄傲的人致敬。我的推荐语如下：
关于早起
先说结论：人一天的意志力是有限的。以晚上的睡眠为一个时间节点，早晨拥有全部的意志力，因此适合用来做重要的思考和决定。而到了晚上，经过一天的劳累后，身体疲惫的同时也伴随着意志力的所剩无几。所以晚上的时间更适合用来做消耗意志力小的事情，比如阅读和娱乐等。
重拾个人知识库
年初的时候，我搭建过一个个人知识库发布流程 md-wiki，大体上是通过一些 elisp 代码将不同 主题的页面通过链接和层级关系串联起来。当时决定做这件事情时，特意发了条pyq以表达兴奋的心情。然而大半年过去，gknows(我的个人知识库的名字) 已经很久没有更新了。
CSS Grid 网格布局教程
网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。
夜爬华山
没记错的话，上一次坐绿皮火车是六七年前了。
随着列车进站，扑面而来是绿皮火车特有的气味：泡面味。走进车厢除了泡面的味道，还有烟味，“呕吐物”的味道。我确信这就是绿皮火车，它没有变。刚进去的时候，车厢的入口和座位旁已经站了许多人，有的蹲着，有的坐着，有人刷着手机，有人打着瞌睡，聊天的声音不绝于耳。寻着人少的地方走去，我在配电室和乘务员室之间找到了一个空位，把包放在了配电室门口。
Emacs Lisp - rich-text 富文本渲染插件
Rich-text is an emacs package to render rich text with overlays. Even after the file buffer is killed or emacs is closed, rich text can still be restored when it is opened again.
