Blog for Tech

• 在 SPH 流体模拟中挣扎的两个月：一位 Web3D 开发者的心路

  May 26, 2025

  不知不觉，我已经深陷在 SPH 流体模拟的实践中两个多月了。CPU 版本的实现基本完成，但 Shader 版本进展并不顺利˙˙˙

• Two Months of Struggle in SPH Fluid Simulation: The Inner Journey of a Web3D Developer

  May 26, 2025

  Unknowingly, I’ve been deeply immersed in SPH fluid simulation for over two months now. The CPU version is nearly complete, but the shader-based version˙˙˙

• How I Achieved Smooth Rendering in My 3D Warehouse System

  May 06, 2025

  How I Achieved Smooth Rendering in My 3D Warehouse System˙˙˙

• 我的 3D 仓库系统是如何实现高效渲染的？

  May 04, 2025

  我的 3D 仓库系统是如何实现高效渲染的？˙˙˙

• Domain-Driven Design (DDD): A Guide to Building Scalable, High-Performance Systems

  April 29, 2024

  Domain-driven design (DDD) is a software design approach that focuses on modeling the software to match the domain, or the subject area, that the software is intended for. DDD helps developers create software that is aligned with the business needs and terminology of the domain experts, users, and stakeholders.˙˙˙

• A Brief Introduction to Hai Monitoring System

  March 23, 2024

  Briefly introducing the warehouse monitoring system that I designed and developed at Hairobotics˙˙˙

• Introduction to the Hai Graphics Library - Wik

  March 22, 2024

  Brief introduction to the graphic library I designed and developed at Hairobotics for visualization purposes in the warehousing industry.˙˙˙

• Introduction to The Graphic Editor Based on Leaflet

  March 22, 2024

  I would like to briefly introduce the editor project designed and developed at Hairobotics.˙˙˙

• 仓库监控系统介绍

  March 21, 2024

  简要介绍一下我在海柔创新设计和开发的仓库监控系统˙˙˙

• 仓库图形库介绍

  March 21, 2024

  简要介绍一下我在海柔创新设计和开发适用于仓储行业可视化的仓库图形库˙˙˙

• 仓库编辑器介绍

  March 21, 2024

  简要介绍一下我海柔创新设计和开发的仓库编辑器项目˙˙˙

• ES2021 新特性

  August 01, 2021

• WebAssembly 系列 - 现在与未来

  April 19, 2021

  今年，2017 年，二月28日，4 大浏览器一致表示他们已经完成了针对 WebAssembly 的 MVP 版本的发布˙˙˙

• 介绍我做过的项目 - S 项目

  April 19, 2021

  我要介绍下我做过的项目，项目不难，但是都加入了自己的思想，我想把它说出来，以升华自己的思想˙˙˙

• WebAssembly 系列 - 速度

  April 18, 2021

  因此，这里择偶问题不需纠结。然而，我们希望的是，一些程序员会将部分的 JavaScript 代码切换为 WebAssembly 版本˙˙˙

• 如何介绍你的软件架构

  April 17, 2021

  面对不同的角色需要用不同的思维来表达，对领导汇报用业务图而不能讲技术架构，对开发则可讲具体开发架构，对运维讲运行架构、物理架构，因此需要不同的架构设计来表达˙˙˙

• 介绍我做过的项目 - P 项目

  April 14, 2021

  我要介绍下我做过的项目，项目不难，但是都加入了自己的思想，我想把它说出来，以升华自己的思想˙˙˙

• WebAssembly 系列 - 运行

  April 11, 2021

  WebAssembly 是除 JavaScript，另一种可以运行在 web 页面上的编程语言。过去，当你想运行一段代码，以与页面的其它部分交互，唯一的选择就是 JavaScript˙˙˙

• 应试

  April 05, 2021

  面试效果不好，网上找了一篇经验，先分析下答案，试试效果怎么样˙˙˙

• WebAssembly 系列 - Assembly

  April 04, 2021

  要想理解 WebAssembly 是如何工作的，先去理解 assembly 是什么以及编译器是如何生成它的，会很有帮助˙˙˙

• WebAssembly 系列 - JIT

  April 03, 2021

  JavaScript 开始的时候运行是缓慢的，但是拜 JIT 所赐，执行速度会越来越快。那么，JIT 是如何工作的˙˙˙

• WebAssembly 系列 - 简介

  April 03, 2021

  你应该听说过，WebAssembly 非常的快。但是使它如此之快的缘故是什么呢？这一系列，我想向你对于这个问题做一个解释˙˙˙

• 在 Windows 机器上搭建 GIT 中心，并借 SSH 传输资源

  July 10, 2020

  前些日子，在做一个关于植物的本地网站。网站的静态资源、图片服务和 WWW 服务都部署在一个低端的 windows 笔记本上˙˙˙

• 关于地图方面的几个小问题

  May 05, 2020

  最近做小程序，用到组件库里 map，遇到了 2 个小问题，拿出来和大家分享一下˙˙˙

• Configure ESLint with Prettier to support Typescript

  April 11, 2020

  I'd been frustrated by these terms for a so long time! And I think you maybe also get confused. So yesterday, I'd spend more than five hours to understand them. Now I'll write the findings for you˙˙˙

• ES2020 新特性列举

  March 10, 2020

  ES2020 新特性列举˙˙˙

• 常见浏览器兼容性问题与解决方案

  March 10, 2020

  列举常见 CSS 兼容性问题，面试老是问这种无趣的问题˙˙˙

• Webpack 优化分包之 name

  January 21, 2020

  文本要介绍的是配置项 name 的作用˙˙˙

• 关于 Webpack 一些基本

  January 16, 2020

  不解读源码，从表象上来看看 Webpack˙˙˙

• 再见，整洁代码

  January 13, 2020

  让整洁代码指引你吧，然后忘了它˙˙˙

• Babel 7 下配置 TypeScript 支持

  January 10, 2020

  本文将展示，如何使用 @babel/preset-typescript 和 @babel/preset-env 配置一个最小但完整的编译环境，打包工具使用 webpack˙˙˙

• TypeScript 与 Babel 的完美婚姻

  January 03, 2020

  由 TypeScript 和 Babel 两大研发团队，历时一年之久，专为 TypeScript 打造出了 Babel 插件 @babel/preset-typescript。得益于此，TypeScript 的使用从未如此简单！本文将从 4 点来陈述为什么 TypeScript 和 Babel 是一场完美的搭配；以及，如何花十分钟，一步一步地将项目迁移至 TypeScript 语言˙˙˙

• Webpack 优化分包之 maxInitialRequests 以及 maxAsyncRequests

  December 31, 2019

  文本要介绍的是配置项 maxInitialRequests 和 maxAsyncRequests 的作用˙˙˙

• Webpack 优化分包之 minChunks

  December 29, 2019

  文本要介绍的是配置项 minChunks 的作用˙˙˙

• Webpack 优化分包之 minSize 和 maxSize

  December 28, 2019

  文本要介绍的是配置项 minSize 和 maxSize 的作用˙˙˙

• 一些常用排序和查找算法的实现

  December 22, 2019

  有一天 Google 快速排序算法，得到了 Youtobe 上的一些视频，这些视频非常形象地、以动画的形式展示了排序算法的执行过程，并且伴随声音˙˙˙

• 深入研究 Zone.js 之后的发现

  October 23, 2019

  Zones 是帮助开发人员处理多个有逻辑关联性异步操作的新机制。它将每个异步操作通过 zone 关联起来˙˙˙

• 开发模式 "Development Mode" 是如何工作的？

  August 11, 2019

  如果你的代码库即便是稍许有些复杂，你可能已经采取了某种办法，针对开发和生产环境分别进行打包，从而于不同环境运行不同的代码˙˙˙

• TS 中何时使用“never”与“unknown”类型

  July 24, 2019

  TypeScript 在版本 2.0 和 3.0 分别引入了 never 和 unknown 两个基本类型。这完善了 TS 类型系统的基础性和全面性。TypeScript 严格遵循了类型设计原则˙˙˙

• 深度拷贝

  April 26, 2019

  支持基础类型数据、数组、对象、日期的拷贝，不支持函数拷贝，也不支持原型拷贝˙˙˙

• 从设计到上线：基于微信侧的“洗衣服务”项目客户端

  April 19, 2019

  一八年初，我尚在大连，供职于一家名为 Lanwatcher 的外企，职位为“软件开发工程师”˙˙˙

• LeetCode 超级回文数

  April 10, 2019

  如果一个正整数自身是回文数，而且它也是一个回文数的平方，那么我们称这个数为超级回文数˙˙˙

• 知道一下前端常见布局

  April 04, 2019

  自以为很了解所谓“布局”，比如用百分比、相对文档元素的rem单位、浮动、flex等，但还是很肤浅，也未得要领，布局大概会分为“固定布局”、“流式布局”、“响应布局”、“弹性布局”，本文将给出其三者的定义，演示常见的布局手段˙˙˙

• ES2019 新特性

  March 06, 2019

  简单列举 ES2019 的新特性，提供相关文章的链接˙˙˙

• React 如何以及为何在 Fiber 架构中使用链表结构来遍历组件树

  February 03, 2019

  我在Web逆向工程技术上花了不少的时间，写下了自己的发现，以助于自己和社区的学习、成长。去年（2017年）的时候，我的注意力集中在Angular的源码，并在网上发表了我的分析成果——深入Angular˙˙˙

• 深度理解：React 中 State 和 Props 更新机制

  February 01, 2019

  理解 React 执行“更新”的机制，所需要的基本知识，我在上一篇作了说明；本篇，我们就来深入“更新”的细节中˙˙˙

• 深入Fiber：React16 新协调算法全面深度剖析

  January 17, 2019

  React16以来，Reconciliation算法已经由基于Stack的实现更新为基于Fiber的实现，官方为什么要如此设计？又是如何来设计的？本文将给出明确的回答。文本对Fiber的核心思想作了简化以便于读者理解˙˙˙

• 使用Docker搭建PHP+MySQL+Apache2开发环境

  January 15, 2019

  记录一下学习并实践Docker的历程，供后续参考；同时，也希望能帮助到正在学习并想使用Docker的你˙˙˙

• ES2016-ES2018新特性列举

  November 04, 2018

  ES2016-ES2018的新特性不很多，在此全部列举˙˙˙

• ES6新特性列举

  November 03, 2018

  列举几个罕用的新玩法，当前用不着的。但是不保证今后什么时候会用上˙˙˙

• Js查询字符串解析函数

  October 28, 2018

  Js查询字符串解析函数，选自《JavaScript高级程序设计——第三版》的BOM-location章节˙˙˙

• ES5创建Object的七种模式

  October 27, 2018

  ES5中创建Object的模式有很多，每一种模式诞生的背后都暗藏着创作者的经验与智慧，值得我们后人好好学习一下。本篇内容摘自《JavaScript高级程序设计（第三版）》˙˙˙

• 高性能网站建设指南

  October 21, 2018

  列举了美国Steve Souders总结的14条性能规则˙˙˙

• 前端工程师必须能回答的问题

  October 20, 2018

  这些问题是我在网上看到的，觉得对前端知识体系的建立很有帮助，所以整理并发布出来，以供自己去温习、巩固˙˙˙

• Javascript 中 “==” 操作符

  October 10, 2018

  总结了JavaScript中 “==” 操作符的计算法则˙˙˙

• 简单的图片轮播功能实现

  July 23, 2018

  图片轮播，网上能实现它的资源不在少数。闲来无事，在个人的博客中，我自己简单实现了一下˙˙˙

• 关于TinyMCE不同步HTML内容的问题

  July 22, 2018

  EM...，两个地方采用同样的方式提交表单，结果一个同步了，另一个不同步˙˙˙

• Mac/Linux系统Terminal中不同文件类型的颜色

  July 17, 2018

  Mac/Linux系统Terminal中不同文件类型的颜色˙˙˙

• XMLHttpRequest 的 withCredentials 属性

  May 08, 2018

  项目开发中经常遇到文中提及的错误，只有深刻理解了withCredentials属性的含义，才能更好的使用˙˙˙

• Linux中passwd文件数据结构说明

  April 04, 2018

  linux系统中，用户信息被存储于/etc/passwd文件中，每一行定义一个用户，这里解释一下其数据定义结构˙˙˙

• CentOS7 设置 hostname

  April 03, 2018

  局域网中一台CentOS机器，为了通过ssh客户端对其访问，但机器局域网IP不固定，可以设置HostName，用HostName来访问之˙˙˙

• Node Resolution Algorithm

  March 23, 2018

  Node 依赖包解析算法˙˙˙

• 前端工程化 - 第四阶段

  March 21, 2018

  当我们要开发一款完整的Web应用时，前端将面临更多的工程问题˙˙˙

• CSS清零代码

  March 15, 2018

  使用 CSS 清零（CSS Reset）是实现跨浏览器兼容的灵丹妙药，CSS 清零可以消除不同浏览器对 margin，padding 这些属性的默认表现，你可以更容易控制诸如对齐，间隙等等问题˙˙˙

• 自己的Observable构思与实现

  March 14, 2018

  Observables can "return" multiple values over time˙˙˙

• Json Editor - 可视化编辑JS对象

  March 04, 2018

  一款用于在线可视化编辑JS对象的工具库，增删改均具备。你可以扩展为在线编辑json文件等˙˙˙

• 用 csso 压缩前端资源

  March 01, 2018

  CSSO (CSS Optimizer) 是一款CSS压缩工具。它可以实现3种对CSS代码的转换˙˙˙

• 基于 jQuery 的 tooltip 简单小插件

  February 23, 2018

  常常困于在互联网上找到满意的js库，或许是方法问题˙˙˙

• TinyMCE自定义插件编写

  February 20, 2018

  最近要使用 TinyMCE，为了在内容里插入代码块，我研究给它加一个代码编辑的功能。因为之前没仔细看内置插件列表，没发现其实 TinyMCE已经有了这个功能，我花了几乎一日的时间搞这个代码编辑插件。后来发现这个情况后，会心一笑，只当学习了吧˙˙˙