记录前端开发、数据可视化与工程实践，也记录跑步和生活。https://brucewar.cn/https://brucewar.cn/posts/%E4%BD%BF%E7%94%A8requestanimationframe%E5%AE%9E%E7%8E%B0%E9%80%9A%E7%9F%A5%E6%A0%8F%E6%BB%9A%E5%8A%A8/https://brucewar.cn/posts/%E4%BD%BF%E7%94%A8requestanimationframe%E5%AE%9E%E7%8E%B0%E9%80%9A%E7%9F%A5%E6%A0%8F%E6%BB%9A%E5%8A%A8/理解 requestAnimationFrame 的执行方式，并用 React 实现通知栏滚动。Tue, 19 May 2020 14:21:33 GMThttps://brucewar.cn/posts/%E4%BB%80%E4%B9%88%E6%98%AFthunk/https://brucewar.cn/posts/%E4%BB%80%E4%B9%88%E6%98%AFthunk/从一个返回函数的函数说起，理解 thunk、Redux 中间件与异步 action。Tue, 07 May 2019 06:40:53 GMThttps://brucewar.cn/posts/2017%E6%B8%85%E7%99%BD%E4%B9%8B%E5%B9%B4/https://brucewar.cn/posts/2017%E6%B8%85%E7%99%BD%E4%B9%8B%E5%B9%B4/回望 2017 年，记录家人、生活，以及这一年里的失去与成长。Sat, 30 Dec 2017 07:51:37 GMThttps://brucewar.cn/posts/flexbox%E5%B8%83%E5%B1%80%E7%9A%84%E5%93%8D%E5%BA%94%E5%BC%8F%E8%A1%A8%E6%A0%BC/https://brucewar.cn/posts/flexbox%E5%B8%83%E5%B1%80%E7%9A%84%E5%93%8D%E5%BA%94%E5%BC%8F%E8%A1%A8%E6%A0%BC/用 Flexbox 和 Sass 构建响应式表格，处理等宽列与不等宽列的布局。Thu, 06 Jul 2017 00:57:19 GMThttps://brucewar.cn/posts/%E7%90%86%E8%A7%A3angularjs-providers/https://brucewar.cn/posts/%E7%90%86%E8%A7%A3angularjs-providers/梳理 AngularJS 1.x 中 value、factory、service、provider 和 constant 的区别。Sat, 27 May 2017 06:17:30 GMThttps://brucewar.cn/posts/%E9%9D%92%E5%B2%9B%E4%B8%89%E6%97%A5%E6%B8%B8%E6%94%BB%E7%95%A5/https://brucewar.cn/posts/%E9%9D%92%E5%B2%9B%E4%B8%89%E6%97%A5%E6%B8%B8%E6%94%BB%E7%95%A5/按区域整理青岛景点，记录三日旅行的路线、美食与出行安排。Sat, 13 May 2017 01:48:21 GMThttps://brucewar.cn/posts/restful-web-api%E6%96%87%E6%A1%A3%E7%94%9F%E6%88%90%E5%99%A8/https://brucewar.cn/posts/restful-web-api%E6%96%87%E6%A1%A3%E7%94%9F%E6%88%90%E5%99%A8/使用 apiDoc 从源代码注释生成 RESTful API 文档，整理配置与常用标记。Wed, 10 May 2017 05:45:49 GMThttps://brucewar.cn/posts/node-js-aes-128-cbc%E5%8A%A0%E5%AF%86%E5%92%8C%E8%A7%A3%E5%AF%86/https://brucewar.cn/posts/node-js-aes-128-cbc%E5%8A%A0%E5%AF%86%E5%92%8C%E8%A7%A3%E5%AF%86/使用 Node.js 的 crypto 模块实现 AES-128-CBC 加解密，并说明与 Java 的对应关系。Sat, 06 May 2017 03:31:52 GMThttps://brucewar.cn/posts/centos-ftp%E6%9C%8D%E5%8A%A1%E6%90%AD%E5%BB%BA/https://brucewar.cn/posts/centos-ftp%E6%9C%8D%E5%8A%A1%E6%90%AD%E5%BB%BA/记录 CentOS 下安装和配置 vsftpd，实现 Windows 与 Linux 之间的文件传输。Thu, 04 May 2017 03:33:03 GMThttps://brucewar.cn/posts/%E7%BB%86%E8%83%9E%E5%8D%AB%E5%A3%AB/https://brucewar.cn/posts/%E7%BB%86%E8%83%9E%E5%8D%AB%E5%A3%AB/一篇生活学习笔记，整理血液中白细胞、红细胞与血小板等细胞的作用。Wed, 29 Mar 2017 23:50:51 GMThttps://brucewar.cn/posts/%E4%BB%BF%E7%9F%A5%E4%B9%8E%E5%A4%B4%E5%83%8F%E4%B8%8A%E4%BC%A0/https://brucewar.cn/posts/%E4%BB%BF%E7%9F%A5%E4%B9%8E%E5%A4%B4%E5%83%8F%E4%B8%8A%E4%BC%A0/使用 FileReader、Canvas 和裁剪交互，实现头像预览、编辑与上传。Thu, 09 Feb 2017 09:47:47 GMThttps://brucewar.cn/posts/windows%E4%B8%8Bnode%E7%89%88%E6%9C%AC%E7%AE%A1%E7%90%86-nvm-windows/https://brucewar.cn/posts/windows%E4%B8%8Bnode%E7%89%88%E6%9C%AC%E7%AE%A1%E7%90%86-nvm-windows/通过 nvm-windows 在 Windows 上安装、管理和切换多个 Node.js 版本。Fri, 13 Jan 2017 01:18:18 GMThttps://brucewar.cn/posts/2016%E5%B9%B4%E7%BB%88%E6%80%BB%E7%BB%93/https://brucewar.cn/posts/2016%E5%B9%B4%E7%BB%88%E6%80%BB%E7%BB%93/读书、运动、买房与工作变化，记录 2016 年的成长和生活。Sat, 24 Dec 2016 16:00:00 GMThttps://brucewar.cn/posts/npm3-0%E6%96%B0%E7%9A%84%E4%BE%9D%E8%B5%96%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/https://brucewar.cn/posts/npm3-0%E6%96%B0%E7%9A%84%E4%BE%9D%E8%B5%96%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88/对比 npm 2 与 npm 3 的依赖目录结构，理解扁平化安装和不同版本的处理方式。Tue, 20 Dec 2016 15:02:20 GMThttps://brucewar.cn/posts/gitbook%E5%B9%B3%E5%8F%B0%E5%8F%91%E5%B8%83%E6%95%99%E7%A8%8B/https://brucewar.cn/posts/gitbook%E5%B9%B3%E5%8F%B0%E5%8F%91%E5%B8%83%E6%95%99%E7%A8%8B/从本地编写 Markdown 到关联 GitHub、配置域名，记录 GitBook 电子书的发布流程。Mon, 05 Dec 2016 09:11:25 GMThttps://brucewar.cn/posts/%E8%B7%91%E6%AD%A5%E5%B8%A6%E7%BB%99%E4%BA%86%E6%88%91%E4%BB%80%E4%B9%88/https://brucewar.cn/posts/%E8%B7%91%E6%AD%A5%E5%B8%A6%E7%BB%99%E4%BA%86%E6%88%91%E4%BB%80%E4%B9%88/从第一次报名路跑到坚持锻炼，记录跑步带来的身体变化和生活感受。Tue, 29 Nov 2016 07:40:11 GMThttps://brucewar.cn/posts/d3js-draggable-and-scalable-tree/https://brucewar.cn/posts/d3js-draggable-and-scalable-tree/从 D3 的布局概念出发，实现可以缩放、拖拽和异步加载的树形结构。Thu, 27 Oct 2016 05:32:26 GMThttps://brucewar.cn/posts/d3js-%E5%AE%8C%E6%95%B4%E7%9A%84%E6%9F%B1%E7%8A%B6%E5%9B%BE/https://brucewar.cn/posts/d3js-%E5%AE%8C%E6%95%B4%E7%9A%84%E6%9F%B1%E7%8A%B6%E5%9B%BE/使用 D3.js v3，逐步绘制包含矩形、文字和坐标轴的完整柱状图。Tue, 25 Oct 2016 02:59:26 GMThttps://brucewar.cn/posts/d3js-%E5%85%A5%E9%97%A8%E7%AF%87/https://brucewar.cn/posts/d3js-%E5%85%A5%E9%97%A8%E7%AF%87/通过选择器、数据绑定和基础图形，开始学习 D3.js v3 的可视化开发。Mon, 24 Oct 2016 08:26:58 GMThttps://brucewar.cn/posts/%E7%AD%94%E5%88%A9%E5%99%A8%E4%B8%8A%E7%9A%84%E5%85%AD%E4%B8%AA%E9%97%AE%E9%A2%98/https://brucewar.cn/posts/%E7%AD%94%E5%88%A9%E5%99%A8%E4%B8%8A%E7%9A%84%E5%85%AD%E4%B8%AA%E9%97%AE%E9%A2%98/从工作、硬件、软件到生活方式，回答利器的六个问题。Thu, 29 Sep 2016 08:18:27 GMT