基于 GraphQL 的 BFF 实践

2022-05-24
阅读 5 分钟
1.3k
随着软件工程的发展,系统架构越来越复杂,分层越来越多,分工也越来越细化。我们知道,互联网是离用户最近的行业,前端页面可以说无时无刻不在变化。前端本质上还是用户交互和数据展示,页面的高频变化意味着对数据需求的高频变化。在绝大多数场景中,页面数据都来自于服务端,因此对页面变化的感知势必会传递到服务端...

页面搭建系统的那些事儿

2022-04-29
阅读 4 分钟
948
在降本增效的大背景下,Low Code 这两年被大家讨论的比较多,社区里也有很多不错的解决方案涌现出来。对于前端来说,页面搭建是一种具体的 Low Code 实践形式,是一种已经被证明有效的技术和业务提效手段。

原来 flexbox 是这么工作的

2022-04-01
阅读 5 分钟
807
Flexbox 是一种 CSS 布局机制,可以说是目前浏览器原生支持的最好、使用最广泛的布局机制了。本文通过一些例子来说明 Flexbox 布局的工作原理,可以让我们更好的使用 Flexbox。

网页里的“选中复制”到底选了个啥?

2022-01-29
阅读 4 分钟
569
当我们在网页中选中某一段内容的时候,浏览器会添加选中效果来标识选中的范围。我们可以从左到右选,也可以从右到左选。我们可以选择文字,也可以选择图片,或者选择图片加文字。浏览器是如何处理我们的选中操作的呢?

使用 ES Module 的正确姿势

2022-01-22
阅读 4 分钟
2.4k
前面我们在深入理解 ES Module 中详细介绍过 ES Module 的工作原理。目前,ES Module 已经在逐步得到各大浏览器厂商以及 NodeJS 的原生支持。像 vite 等新一代的构建工具已经逐步使用 ES Module 并有计划的运用到生产环境中。因此,了解如何在浏览器以及 NodeJS 中使用 ES Module 是必要的。

用 vite 构建项目,同时支持微前端

2022-01-14
阅读 7 分钟
6.6k
得益于 esbuild 的超高性能,vite 在诞生之初就备受关注,且一直保持着活跃的开发迭代。截至目前,vite 已经迭代到了 2.7.10 版本,各方面也基本具备了在生产使用的条件。这段时间,我在项目中尝试了使用 vite 进行打包构建,本文就是这次构建的过程记录。

掌握前端构建的核心科技

2022-01-11
阅读 3 分钟
1k
这几年,前端领域内的构建工具层出不穷,除了 webpack,叫得上号的还有 esbuild、rollup、vite、snowpack、swc、parcle 等等。咋一看,不由得感叹一句“前端好卷啊~”。其实,细想来看,倒不是大家真的卷,而是前端还处在一个高速发展的过程中,很多方面还不成熟,因此会有很多的工具出现来解决不成熟的问题。而当规范、浏...

微前端框架 qiankun 技术分析

2021-12-21
阅读 5 分钟
2.6k
我们在single-spa 技术分析 基本实现了一个微前端框架需要具备的各种功能,但是又实现的不够彻底,遗留了很多问题需要解决。虽然官方提供了很多样例和最佳实践,但是总显得过于单薄,总给人一种“问题解决了,但是又没有完全解决”的感觉。

5 分钟快速掌握 shell 中的正则表达式

2021-12-10
阅读 3 分钟
1.3k
我经常会在命令行使用 grep 等命令处理一些文本查找的问题。在使用正则表达式的时候经常会碰到一些令人困惑的问题,比如同样的正则表达式在一个命令中可以用,在另一个命令中却不可以用。

微前端框架 single-spa 技术分析

2021-12-03
阅读 6 分钟
3k
single-spa 的文档略显凌乱,概念也比较多,初次接触它的同学容易抓不住重点。今天我们尝试整理出一条清晰的脉络,让感兴趣的同学能够快速理解它。

理解微前端技术原理

2021-11-24
阅读 4 分钟
1.7k
我最早是在 2016 年接触到微前端的,当时社区里以介绍概念居多,在实践方案,尤其是在业务落地方面应用的比较少。后来,随着方案逐渐成熟,社区里关于微前端的讨论越来越多。

如何实现一个简单的并发控制?

2021-10-18
阅读 3 分钟
3.4k
asyncPool 支持三个参数,第一个是并发数量,第二个是一组请求输入,第三个是返回 promise 的迭代函数。我们举一个例子来进行说明。

如何做好 NodeJS 框架选型?

2021-10-15
阅读 3 分钟
1.8k
作为一个有一定工作经验的工程师,工作中经常会遇到技术选型的问题。比如当我们在工作中需要使用到 NodeJS 时,第一个要解决的问题就是如何选择一个合适的框架。

如何实现一个快捷键响应系统

2021-09-28
阅读 7 分钟
1.6k
在 GitHub 的页面上有很多快捷键可以使用,比如键入 g + c 键选中 Code 标签页,键入 g + i 选中 Issues 标签页。这里是 GitHub 支持的快捷键列表。那么,这么丰富的快捷键,是如何来实现的呢?我们今天就通过 GitHub 官方的 @github/hotkey 来一窥究竟。

搞定 NodeJS 开发调试

2021-09-26
阅读 4 分钟
1.9k
代码调试有时候是一种充满挑战的工作,如果有一个趁手的调试工具的话,往往可以做到事半功倍的效果。得益于这些年的快速发展,在 NodeJS 生态中已经有了多种调试工具可以使用。我们今年就来分享几个常用的调试工具。

搞不定 NodeJS 内存泄漏?先从垃圾回收开始

2021-09-24
阅读 4 分钟
1.4k
手动管理需要开发者自己管理内存,什么时候申请内存空间,什么时候释放都需要小心处理,否则容易形成内存泄漏和指针乱飞的局面。C 语言开发是典型的需要手动管理内存的例子。

真香!原来 CLI 开发可以这么简单

2021-09-17
阅读 5 分钟
3.6k
CLI(命令行工具,Command Line Interface)大家都非常熟悉了,比如 create-react-app 等。我们今天介绍一个 CLI 工具的开发框架,可以帮助我们快速构建 CLI 工具。
封面图

我终于学会了黑客帝国中的矩阵雨

2021-09-15
阅读 8 分钟
2k
相信大家都对黑客帝国电影里的矩阵雨印象非常深刻,就是下面这个效果。效果非常酷炫,我看了一下相关实现库的代码,也非常简单,核心就是用好命令行的控制字符,这里分享一下。在 matrix-rain 的源代码中,总共只有两个文件,ansi.js 和 index.js,非常小巧。控制字符和控制序列ansi.js 中定义了一些命令行的操作方法,...
封面图