常用SSShooter zhoudejie等ID，本名周德杰 ，Web前端开发，坐标广州。
The RSS's url is : https://ssshooter.com/rss.xml
Please copy to your reader or subscribe it with :
2024-08-31 15:48:28
好久没有这么纯粹的打电动的周末，都怪哥们太给力了，借了我这玩意 👇 ! 导致我以一种未曾设想的方式直面天命，毕竟我家垃圾笔记本没显卡，本来没打算能玩到的 😎 ! SteamDeck 初摸手感比较一般，可能是因为机身较重，要在手柄减重，所以这个手柄一摸起来就没有游戏手柄的厚实感，比较...
2024-08-21 14:13:41
Advanced browser parlor tricks
2024-08-20 15:09:33
本文介绍了在Vue框架中实现页面缓存逻辑的两种方案。初版方案通过keep-alive和router-view结合使用，以及路由守卫来控制页面缓存，但存在逻辑复杂的问题。新方案简化了逻辑，通过构建目标页面和来源页面的关系，优化了缓存机制，使得代码更加简洁且易于理解。
2024-08-17 14:36:13
以下内容涉及剧透，请谨慎观看。 以下内容涉及剧透，请谨慎观看。 以下内容涉及剧透，请谨慎观看。 !最初的召唤 当年看最后的进化有感而发，已经是 2021 年，三年后终于有机会把 DM2 的新电影看了。 其实看数码宝贝02：最初的召唤我是完全没有预期，即使我对《最后的进化》评价很高，但这种...
2024-08-07 23:07:56
探索字符编码的奥秘：从 ASCII 到 Unicode，了解字符码表的起源与演变。深入学习 Unicode 的编码机制，包括 UTF-8、UTF-16 和 UTF-32，以及它们在现代编程语言中的应用。本文还详细介绍了字体与编码的关系，以及如何处理 Emoji 和 CJK 字符的特殊编码问题。
2024-06-29 17:53:49
写出这个标题的时候我觉得很夸张，这首歌发布于 1976 年，居然真的快 50 年了。所谓的这首歌，就是许冠杰的《浪子心声》。 对一个 90 后广东人来说，不管你愿不愿意听，或许都会在各种场合听过这首歌。尤其是我——据说我名字里，甚至借了许冠杰的一个字——自然在小时候听过不少他的歌。但此处必有但是...
2024-06-10 16:29:00
!sunlit stream The stream flows endlessly, much like the continuous data transmission in computer science. Why is streaming important in computer...
2024-06-10 16:29:00
!日が差す小川 小川は絶え間なく流れ続け、コンピュータサイエンスにおける連続的なデータ伝送に似ています。 なぜストリーミングがコンピュータサイエンスで重要なのでしょうか？主に2つの理由があります： !ストリームの使用の違い 上の画像は2016 - ウェブストリームの年からのもので...
2024-05-06 11:51:40
**注意：这是一篇草稿，但是因为 IntelliJ 插件开发参考资料实在太少，就放出来吧，不知道以后还有没有机会完善，怀念写 kotlin 的一周（哈哈）。** 难点与应对方法： 先决条件： 构建脚本 `build.gradl...
2024-04-23 19:45:07
简单介绍一个生产可用的 CJK 字体文件压缩方案，这个方案使用 python。如果你不喜欢，我还提供了两个 Node 平台的工具供参考。
2024-04-09 20:59:18
!阳光溪流 溪流绵延不绝，计算机科学的流也就如这个类比，是连续的数据传输。 为什么计算机科学需要流呢？主要有两点： !是否使用流的区别 上图来源于 2016 - the year of we...
2024-03-02 20:08:44
这篇文章是关于流（Stream）的深入指南，详细介绍了如何使用浏览器的 Stream API 处理可读、可写和转换流。文章涵盖了核心概念，包括数据块、可读流、可写流、转换流、管道链、回压和分支等。读者能够了解如何创建读取流，以及如何管理和控制流。
2024-02-25 12:28:23
在上一节课程中，我们学习了 CSS 和 JavaScript 等页面资源如何影响页面加载速度，并探讨了如何优化这些资源及其传输，以加快页面渲染。现在是深入了解资源加载进阶话题的绝佳时机，这包括使用资源提示（resource hint）帮助浏览器更迅速地完成加载工作。 资源提示能够通过预告浏览器如...
2024-02-23 20:44:21
心心念念的提示（admonition）语法终于加上了。最终本博客选用 GitHub 的提示方案，最后也会提及在这次调研中找到的其他提示语法方案。
2024-02-20 21:08:07
史无前例的大更，本博客终于从 Gatsby 出逃到 Astro。迁移过程不算难！得到了更高的 Lighthouse 分数，但是构建时间却意外地边长。最后，跟盖茨比说声再见吧……
2024-02-10 16:11:07
“关键渲染路径”是指网页在浏览器中开始显示前必须经历的一系列步骤。浏览器要显示网页，不仅需要获取 HTML 文档，还需要所有对显示该文档至关重要的资源。 在之前的HTML 性能基础部分，我们已经讨论了如何把 HTML 文档送达浏览器。本部分将深入探讨，浏览器在接收到 HTML 文档之后，为了显示...
2024-02-07 17:37:35
最开始我应该是在类似 metadata 的概念中认识到这个词，中文翻译是元数据。这带来的联想自然是 meta = 元，然后我又不知道为什么把这个元理解成本源的意思，于是我也就莫名其妙地把 meta 理解成先于 x，或者 x 之前的意思（html 的 meta 标签也是放头部的，误解 +1），这个理...
2024-02-06 15:57:46
> 原文传送门 What to test and your approach 决定测试内容，而非测试本身是什么，对于所有团队而言是个关键议题。测试是实现最终目标的一种方式，而确定对代码库中哪些部分进行优先测试则是一项挑战。 决定测试的优先顺序应当基于你的代码库及团队目标。但需要注意的是，尽管撰...
2024-02-06 13:19:41
> 原文传送门 Types of automated testing 在各种代码库中，对不同类型的测试进行命名通常遵循一定的共性，尽管这些命名并没有严格的定义标准。本课程尝试对每种测试类型给出了一些建议和解释，但你可能在其他地方看到有所不同的定义。 之前的内容中提到了单元测试和组件测试（以我们...
2024-01-28 18:40:11
好讨厌冬天呀！冷得啥都干不了，手伸出来就是冰冰的！大脑也冷宕机了！加之昨天年会吃了点零食，而且喊了一晚上也没中个奖，今天咳嗽了。 为了不加重病情，此时我这位体弱南方人不得不去查查怎么解决手脚冰凉的问题了。 ...
2024-01-07 15:31:58
Vue 推崇单向数据流这个概念，也就是数据流向必须是从父到子。子组件想要修改数据必须 `emit` 一个事件，父组件接收到事件后，由父组件修改数据传回到子组件。 我在 stackblitz 写了个例子，使用版本为 `[email protected]`。可以看到在，`props` proxy 的外层 han...
2023-12-31 19:59:44
我很抠门，我的风险耐受力很低，遭遇到这三年的股灾，我的心情也是长期压抑的。现在回想过来我好像完全忘记了那种不被“亏钱的感觉”束缚的人生，常常，我会觉得莫名有点失落，究其所以，还是因为这破事。 在 19 伪牛市时我就看过 08 年和 16 年的股灾，那长时间持续下跌，我当时无法想象我身处其中会...
2023-12-06 10:24:08
> 原文地址：Defining and Dealing with Technical Debt 我们对“债务”都不陌生吧？这是一个一方（借款人）欠另一方（贷款人）钱的概念，常用于金融领域。比如，我向银行借钱，我就对他们有债务，金额就是他们借给我的钱（加利息！），并且他们期望我还清这些债务。 债...
2023-11-21 21:41:19
Stoic(noun): a person who can endure pain or hardship without showing their feelings or complaining. 传说 Zeno of Citium 在沉船之后一无所有，来到雅典学习哲学，在吸收了犬儒主义...
2023-11-18 22:08:45
我一直觉得**音乐是回忆的载体**，有时候听一首歌的时候会感觉自己回到了过去最狂热于某首歌的时候，这不单止是回忆，甚至觉得当时的心情和气氛都能重新感受到，甚是神奇。我一直想写一篇博客总结一下那些关键的时间点，无奈一拖再拖，写了很久很久，来吧，我终于要分享一下这个大龄二次元的音乐回忆了。 其实直到...
2023-11-15 00:46:17
I would like to refer to the Same-origin policy (SOP, which may be abbreviated as SOP below) as the pain of front-end newcomers. First, let's brie...
2023-11-15 00:46:17
Me gusta llamar a la política de mismo origen (Same-origin policy, a partir de ahora, SOP) como el dolor de los novatos en frontend. Primero, habl...
2023-11-15 00:46:17
私は同一オリジンポリシー（Same-origin policy、以下、略してSOPとします）をフロントエンド初心者の痛みと呼びたいと思います。 まず、同一オリジンとは何かについて簡単に説明します：同一のプロトコル、ホスト、ポートの場合、同一オリジンと見なされます（Same-origin）。例...
2023-11-15 00:46:17
我愿称同源策略（Same-origin policy，以下可能会缩略为 SOP）为前端新手的痛。 先简单说说什么是同源：**同协议、同 host、同端口**视为同源（Same-origin）。以 `http://example.com:80` 为例，协议是 `http`，host 是 `ex...
2023-10-18 01:15:42
Generics can be understood as **passing types as variables to type definitions**, just like passing parameters to functions. For example: ```types...
2023-10-18 01:15:42
En pocas palabras, los genéricos se pueden entender como **pasar un tipo como variable a una definición de tipo**, de la misma manera que se pasan ...
2023-10-18 01:15:42
ジェネリックは、**型を変数として型定義に渡す**ということを簡単に言えば、関数に引数を渡すのと同じようなものです。例えば：
```typescript
function identity
2023-10-18 01:15:42
泛型简单来说可以理解成**把类型当变量传到类型定义里**，就如同参数传到函数一样，例如：
```typescript
function identity
2023-09-04 02:18:05
! 又来久违的爆肝单排上分，发现这种打排位的游戏总是会很上瘾。对比起买断制游戏打百来小时都算多了，但是这种带排位的竞技游戏总是让我欲罢不能，哎，这该死的多巴胺！ 输了一局吧，就总觉得下一局有新希望，下一局就能连升两点！结果就是在黄金 II 摩擦了十几小时，心里一直在跟自己说，Prove T...
2023-07-17 02:02:42
第一章是作者成长史，首先告诉你他是怎么应对焦虑。最重要的一招就是“在焦虑控制你之前先发制人”，首先意识到让你焦虑的事情并不是致命的，然后在大脑因焦虑拒绝之前直接去做。 焦虑是人类赖以生存的一个技能，没有焦虑感很容易被送走。 但是持续的焦虑会给现代人生活造成影响。 > 本书中所述的心理...
2023-07-08 21:37:50
Mind Elixir 在 2021 年 10 月开始逐渐迁移到 TypeScript，很忏愧地说直到最近，我才狠下心来打开了把 `compilerOptions.strict` 设成了 `true`。 那时不太懂 TS，跌跌撞撞地写类型，到现在算是积累了点经验，而且日常工作中的项目也已经用上了...
2023-05-19 05:33:11
整理一下马修·沃克的《我们为什么要睡觉》，我是觉得这本书不薄，而且讲的顺序有点乱，所以这个笔记的顺序跟原书不同。吐槽：总觉得这书有的说法没有实验支撑，不过既然大佬这么说，那就姑且信了吧
2023-05-10 05:46:28
最近依然忙，公司项目搞重构，三个月内把旧系统推倒重建，工期略紧。不过我对此倒也没什么怨念，这次重构有前端 TL 带写测试，算是一个填补我多年弱项的机会，而且整个项目做起来也是前所未有的舒服，项目结构堪称模范……就是，合作方太卷了。 最近还收到一台作为生日礼物的电子琴，最佳礼物又被刷新了。不得不说...
2023-04-30 21:49:03
Vitest 是一个测试框架，类似老框架 Jest，用于运行测试。Vitest 最大的优点是可以和 Vite 整合起来，减少配置复杂度（反过来说，如果你不用 Vite 的话 Vitest 不一定是最好的选择）。 如果你在 Vite 的基础上安装 Vitest，只需要安装 ，然后在 `vite...
2023-03-12 00:24:40
从代码风格、项目配置等方面同步开发团队全员的项目运行环境，一份比较完整的前端代码质量与团队协作指南，注意本文默认开发环境是 VSCode。
2023-02-12 02:55:22
发发牢骚。 我好忙，倒不是上班忙，而是回家很忙，即使我还没孩子，就已经觉得忙炸了。 现在房间里，目之所及一大堆占用时间的东西。 一本刚翻开几个小节的 CSAPP，一本刚扫了一遍目录的计算机网络。虽然真的是好书，但是就硬拖，没继续翻。同样的还有几本图书馆借的书，总的来说也就只看了三分一，已经几...
2023-02-09 07:40:26
> 香港特別行政區（特區）政府今日（二月三日）宣布，經與中央和廣東省及深圳市政府溝通協調，香港與內地將由二月六日起全面通關，包括開放全部口岸並不設每日人數安排、取消出行前核酸檢測要求，以及有序推進跨境學生復課安排。 三年后的今天，香港终于全面通关了，过年前我还预约人工窗口请假去签注，跨了一个春节...
2023-02-04 05:35:25
There is a song called "Reflection" in Disney's version of Mulan. Mulan looks at her reflection in the water, contemplating her future choices. The...
2023-02-04 05:35:25
迪士尼版花木兰有一首歌叫 Reflection，木兰看着水面的自己，沉思自己未来的选择，歌词和画面就同时包含了 Reflection 这个词的这两层含义，即： 编程中的 Reflect 翻译为“反射”确实会让人迷糊，其实这里应该往“自省”的方向靠。Reflect 是 JavaScrip...
2023-01-25 22:35:49
上年完全提不起劲写东西，旅游去了，照片也拍了，就一直拖着，直到 2023 年都来了。 要找理由嘛，我能说出很多， 接下来随便发一点吧……我今年寂寞的春节。 去港澳签注，顺便陪群友去公园前买胶，讨好他的侄子们。我也想买，但是家里没位置了，还是尽量少买观赏性物品吧。路过人民公...
2023-01-17 17:55:00
最近有点空，按照上次 Gatsby2 升 4 的方法升级到 5，但我愿意称之为无效升级，因为什么特性都没用上。 倒是把嵌合在 html 文件里的 katex 和 字体文件拆分出来了，大大加速了网页本体的加载速度。 最后，放个主题广告，欢迎使用本主题 gatsby-theme-usubeni，百...
2022-12-31 23:06:12
今年本来就没发几篇日志，今年的年终总结也就不纯是总结了，把一些故事和感想也加进来吧，所以这次字数又炸了。首先来讲今年最痛苦的事情吧…… 今年忘了什么时候，公司办了个什么活动，大家可以写上自己的愿望贴在许愿墙上，我清楚记得我写的是： “希望今年兰兰不要绿我了” 结果呢，必然是落空了，狠...
2022-12-20 17:15:59
本人情况是发烧 4 天，最高 39 以上，但无刀割嗓，发烧后第三天才测出阳性，从有症状开始算第八天抗原阴性。仅供参考，希望有跟我一样连续发烧的不要太慌，加油，你的免疫系统可以的
2022-10-18 19:31:28
webGL 发源于 openGL，知识点相似，只是 openGL 用于桌面应用程序渲染，webGL 专供浏览器，有 webGL 和 webGL2 两个版本，实现代码有一定差别。 使用 webGL 必须明白 shader 如何使用。shader 常被翻译为着色器，所以它的功能自然是着色（废话）。s...
2022-10-12 18:44:01
本文仅涉及 WebGL1.0 的 fragment shader，尝试解释 GPU 渲染方式，和使用 fragment shader 绘制一些简单图形的方法
2022-08-08 00:01:37
自己收集了一些托福易混淆词，英语不存在“形近词”一说，但很多英语单词看起来都很像，非母语者看起来非常容易混淆，因此有必要集中在一起加强记忆。另外还有一些词各种变体，词性很容易记混，高速判断一句话里词的词性可以大幅提高阅读速度。当然，也还有一些我自己觉得虽然也不算太像，但不知道为啥就会记混的词……
2022-07-12 18:04:41
作为 Web 前端开发者，你是否很羡慕安卓和 iOS 的动效设计，同一个元素穿梭于两个页面，无比流畅。但是！2022 年，浏览器也可以实现跨页面共享元素动画啦！
2022-06-24 00:09:46
Let's take a look at how to use AbortController to cancel Ajax requests. But, is canceling requests really useful? To cancel or not to cancel, that is the question.
2022-06-24 00:09:46
Vamos a ver cómo utilizar AbortController para cancelar las solicitudes Ajax, pero ¿realmente es útil cancelar las solicitudes? Decidir si cancelarlas o no, es todo un dilema.
2022-06-24 00:09:46
一緒にAjaxリクエストをキャンセルするためにAbortControllerを使用する方法について理解しましょう。しかし、リクエストをキャンセルすることは本当に役立つのでしょうか？キャンセルするかしないか、それが問題です。
2022-06-24 00:09:46
一起了解一下如何利用 AbortController 取消 Ajax 请求，但是，cancel 请求真的有用吗？取消还是不取消，这是个问题。
2022-04-10 21:24:14
奔三的人了，虽然零零散散也知道一点剧情，但是好像是第一次完整看一次白蛇传，而且看的是粤剧电影版。用传统方式表现这个最老套的故事，确实让我有点感动。考虑到各种改编和本地化，这里的感想仅针对《白蛇传·情》。 **妖若有情妖亦人**，实在是名言，法海认为人妖相恋必为患，实在是张口就来（不过也多亏他，这...
2022-02-24 17:53:29
我曾以为，拆分子组件只是用于抽象，但实践告诉我，拆分子组件是提升性能的一种方式。 在我的实际工作中遇到这么个问题，有一个很大的表格，里面有多个新增条目的对话框，当数据很多的时候，填写新增数据都会变卡。 原因就是，在一个组件里，修改值会造成整个组件的数据检查和 diff。但是明知道大表单什么...
2022-02-19 02:06:52
$$ \begin{bmatrix} x & y \end{bmatrix} \begin{bmatrix} a & c \\ b & d \end{bmatrix} $$ 首先复习一下线性代数，矩阵相乘，结果如下 ↓ $$ \begin{bmatrix} ax+by & cx+dy \e...
2022-02-12 01:38:54
之前写的通过语雀发布博客根本没什么用，然后在拿到 iPhone 13 pm 之后想起 iOS 似乎有一个很厉害的效率应用 Shortcuts（拿着锤子容易看到钉子？），于是整了这么一个活，不需要写 iOS 客户端，直接用 iPhone 发布静态博客。 实现这个流程首先必须知道怎么用 ...
2022-01-27 22:19:37
主要变更： 修复： 下一步感觉要是不是要把主题色改一下呢，以及用阴影把网页分一下块（以前做的目标就是不分块，又打脸了）🤔 这个春节回老家闲着，说不定过两天又更新了 🤣 ! ! ...
2022-01-26 23:45:51
工作 6 年了，每年年会都陪跑，每次得奖者揭晓前的激动都会落空，但是今年发生了一点变化。 **我居然中了 iPhone 13 pro max 512g。** 6 年了，我终于中了 1 次，而且一来就是大家伙。诚惶诚恐地领了个奖，不能否认那时候肯定是爽得不行，但过后两天整个人陷入纠结。 这东西...
2022-01-26 19:17:12
before： ```json { "dependencies": { "axios": "0.21.1", "fast-exif": "^1.0.1", "gatsby": "^2.1.4", "gatsby-image": "^2.0.22", "gatsby-plug...
2022-01-22 01:57:55
本文用例来自 mdn webGL 教程的 sample5 数据怎么从 JavaScript 送到 GLSL，是一个十分简单，但是初见又有点绕的问题。解析这个问题需要把传入的数据分为 attribute 和 uniform 两个类型。 先非常简单地提一下两种类型的区别： 另外还有 var...
2022-01-01 05:22:08
今年，今年是真的刺激，简直迫不及待地想写总结，而且应该会刷新历年总结字数，所以 12-25 就新建文件了，但是什么时候写完是未知数。 COVID-19 已经在地球肆虐了一年多，刚爆发的时候的紧张都快消散了，然而在六七月份，广州荔湾区突然爆发了。这大概是我离疫情最近的一次，近到直接就是隔壁小区...
2021-12-02 22:15:01
1. 因为小前端我很久没有面向对象地编程了，但是 SOLID 本身是针对面向对象的建议，以下内容结合了自己对 typescript 肤浅的理解来解析 SOLID，不保证完全正确 2. 引用的英文句子为 SOLID 提出者 Robert C. Martin 对各个原则的定义 > THERE...
2021-11-23 18:19:36
安装 element-ui-helper 插件，可得到 element ui 悬停提示，不用每次都翻文档。 ! 缺点也是有一点，tips 的显示框有点小了，不过跟插件本身也没关系，查了一下，vscode 暂时还没有提供可以修改 tips 大小的方法，只有修改 vscode 全局 css 的...
2021-11-23 00:28:01
看完最后的进化，竟然觉得这个结局更触动现在的我。 确实不知何时起我开始怀念过去，怀念大学，怀念高中，也怀念童年，这可能不是因为社会的毒打，而是时间在我心里施了咒。 一方面我还是贯彻着“老头才需要缅怀过去，我不需要回忆”的信条，爽快地断舍离，像是在江门搬家到广州，儿时的玩具和杂志丢掉了一大半，毫...
2021-11-08 02:14:01
之前说明了一下 eslint 和 prettier 的区别，这次是要实践解决 VScode 和 jetbrains 系 IDE 的协作问题。 jetbrains 系在输入 html 标签名后如果在后面接一个属性的话，再换行就会自动对齐到标签名的长度，但是如果后面不接属性直接换...
2021-10-05 19:32:00
! （注：需要指出，这是段子，不是真的） 国庆假期在内卷各种知识付费鸡汤的同时，又沉迷上了打牌游戏—— ~~汤姆里德 魔咒索命~~ 哈利波特 魔法觉醒（下面简称魔法觉醒吧），以前玩过王室战争，上手也不算太难吧。 上次打牌打得天昏地暗是什么时候呢，虽然之前也玩了一段时间...
2021-09-03 18:47:11
This article mainly introduces the principles of Vue's asynchronous updates. The core understanding of this article is not difficult without the unde...
2021-09-03 18:47:11
Este artículo se centra en los principios relacionados con las actualizaciones asíncronas en Vue. La comprensión central de este artículo no es tan d...
2021-09-03 18:47:11
この記事では、Vueの非同期更新に関連する原理について説明します。この記事の中心的な理解は、**キュー**という2つの単語です。 なぜ非同期更新が必要なのでしょうか？ ```javascript this.a = 1; this.b = 2; this.c = 3; this.a = 5;...
2021-09-03 18:47:11
这篇文章主要介绍的就是 Vue 异步更新相关的原理。本篇的核心理解起来没有响应式原理难，重点就是两个字**队列**。 为什么需要异步更新？ ```javascript this.a = 1; this.b = 2; this.c = 3; this.a = 5; this.a = 6; `...
2021-08-30 23:39:20
和 K8s 一样，prometheus 也是一个配置驱动的系统，了解配置是关键，后面的小节会覆盖不少细节，现在暂时粗略预览整个配置文件的结构： ```yaml global: # How frequently to scrape targets by default. # 抓 tar...
2021-08-18 17:23:38
> Zadig 是 KodeRover 公司基于 Kubernetes 自主设计、研发的开源分布式持续交付 (Continuous Delivery) 产品，为开发者提供云原生运行环境，支持开发者本地联调、微服务并行构建和部署、集成测试等。Zadig 内置了面向 Kubernetes、Helm、云...
2021-07-25 19:45:28
Over the years, I have read many articles on the Vue principles. With the help of these articles, I have made multiple attempts to understand the Vue...
2021-07-25 19:45:28
En los últimos años he leído muchos artículos sobre los principios de Vue, y con la ayuda de estos artículos, he intentado varias veces entender el c...
2021-07-25 19:45:28
最近、Vueの原理についての記事をいくつか読んできました。これらの記事の助けを借りて、私も何度かVueのソースコードを理解しようと試みました。そして、自分自身でコンテンツを出力する時が来たと感じました。他の記事とは異なる視点から、皆さんにVueを紹介できればと思います。 このトピックはもちろん、...
2021-07-25 19:45:28
几年来看了不少 Vue 原理的文章，在这些文章的帮助下，我也多次尝试自己理解 Vue 的源码，终于，我觉得是时候自己输出一下内容了，希望可以从不同于其他文章的角度带大家熟悉 Vue。 这个专题自然是分多个部分讲解 Vue 源码，第一篇就先讲最最经典的 Vue 响应式原理吧！ 在正式讲原理之前，...
2021-07-19 23:50:30
2021-07-09 17:15:26
其实我后悔了，干了这么多年前端，现在才开始收集，不过现在开始总是最好的，本文**永久更新**（直到我退前端坑 🤔）。 这里不会记录那些罕见但好用的 CSS 属性，而是着重记录那些反直觉的奇葩情况。 `overflow:scroll;` 之后，绝对定位的子元素会撑起父元素。 ```htm...
2021-05-28 23:47:34
前提是这样的，公司有个神奇的项目，立项用的是 32 位 electron，所以 `npm i` 的时候要用 32 位 node。 那么是不是装个 32 位 node 就一劳永逸呢？也不是。 运行的时候如果用 32 位，保存后热更新又会报错，说内存不足之类的。 所以必须这么做： 开...
2021-05-20 05:30:24
GWF 内的开发者，特别是安卓和前端开发者，估计真的对下载依赖这事很无奈。 在这里，突然想赞叹一下 goproxy/$:_.°★_ 。 说回正事，下个依赖整大半天，幸运的龟速下完，更悲惨的则是直接下不了。 对此，最简单的解决方案就是借用国内的镜像，借助 nrm 你可以轻松切换 npm 的...
2021-04-18 06:55:43
Below, I will share several optimization techniques in order of effectiveness. At the bottom, there will be a quick summary by category. I used to...
2021-04-18 06:55:43
下面按优化效果由高到低分享几个优化技巧，在最下面会有分类速览，也相当于一个总结。 我也曾以为，拆分子组件是用于抽象，但实践告诉我，拆分子组件是提升性能的一种方式（特定情况）。 在我的实际工作中遇到这么个问题，有一个很大的表格，里面有多个新增条目的对话框，当数据很多的时候，**在弹框中**填...
2021-04-05 19:11:16
**本文为 The Art of Readable Code by Dustin Boswell and Trevor Foucher 的读书笔记** 能看懂的意思是能够改功能、加功能、debug，看懂所需时间越短越好。这甚至不一定是为了别人，如果你自己写出来的东西自己半年后都看不懂了，那就...
2021-03-30 07:28:46
本文翻译自 A Complete Guide to the Table Element，省略了部分小节。因为本文写于 2013 年，部分信息已经过时，我也作了小部分调整。另外，在一些不好理解的地方添加了一点解释。 `