上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solv
一、查看系统负荷 如果你的电脑很慢，你或许想查看一下，它的工作量是否太大了。 在Linux系统中，我们一般使用uptime命令查看（w命令和top命令也行）。（另外，它们在苹果公司的Mac电脑上也适用。） 你在终端窗口键入uptime，系统会返回
网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案----Flex
昨日（7月27日），微软公司的DOS操作系统迎来了30岁生日。 DOS是历史上一个划时代的产品，标识着PC（个人电脑）的崛起和普及，对计算机行业影响深远。 只有了解DOS的历史，才能理解今天的计算机工业从何而来。下面就是我对这一段历史的介
美国中餐馆的最后一道菜，往往是小甜饼，叫做"幸运饼"（fortune cookie）。 里面有一张纸条，写着人生格言。 这种形式的格言，显然很受欢迎。早在1979年，就有人写了一个叫做 fortune 的小程序。在命令行下输入fortune，就会跳出一句。
你是否想过，计算机为什么会加减乘除？或者更直接一点，计算机的原理到底是什么？ Waitingforfriday有一篇详细的教程，讲解了如何自己动手，制作一台四位计算机。从中可以看到，二进制、数理逻辑、电子学怎样融合在一起，构成了现代计算
网站开发正变得越来越专业，涉及到各种各样的工具和流程，迫切需要构建自动化。 所谓"构建自动化"，就是指使用构建工具，自动实现"从源码到网页"的开发流程。这有利于提高开发效率、改善代码质量。 本文介绍如何使用make命令，作为网站的
网上有许多电话号码，你知道最常见的是哪个？ 有个老外找到了答案，这个号码就是2147483647。 事情是这样的，我们知道，在计算机中，整数往往用4个字节保存。4个字节就是32位，由于最高位是符号位，那么只剩下31位，也就是说，这种方式所
有一个词"手机网站"（mobile web），指供手机浏览的网站，但它是不存在的。 人们提到"移动互联网"的时候，其实专指另外一样东西：手机App。 一、Web App vs. Native App 比起手机App，网站有一些明显的优点。 跨平台：所有系统都能运行
一、共享主机和云主机 从互联网诞生至今，大部分站长都是从"共享主机"（shared hosting）开始学习建站的。所谓"共享主机"，就是一台服务器上有许多网站，大家共享这台服务器的硬件和带宽。如果它发生故障，那么上面的所有网站都无法访问
代码变成可执行文件，叫做编译（compile）；先编译这个，还是先编译那个（即编译的安排），叫做构建（build）。 Make是最常用的构建工具，诞生于1977年，主要用于C语言的项目。但是实际上 ，任何只要某个文件有变化，就要重新构建的项目
上周，《黑客与画家》总算翻译完成，已经交给出版社了。 翻译完这本书，累得像生了一场大病。把书稿交出去的时候，心里空荡荡的，也不知道自己得到了什么，失去了什么。 希望这个中译本和我的努力，能得到读者认同和肯定。 下面是此书中
这几天假期，我学习了一下 Deno。它是 Node.js 的替代品。有了它，将来可能就不需要 Node.js 了。 这篇文章就是 Deno 的一个初步介绍，尝试回答为什么 Node.js 不能满足需要，以及 Deno 能够带给我们什么？ 以下内容主要基于 Bert Belder
复杂的软件必须有清晰合理的架构，否则无法开发和维护。 MVC（Model-View-Controller）是最常见的软件架构之一，业界有着广泛应用。它本身很容易理解，但是要讲清楚，它与衍生的 MVP 和 MVVM 架构的区别就不容易了。 昨天晚上，我读了《S
1. 前几天，我在读一本C语言教材，有一道例题： #include void main(void){ int num=9; /* num是整型变量，设为9 */ float* pFloat=# /* pFloat表示num的内存地址，但是设为浮点数 */ pri
React 是主流的前端框架，v16.8 版本引入了全新的 API，叫做 React Hooks，颠覆了以前的用法。 这个 API 是 React 的未来，有必要深入理解。本文谈谈我的理解，简单介绍它的用法，帮助大家快速上手。 阅读本文需要有 React 基础。如果你
"数据可视化"可以帮助用户理解数据，一直是热门方向。 图表是"数据可视化"的常用手段，其中又以基本图表----柱状图、折线图、饼图等等----最为常用。 用户非常熟悉这些图表，但如果被问道，它们的特点是什么，最适用怎样的场合（数据集）
编程新手都有一个同样的问题："我应该学习哪一种语言？"。 《Unix编程艺术》（Eric Raymond著）第十四章，对各种语言进行了评价，正好可以用来回答这个问题。下面是我的笔记，整理了六种主要计算机语言的优缺点。读完就会知道，对于不同
组件是前端的发展方向，现在流行的 React 和 Vue 都是组件框架。 谷歌公司由于掌握了 Chrome 浏览器，一直在推动浏览器的原生组件，即 Web Components API。相比第三方框架，原生组件简单直接，符合直觉，不用加载任何外部模块，代码量小
据说，Netscape公司当年设计SSL协议的时候，有人提过，将互联网所有链接都变成HTTPs开头的加密链接。 这个建议没有得到采纳，原因之一是HTTPs链接比不加密的HTTP链接慢很多。（另一个原因好像是，HTTPs链接默认不能缓存。） 自从我知道这
1. 这几天，我在读《Unix编程艺术》。 书中介绍了Unix的发展历史。我发现，这是一个很好的例子，说明现行版权制度具有阻碍社会发展的负面作用。 2. Unix诞生于1969年，是贝尔实验室员工Ken Thompson的个人项目。由于贝尔实验室是AT&T（美
本周，CloudFlare宣布，开始提供Keyless服务，即你把网站放到它们的CDN上，不用提供自己的私钥，也能使用SSL加密链接。 我看了CloudFlare的说明（这里和这里），突然意识到这是绝好的例子，可以用来说明SSL/TLS协议的运行机制。它配有插
本文介绍如何编写 JavaScript 脚本，将用户数据发回服务器。 我做了一个代码仓库，包含了下面所有的例子，可以运行查看效果。 一、同步 AJAX 数据发回服务器的常见做法是，将收集好的用户数据，放在unload事件里面，用 AJAX 请求发回服务
npm 从5.2版开始，增加了 npx 命令。它有很多用处，本文介绍该命令的主要使用场景。 Node 自带 npm 模块，所以可以直接使用 npx 命令。万一不能用，就要手动安装一下。 $ npm install -g npx 调用项目安装的模块 npx 想要解决的主要问
我认为，下一代互联网软件将建立在Web service（也就是"云"）的基础上。 我把学习笔记和学习心得，放到网志上，欢迎指正。 今天先写一个最基本的问题，Web service到底是什么？ 一、Web service的概念 想要理解Web service，必须先理解什
问一个基本的问题。 负数在计算机中如何表示？ 举例来说，+8在计算机中表示为二进制的1000，那么-8怎么表示呢？ 很容易想到，可以将一个二进制位（bit）专门规定为符号位，它等于0时就表示正数，等于1时就表示负数。比如，在8位机中，规
字体的选择，是网页开发的关键因素之一。 合适的字体，对网页的美观度（或可读性）有着举足轻重的影响。 但是，相比英文字体，中文字体的网页开发有着极大的局限性。因为，一套中文字体最少也要有几千个字符，体积为几个MB；单单为了浏览
一、概述 JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核 CPU 的出现，单线程带来很大的不便，无法充分发
Git是目前最流行的版本管理系统，学会Git几乎成了开发者的必备技能。 Git有很多优势，其中之一就是远程操作非常简便。本文详细介绍5个Git命令，它们的概念和用法，理解了这些内容，你就会完全掌握Git远程操作。 git clone git remote git
先讲两个很老的小故事。 第一个故事。 有一家日本最大的化妆品公司，收到了用户的投诉。用户抱怨买来的肥皂盒是空的。这家公司为了防止再发生这样的事故，很辛苦地发明了一台X光检查器，能够透视每一个出货的肥皂盒。 同样的事故，发生在
一、概述 随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。 现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过4KB，且每次请求都会
网络应用程序，分为前端和后端两个部分。当前的发展趋势，就是前端设备层出不穷（手机、平板、桌面电脑、其他专用设备......）。 因此，必须有一种统一的机制，方便不同的前端设备与后端进行通信。这导致API构架的流行，甚至出现"API Fir
今天中午，我突然想搞清楚 Unicode 和 UTF-8 之间的关系，就开始查资料。 这个问题比我想象的复杂，午饭后一直看到晚上9点，才算初步搞清楚。 下面就是我的笔记，主要用来整理自己的思路。我尽量写得通俗易懂，希望能对其他朋友有用。毕
OAuth是一个关于授权（authorization）的开放网络标准，在全世界得到广泛应用，目前的版本是2.0版。 本文对OAuth 2.0的设计思路和运行流程，做一个简明通俗的解释，主要参考材料为RFC 6749。 更新：我后来又写了一组三篇的 《OAuth 2.0
一、问题的由来 学懂 JavaScript 语言，一个标志就是理解下面两种写法，可能有不一样的结果。 var obj = { foo: function () {} }; var foo = obj.foo; // 写法一 obj.foo() // 写法二 foo() 上面代码中，虽然obj.foo和foo指向同
开发网站的时候，常常需要自己配置Linux服务器。 本文记录配置Linux服务器的初步流程，也就是系统安装完成后，下一步要做的事情。这主要是我自己的总结和备忘，如果有遗漏，欢迎大家补充。 下面的操作针对Debian/Ubuntu系统，其他Linux系
1. 加密方法可以分为两大类。一类是单钥加密（private key cryptography），还有一类叫做双钥加密（public key cryptography）。前者的加密和解密过程都用同一套密码，后者的加密和解密过程用的是两套密码。 历史上，人类传统的加密方法
JavaScript 程序越来越复杂，调试工具的重要性日益凸显。客户端脚本有浏览器，Node 脚本怎么调试呢？ 2016年，Node 决定将 Chrome 浏览器的"开发者工具"作为官方的调试工具，使得 Node 脚本也可以使用图形界面调试，这大大方便了开发者。
今天，我总算搞清楚"回车"（carriage return）和"换行"（line feed）这两个概念的来历和区别了。 在计算机还没有出现之前，有一种叫做电传打字机（Teletype Model 33）的玩意，每秒钟可以打10个字符。但是它有一个问题，就是打完一行换行
JavaScript 是单线程运行，异步操作特别重要。 只要用到引擎之外的功能，就需要跟外部交互，从而形成异步操作。由于异步操作实在太多，JavaScript 不得不提供很多异步语法。这就好比，有些人老是受打击， 他的抗打击能力必须变得很强，否
2017年6月，TC39 委员会正式发布了《ES2017 标准》。 相比两年前，JavaScript 语法有了很大的升级，主要是引入了 async 函数和 decorator。这让我觉得，《ES6 标准入门》必须要出新版，否则就跟不上形势了。 电子工业出版社的张春雨编辑
现在，我很少写介绍CSS的文章，因为感觉网站开发的关键还是在服务器端。 但是，CSS动画除外，它实在太有用了。 本文介绍CSS动画的两大组成部分：transition和animation。我不打算给出每一条属性的详尽介绍，那样可以写一本书。这篇文章只
互联网的通信安全，建立在SSL/TLS协议之上。 本文简要介绍SSL/TLS协议的运行机制。文章的重点是设计思想和运行过程，不涉及具体的实现细节。如果想了解这方面的内容，请参阅RFC文档。 一、作用 不使用SSL/TLS的HTTP通信，就是不加密的通
Web 技术突飞猛进，但是有一个领域一直无法突破 ---- 游戏。 游戏的性能要求非常高，一些大型游戏连 PC 跑起来都很吃力，更不要提在浏览器的沙盒模型里跑了！但是，尽管很困难，许多开发者始终没放弃，希望让浏览器运行 3D 游戏。 2012年
自从MySQL被Oracle收购以后，PostgreSQL逐渐成为开源关系型数据库的首选。 本文介绍PostgreSQL的安装和基本用法，供初次使用者上手。以下内容基于Debian操作系统，其他操作系统实在没有精力兼顾，但是大部分内容应该普遍适用。 一、安装
Node 主要用在开发 Web 应用。这决定了使用 Node，往往离不开 Web 应用框架。 Koa 就是一种简单好用的 Web 框架。它的特点是优雅、简洁、表达力强、自由度高。本身代码只有1000多行，所有功能都通过插件实现，很符合 Unix 哲学。 本文从
一、什么是内存泄漏？ 程序的运行需要内存。只要程序提出要求，操作系统或者运行时（runtime）就必须供给内存。 对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进
前两篇文章，我介绍了RSA算法。 今天，就接着来看，现实中怎么使用这个算法，对信息加密和解密。这要用到GnuPG软件（简称GPG），它是目前最流行、最好用的加密工具之一。 一、什么是GPG 要了解什么是GPG，就要先了解PGP。 1991年，程序员