随笔

28

手写一个基于 Proxy 的缓存库

• jump__jump   2月17日发布
• 20 收藏

两年前，我写了一篇关于业务缓存的博客 前端 api 请求缓存方案, 这篇博客反响还不错，其中介绍了如何缓存数据，Promise 以及如何超时删除（也包括如何构建修饰器）。如果对此不够了解，可以阅读博客进行学习。

3

聊聊不可变数据结构

• jump__jump   1月25日发布
• 2 收藏

三年前，我接触了 Immutable 库，体会到了不可变数据结构的利好。Immutable 库具有两个最大的优势: 不可修改以及结构共享。不可修改(容易回溯，易于观察。减少错误的发生) {代码...} 结构共享( 复用内存，节省空...

4

使用 AVIF 图片格式

• jump__jump   1月13日发布
• 3 收藏

众所周知，一图胜千言，图片对于视觉的冲击效果远大于文字。但对于我们的互联网而言，传输与解析一张图片的代价要远比"千言"大的多的多(目前上亿像素已经成为主流)。

4

组织和管理 CSS

• jump__jump   2020-12-08 发布
• 3 收藏

在项目开发的过程中，基于有限的时间内保质保量的完成开发任务无疑是一场挑战。在这场挑战中我们不但要快速处理自己的问题，还需要与别人协同合作，以避免两者之间的冲突。

1

总结对象安全访问处理方案

• jump__jump   2020-11-15 发布
• 1 收藏

在前端项目开发与生产的过程中，“cannot read property of undefined”是一个常见的错误。从不可知得到一个空数据问题在所难免。面对这种问题我们该怎么办呢？

1

命令行错误提示—谈谈模糊集

• jump__jump   2020-11-12 发布
• 1 收藏

可以看到，当前代码不仅仅提示了当前你输入的配置错误。同时还提供了类似当前输入的近似匹配指令。非常的智能。此时，我们需要使用算法来计算，即模糊集。

4

利用 XState(有限状态机) 编写易于变更的代码

• jump__jump   2020-10-20 发布
• 3 收藏

目前来说，无论是 to c 业务,还是 to b 业务，对于前端开发者的要求越来越高，各种绚丽的视觉效果，复杂的业务逻辑层出不穷。针对于业务逻辑而言，贯穿后端业务和前端交互都有一个关键点 —— 状态转换。

5

根据背景色自适应文本颜色

• jump__jump   2020-10-07 发布
• 5 收藏

如果标签仅仅只提供几种颜色可能无法满足各个用户的实际需求。那么系统就需要为用户提供颜色选择。事实上我们完全无法预知用户选择了何种颜色，那么如果当前用户选择了黑色作为背景色，同时当前的字体颜色也是黑...

4

重修算法(1)—以 O(n) 复杂度构建树结构

• jump__jump   2020-08-23 发布
• 4 收藏

曾经看过一部网络小说，主角在轮回中的第九世是个大反派。而全书都是主角在努力修炼改变第九世，算是圆满自己的修行。因为一些原因没看完，只是记得书名好像叫做《重修第九世》，但是利用收索引擎却没有找到这本...

23

玩转 CSS 变量

• jump__jump   2020-08-20 发布
• 15 收藏

如果当年的 CSS 预处理器变量对于初入前端的我来说是开启了新世界的大门，那么 CSS 变量对于我来说无疑就是晴天霹雳。其功能不但可以优雅的处理之前 js 不好处理或不适合的业务需求。更在创造力无穷的前端开发者...

8

聊聊游戏开发与动画利器 raf

• jump__jump   2020-06-01 发布
• 4 收藏

如果使用其他语言开发游戏，无论游戏本身大小与否，我们都需要游戏引擎来帮助我们构建开发，而对于浏览器来说，我们在开发小游戏时候，利用浏览器本身提供的组件和 api 就可以直接进行业务处理，我们也可以更加高...

7

移动端列表查询最佳实践

• jump__jump   2020-05-05 发布
• 5 收藏

对于 pc 端列表查询来说，前端通常是给与服务端当前需要获取的数据量(如 pageCount，limit 等参数)以及所需要获取数据的位置(如 pageSize，offset 等参数)作为查询条件。然后服务端然后返回数据总数，以及当前数...

12

探讨不需要打包的构建工具 Snowpack

• jump__jump   2020-04-30 发布
• 6 收藏

当谈到前端构建工具，就不得不提的功能强大的 Webpack, 尤其是在最新版本中提出了 Module Federation 功能，该功能进一步增强了 Webpack 的实际作用。我相信凭借 Webpack 这几年的积累，恐怕未来几年内没有哪一个...

3

读 《HTML5 揭秘》有感

• jump__jump   2020-04-04 发布
• 3 收藏

一份技术规范和他的具体实现必须要做到步调一致。实现先于规范完成不是什么好事情，因为人们会开始依赖这些已实现的细节，这样会对规范造成制约。然而，你也不希望在规范已经完成时还没有任何相关的具体实现与实...

4

记一次小程序样式优化重构

• jump__jump   2020-03-24 发布
• 2 收藏

上周花了 3 天的时间和老大一起重构了一下小程序的样式开发，虽然说在开发的过程中遇到了一些问题，但是最终减少了不少样式代码，同时功能上也更加强大。进一步来说，如果在后面我们的小程序用户想要自己定制化主...

4

从微前端聊聊架构演进

• jump__jump   2020-02-03 发布
• 4 收藏

就目前来看，微前端已经不是一个新话题了。随着越来越多的公司的深入研究，当前也提出了很多的解决方案。不过本文不是想要来介绍微前端，更想介绍项目如何一步步到达微前端架构的实际需求。

7

记一次愚蠢的 issue (css env)

• jump__jump   2020-01-21 发布
• 2 收藏

在去年 11 月份中旬，随着有赞 Vant Weapp 库 1.0 版本的正式发布，我们的小程序也是立即跟随官方的脚步，着手把依赖库升级了一下。但是却发现 Vant Weapp 对于苹果的底边适配却在微信开发者工具中消失了。在不了...

4

小程序跨页面交互的作用与方法

• jump__jump   2020-01-07 发布
• 3 收藏

去年年末，微信小程序的分包大小已经到达了 12M 大小,一方面说明小程序的确逐步为开发者放开更大的权限，另一方面也说明了对于某些小程序 8M 的大小已经不够用了。我个人今年也是在开发一个 to B 小程序应用。这...

8

谈谈魔法消失UI框架 Svelte

• jump__jump   2020-01-04 发布
• 7 收藏

最近基于公司业务需求，可能会要开发一款浏览器插件，调查后发现插件UI开发本质上就是开发页面。于是我便开始寻找一个非常小又非常快的新玩具(工具)。毕竟前端 3 大框架无论哪一个去开发浏览器插件都无异于大炮打...

12

2020年 我要这样写代码

• jump__jump   2019-12-19 发布
• 5 收藏

可惜的是: 当时仅仅回复了一些自己的想法，如多看开源代码，多读书，多学习，多关注业界的动向与实践，同时也列了一些原则。但是这些并没有所总结，又或者说没有例子的语言始终是空泛的。所以在今年年底之际，对...