R·ex / Zeng

音游狗、安全狗、攻城狮、业余设计师、段子手、苦学日语的少年。

当表格排版遇到了合并单元格

我负责的面单平台的需求复杂度已经越来越高了。自从寒假接了一个复杂表格排版的需求后，各类业务对于表格排版的使用场景也开始变多。毕竟，一个可以自动换页排版，并保持每一页都带有首部区域和尾部区域的表格，哪个业务不喜欢呢？（被打）表格的排版先回顾一下之前的需求：有一类专门的面单类型叫“拣货单”，用于给卖家拣货拣货单有三个部分：头部区域（展示 Logo、买家地址等）、表格（展示商品信息）、尾部区域（展示备注和页码）表格可能非常长，需要分页打印（纸张类型分为 A4、A5、A6 三种）第一页的表格之前一...
2020-07-01 00:44 ZH 开发

编写状态驱动的业务代码（2）

记得两年前的差不多这个时候，我曾经写了一篇文章 编写状态驱动的业务代码，讲了一下我使用状态来描述业务需求的一个经历。自那之后，我很少再接触步骤如此多的业务需求，直到前一段时间……一个复杂的页面运营平台有一个页面，是专门用来配置运费规则的，里面有最多 12 个步骤（12 个对话框），一个可能的步骤如下：基础信息配置，其中可以选择是否需要配置一些“可选费用”（例如燃油费等）地区配置如果地区配置为 XXX，则需要配置 YYY 费如果第一步中选择了燃油费，则配置燃油费如果第一步中选择了 XXX 费...
2020-06-16 00:54 ZH 开发

由于硬件问题引发的条形码扫描 Bug

听一个希捷的朋友说的。有用户反映每次用笔记本播放李娜的青藏高原时，电脑就会死机。经测试发现，唱到最后的“那就是青藏高……”时，硬盘产生了共振，振幅过大，读写头读不出数据了。为了抓住这个bug，朋友听了一个月的青藏高原……一开始看到这个段子（出处：有哪些让你目瞪口呆的 Bug ？ - wuz的回答 - 知乎）的时候，只是笑一笑。然而万万没想到，我一个前端居然也会遇到硬件问题。问题现象隔壁组有一个业务需求：在专用的纸上批量打印一大堆条形码（商品 ID 之类的数据），然后可以方便的撕下来贴在包裹...
2020-06-11 01:25 ZH 开发

面单工具：对 Chrome Headless 渲染的极致优化

背景有些同学对“面单工具”这个项目应该不算陌生，因为之前我已经写过几篇跟它相关的文章了。它的基础功能无非就是画面单：如果你从 Shopee 上买了点东西，那么快递上面贴的面单就是用这个工具画出来的。可能是这工具用起来比较方便，随着业务的扩张，一些不是面单的奇奇怪怪的东西也开始切换到面单工具上，例如采购系统的合同（更像是 Word 文件）、仓库的条形码（用了特殊纸张）、拣货单（可以理解成外卖单），这就对面单工具的可扩展性提出了极高的要求。不过这不是本文的重点，之后再专门写文章好了。我之前写过...
2020-05-03 05:05 ZH 开发

用 OpenResty+OpenCC 让网站支持正体中文

想要查看本站的正体中文版本，点击页脚处的“正體中文”链接即可。关于这篇文章的背景，真是说来话长……大概在八年前，我去 CTSC 打了个酱油（非集训队，只是去玩的），在那几天里，我接受了许多大佬们的培训，印象比较深刻的是 BYVoid 大佬，因为他在 PPT 中放了自己网站的链接，我点进去之后发现可以随意切换“简体”和“繁体”，而且似乎跟我以前见过的国际化不同，文章内容也会随着切换。当时我对 Web 开发一窍不通，所以没有能力好好研究这究竟是怎么实现的。后来有一次机缘巧合，我看到了一个叫 O...
2020-02-29 20:30 ZH 环境

Go module 踩坑备忘

之前为了写 Go，我特地捣鼓了一下 VSCode 的 Go 配置，具体的经历可以看 这里。最近由于业务需求，需要新开一个 Go 的项目。听朋友说 Go 从 1.11 开始有了个叫 Modules 的新特性，于是打算看看能否用在我的新项目中。为什么我对 Modules 这么感兴趣呢？因为写项目总是逃不开各种包管理，而之前 Go 不管是官方还是非官方的包管理器，都是基于 GOPATH 或者 vendor 目录，也无法很好的解决不同版本的冲突。Modules 据说可以解决这些问题。我们之前的项目...
2020-02-16 17:25 ZH 环境

Redirect attack - Shadowsocks 流密码的不安全因素

Shadowsocks 是一款陪伴无数玩家多年的科学上网工具，但是近年来随着墙的日益增高，一些 Shadowsocks 流量已经可以被很好的识别出来，然后就是——“同志，你梯子塌了”。虽然“协议可以被识别”已经众所周知，但我们依旧认为，Shadowsocks 的加密做的不错，中间人应当破解不出明文信息。然而，晚上看到的一篇 文章，稍稍动摇了一下我对 Shadowsocks 数据安全的信心，更让我重新审视了一下流密码的安全性。之前我在做安全方面的科普的时候，我总会提到“ECB 是不安全的”，...
2020-02-15 02:18 ZH 安全

TypeScript 类型系统与函数式编程

背景接触 TypeScript 已经有一段时间了，这期间写过一些复杂的类型（例如 这篇文章），我开始意识到：TypeScript 的类型系统写起来就像函数式编程一样。去年某天，一个同事给我发了个链接，里面讲的是“TypeScript 类型系统的图灵完备”，里面的一些内容我还在努力理解到可以分享的程度，但一些代码差不多可以说明 TypeScript 类型系统跟函数式编程的思想非常接近了。前期知识掌握 TypeScript 的 基本类型，相信大家都了解；掌握 TypeScript 的 高级类型...
2020-02-04 20:37 ZH 开发

从前端组件库引出的计算几何问题

是的，又是那个组件库。由于脚手架搭的比较好，大家开发的效率超出了预期。然而总有些不顺利的事情出现，于是就有了这次要说的事情。一个容易解决的问题我们的 <Icon> 组件跟 Ant design 比较类似，底层用的是 SVG，这样可以通过按需引入以减小空间。由于 SVG 是设计师用 Illustrator 画的，里面必定会带有各种无关紧要的信息，因此同事在构建脚本中用 svgo 去掉了几乎所有用不到的数据。然而，我们发现不能去掉 fill 属性（通常 SVG 图标内部不能带有具体...
2019-11-30 23:18 ZH 开发

TypeScript+Vue 组件库的细节问题

背景为了 第四季度的 KPI（划掉） 配合全组前端项目的 UI/UX 改版，我们需要自己写一套组件库。第一个吃螃蟹的项目是用 Vue 写的，所以我们决定先写一个 Vue 的组件库。因为我刚好比较闲，于是搭脚手架的任务就交给了我。技术选型我个人的观点是：TypeScript（或其它静态类型的语言）是未来的趋势，但 Vue 对 TypeScript 的支持并不是那么好。经过再三查阅文档，我发现 官方文档 提到可以用 ES6 Class 或者传统的 Object。我试了一下：Object 无法优...
2019-10-27 16:49 ZH 开发

immer.js - 实现不可变数据的新思路

immer.js 介绍因为项目需要，我跟不可变数据打交道也有很长一段时间了。对于不可变数据来说，大家最熟悉的应该就是 immutable-js 了，然而它有这么几个劣势：API 复杂，额外引入了 Map 和 List 类型需要指定一个数组作为路径来 Get 或 Set，失去了 ES6 的语法简洁性失去了 Flow 或 TypeScript 对数据的 Schema 校验直到我前几天偶然在网上看到了一个叫 immer.js 的库，看了几眼文档，瞬间就被它的简洁给吸引住了。先来个简单的例子（摘自...
2019-09-23 01:37 ZH 开发

从 DFS 的角度看 NFA 正则与优化技巧

前言今年七月初 CloudFlare 由于一条正则表达式宕机的事情大家应该都听说过了，究其原因，是因为正则表达式匹配时产生了大量的回溯，从而耗尽了 CPU 资源。具体的技术分析网上都有，这儿就不赘述了。从小到大我都被教育：正则表达式可以高效的匹配字符串，正则会先被转换成 NFA，再被确定化为 DFA（这算法我现在还是能记住的），然后就可以用一个“与输入长度相关的线性时间复杂度”的算法来匹配了。CloudFlare 这件事情让我对正则表达式的效率十分失望，因此我花了一段时间了解了一下正则表达...
2019-08-01 22:17 ZH 开发
  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. ...
  7. 15

这是我们共同度过的

第 2868 天♥