QBorfy_社区达人页

2023年12月

• 12.20 16:57:50
  发表了文章 2023-12-20 16:57:50

  前端自动化UI测试的完整方案

  前端自动化UI测试的完整方案
• 12.20 16:53:31
  发表了文章 2023-12-20 16:53:31

  低代码平台加载远端组件解决方案(1)——defineAsyncComponent

  低代码平台加载远端组件解决方案(1)——defineAsyncComponent
• 12.20 16:48:06
  发表了文章 2023-12-20 16:48:06

  前端算法基础-链表

  前端算法基础-链表
• 12.20 16:46:21
  发表了文章 2023-12-20 16:46:21

  从nest.js中了解IoC和DI的实现

  从nest.js中了解IoC和DI的实现
• 12.20 16:45:22
  发表了文章 2023-12-20 16:45:22

  前端面试100道手写题（7）—— 循环轮播图

  前端面试100道手写题（7）—— 循环轮播图
• 12.20 16:43:31
  发表了文章 2023-12-20 16:43:31

  一次性完整学完搭建PWA项目

  一次性完整学完搭建PWA项目
• 12.20 16:40:07
  发表了文章 2023-12-20 16:40:07

  Hexo博客添加GitHub评论功能

  Hexo博客添加GitHub评论功能

2023年07月

• 07.13 17:37:41
  发表了文章 2023-07-13 17:37:41

  前端面试100道手写题（6）—— 虚拟滚动

  虚拟滚动在前端中是一个很常见的解决方案，由于浏览器对于内存的限制，当页面需要展示大量 DOM 节点（如：列表数据超过 10 万）的时候，如果完整渲染整个 DOM 树，当页面数据需要更新重新渲染的时候就会出现滚动卡顿，这个时候就需要虚拟滚动去模拟浏览器原生滚动事件，从而避免这个卡顿情况。
• 07.13 17:37:12
  发表了文章 2023-07-13 17:37:12

  前端面试100道手写题（5）—— Router路由

  前端路由，大家都使用过，那么有没有想过它是怎么实现的吗？如：Vue-Router 或者 React-Router。或许有个大概印象，但是真正要自己去实现还是没有什么思路，那么这篇文章将完整的实现思路去实现一次。
• 07.06 18:32:02
  发表了文章 2023-07-06 18:32:02

  前端架构成长之路——微前端系列(二)之qiankun框架实战

  用微前端架构去对某个古老项目进行框架升级
• 07.06 18:28:30
  发表了文章 2023-07-06 18:28:30

  前端面试100道手写题（4）—— 深浅拷贝

  深浅拷贝经典前端面试题，不仅仅只是实现逻辑，更加是对整个Javascript语言的实现背后一套理论，从基础数据类型到原型链一整套知识体系的熟悉程度，下面我们就从简单到困难一一实现。
• 07.06 18:23:28
  发表了文章 2023-07-06 18:23:28

  前端面试100道手写题（3）—— EventBus

  EventBus作为发布订阅设计模式的经典应用场景，很值得我们去学习研究它的实现原理。
• 07.06 18:20:21
  发表了文章 2023-07-06 18:20:21

  前端面试100道手写题（2）—— throttle与debounce

  前端面试100道手写题第二篇《throttle与debounce》，说一下为什么选这两个，其实大家都有在用
• 07.06 18:14:21
  发表了文章 2023-07-06 18:14:21

  前端面试100道手写题（1）—— 手写Promise实现

  今年的金三银四面试，遇到了很多新的面试八股文，其实心里对手写题或者算法题有一定抵触，因为实际工作中基本上就不会用到这些东西，但是正因为这些基础八股文，才能真正验证一个人对技术有多热爱的程度。也有可能近几年没有对这些基础知识进行巩固，所以干脆一狠心，先立个flag, 准备完成100道手写题。
• 07.06 18:10:57
  发表了文章 2023-07-06 18:10:57

  如何用vite+vue-next快速开发chrome插件

  之前写过一篇文章《从开发chrome插件到插件系统设计》，主要讲述了如何开发一个chrome插件和chrome插件设计，感兴趣的同学可以再去看看。
• 07.06 18:06:33
  发表了文章 2023-07-06 18:06:33

  Typescript基础：如何更好的生成Typescript声明文件.d.ts

  Typescript已经被前端广泛使用，如果你的项目还没有使用，建议赶紧使用起来，真的会对你的项目有足够的提升
• 07.06 18:02:59
  发表了文章 2023-07-06 18:02:59

  前端MonoRepo实战：pnpm+nx搭建MonoRepo项目

  之前大多数是理论知识，能让我们知道pnpm 和nx 是什么，但是具体要到项目实战就有点懵，不知道从而下手，下面我们就一步步开始搭建pnpm+nx的Monorepo仓库。
• 07.06 17:57:46
  发表了文章 2023-07-06 17:57:46

  从开发chrome插件到插件系统设计

  最近ChatGPT的技术概念很火热，开发了一个node-gptcommit开源项目，主要利用GPT用来自动生成git commit的信息。
• 07.06 17:53:01
  发表了文章 2023-07-06 17:53:01

  还在用轮询吗，SSE服务端推送实现页面实时更新

  最近开发一个页面碰到一个需求，需要对部分数据需要实时更新状态
• 07.06 17:49:31
  发表了文章 2023-07-06 17:49:31

  Node冷门知识点—— node.js支持import语法

  Node冷门知识点—— node.js支持import语法
• 07.06 17:44:30
  发表了文章 2023-07-06 17:44:30

  可以从ChatGPT学到什么（二）—— 利用AI自动生成git commit信息

  自从上一次写完可以从ChatGPT学到什么(一)，简单对ChatGPT有一定了解后，其背后的技术原理是基于OpenAI GPT-3协议去实现的智能对话的。
• 07.06 17:39:13
  发表了文章 2023-07-06 17:39:13

  30分钟搞懂Rollup+Typescript工程构建（二）

  在本文中不讨论Typescript的具体用法，我们将学习如何将Typescript代码转为JavaScript。
• 07.06 17:34:44
  发表了文章 2023-07-06 17:34:44

  30分钟搞懂Rollup+Typescript工程构建（一）

  最近在研究一个ngptcommit命令行工具，然后想通过Rollup+Typescript去编译的时候，发现对Rollup和Typescript的编译配置有点陌生，所以希望通过本文能够对其有个系统的认知。
• 07.06 17:29:17
  发表了文章 2023-07-06 17:29:17

  Node冷门知识点——require('node:path')

  今天在看Vite的源码时候，发现有个用法很神奇
• 07.06 17:26:54
  发表了文章 2023-07-06 17:26:54

  从pnpm到npm的核心管理机制（二）

  使用可能会遇到的问题
• 07.06 17:23:30
  发表了文章 2023-07-06 17:23:30

  从pnpm到npm的核心管理机制（一）

  我们应该了解完整的npm包管理生态，然后才可以得知为什么pnpm打击了哪些痛点，以及如何应用到我们的实际项目中。
• 07.06 17:17:24
  发表了文章 2023-07-06 17:17:24

  为什么从egg.js到nest.js（二）

  进入部门工作后，接触到的node.js服务端框架，是egg.js，后面基于扩展增加了很多插件，比如：@Controller @Service等注解，还有针对egg-framework 定制化部门使用的底层framework。

  
• 07.06 17:14:59
  发表了文章 2023-07-06 17:14:59

  为什么从egg.js到nest.js（一）

  进入部门工作后，接触到的node.js服务端框架，是egg.js，后面基于扩展增加了很多插件，比如：@Controller @Service等注解，还有针对egg-framework 定制化部门使用的底层framework。
• 07.06 17:08:10
  发表了文章 2023-07-06 17:08:10

  用JS实现一个JS引擎竟如此简单（二）

  这是很久之前的一个念想，当时为了加深自己对js的理解，明白js引擎是如何工作的。 于是从上网找了一个giao-js，感觉还不错，因此想学习一下。
• 07.06 17:04:54
  发表了文章 2023-07-06 17:04:54

  用JS实现一个JS引擎竟如此简单（一）

  这是很久之前的一个念想，当时为了加深自己对js的理解，明白js引擎是如何工作的。 于是从上网找了一个giao-js，感觉还不错，因此想学习一下。
• 07.06 16:58:31
  发表了文章 2023-07-06 16:58:31

  从0开始学习FlexBox布局

  之前研究过一篇《移动端适配总结》，里面主要通过布局不变，改变布局组件元素的大小去适应移动端。但是这种方式对于PC端或者Pad等大屏幕并不适合，所以从想找找看是否有新的方案能否满足跨端自适应布局方式。
• 07.06 16:55:08
  发表了文章 2023-07-06 16:55:08

  前端架构成长之路——微前端架构理论篇

  最近项目开发中使用了qiankun框架去做微前端，我是属于半懂不懂的状态，大概了解过微前端是什么，可以解决什么问题，但是没有并系统的认识和从0实战过。

  
• 07.06 16:51:13
  发表了文章 2023-07-06 16:51:13

  低代码系列——js沙箱设计（二）

  由于自己参与过低代码平台开发，所以希望能把我自己开发低代码中遇到的问题或者一些设计思路进行总结汇总，这是开始写的第一篇，也是比较基础的一篇，关于低代码平台的介绍会放在介绍篇章，这篇就不做过多介绍。
• 07.06 16:46:12
  发表了文章 2023-07-06 16:46:12

  低代码系列——js沙箱设计（一）

  由于自己参与过低代码平台开发，所以希望能把我自己开发低代码中遇到的问题或者一些设计思路进行总结汇总，这是开始写的第一篇，也是比较基础的一篇，关于低代码平台的介绍会放在介绍篇章，这篇就不做过多介绍。
• 07.06 16:43:30
  发表了文章 2023-07-06 16:43:30

  可以从ChatGPT学到什么(一)

  最近chatgpt智能对答火的一塌涂地，就是你找chatgpt咨询，它不仅能理解你的意思，还能给出准确的答案，而且能够从上下文理解你的意思。
• 07.06 16:39:16
  发表了文章 2023-07-06 16:39:16

  理解React中Fiber架构(二)

  自从React16版本更新了Hook用法，同时引入了新的Fiber架构去重构整个渲染和事件处理过程，React团队引入Hook是为了更好剥离业务代码，让开发能更加友好的抽象代码，达到低耦合的函数组件目的，那么重构Diff算法，引入Fiber架构是为了什么呢？ 其实只是为了能够一个目标快速响应，原先Diff算法时间复杂度为O(n3) O(n^3)O(n3) ，最后经过Fiber重构达到了O(n)O(n)O(n)，这里面具体有什么门道，值得我们去深入研究一下。
• 07.06 16:35:44
  发表了文章 2023-07-06 16:35:44

  理解React中Fiber架构(一)

  自从React16版本更新了Hook用法，同时引入了新的Fiber架构去重构整个渲染和事件处理过程，React团队引入Hook是为了更好剥离业务代码，让开发能更加友好的抽象代码，达到低耦合的函数组件目的，那么重构Diff算法，引入Fiber架构是为了什么呢？ 其实只是为了能够一个目标快速响应，原先Diff算法时间复杂度为O(n3) O(n^3)O(n3) ，最后经过Fiber重构达到了O(n)O(n)O(n)，这里面具体有什么门道，值得我们去深入研究一下。
• 07.06 16:31:53
  发表了文章 2023-07-06 16:31:53

  移动端适配方案总结（二）

  由于自己太久没开发移动端的页面，个人觉得移动端开发相比较PC端开发最大的不同，在于需要去适配各种尺寸的手机屏幕，尤其还有1px的问题。
• 07.06 16:26:52
  发表了文章 2023-07-06 16:26:52

  移动端适配方案总结（一）

  由于自己太久没开发移动端的页面，个人觉得移动端开发相比较PC端开发最大的不同，在于需要去适配各种尺寸的手机屏幕，尤其还有1px的问题。
• 07.06 16:23:02
  发表了文章 2023-07-06 16:23:02

  前端安全-JS原型链污染是怎么回事

  面试题经常会提到一个问题，就是前端安全问题哪些
• 07.06 16:19:54
  发表了文章 2023-07-06 16:19:54

  有了GPT-3，再也不用手写commit message(翻译)

  本文翻译的目的，主要想了解GPT3是什么，以及目前大家使用GPT3用来做什么，以及如何开发GPT3。
• 07.06 16:15:17
  发表了文章 2023-07-06 16:15:17

  Linux如何快速删除大量文件

  最近服务器经常遇到磁盘占用空间满的告警，因此跟进定位问题后，发现原来是airflow的有好几个任务每分钟都在产生日志文件，导致磁盘空间占用率暴涨，因此想了几个策略
• 07.06 16:07:40
  发表了文章 2023-07-06 16:07:40

  从Z-Library到了解IPFS去中心化技术

  最近想下载一些免费的电子书，然后找到一个推荐的网站，说是去中心化图书馆，利用去中心化，可以永久有效的，就是Z-Library，因此觉得挺有趣，所以适合简单研究一下。
• 07.06 16:04:56
  发表了文章 2023-07-06 16:04:56

  从null、undefined、NaN的区别了解JS的原型链

  由于在面试经常会遇到问题null，undefined，NaN之间的区别，因此想要深入且系统了解一下这些代表空之间的区别，以及它们底层的原理——原型链，同时还要搞明白__proto__和prototype分别是什么。
• 07.06 15:59:56
  发表了文章 2023-07-06 15:59:56

  如何在页面展示数学公式之Latex语法

  最近在做markdown 算法文章分享，算法肯定会涉及到数学复杂度，比如: O(log_nX) 等数学公式的展示，但是如果写成这样子lognX，估计很难准确表达，因此上网搜索了一下数学表达式在前端页面如何展示的相关技术。
• 07.06 15:56:30
  发表了文章 2023-07-06 15:56:30

  从npm版本依赖到Monorepo大仓项目

  前端的发展很快，自从node.js的出现，打开前端新的大门，npm让js有了自己的包管理能力，能够让前端项目工程化，从而能够处理更加复杂的前端项目。
• 07.06 15:50:46
  发表了文章 2023-07-06 15:50:46

  从审批流到bpmn-js入门

  公司内部由于需要很多审批地方，一开始采用邮件或者企业微信进行口头审批，一般会抄送相关人员，以达到初步审批的效果，但是随着审批越来越复杂，比如有时候需要驳回或者转接，甚至需要调用其他系统接口继续流程的时候，就很麻烦，因此迫切需要一个工作流去解决审批相关事情。
• 07.06 15:37:34
  发表了文章 2023-07-06 15:37:34

  浏览器页面卡住定位分析

  有童鞋在xxx系统页面反馈，遇到在弹出框后整个页面卡住无法使用的情况，属于必现问题。因此需要跟踪定位问题。

  
• 07.06 15:29:03
  发表了文章 2023-07-06 15:29:03

  java tomcat服务无缘无故挂掉分析和解决方案

  最近有同事反应有时候xxx系统有时候会时不时出现服务异常提示，一上机器，发现xxx服务进程不在，重启服务后又恢复了，所以这边就需要去跟进问题。