kongshu

摘要： React Fiber调度算法笔记 React 从v16开始引入了Fiber,为了支持时间分片，优先调度，支持渲染过程中中断，恢复。中断是为了让浏览器有机会响应更高优先级的事件。刚看到这个功能的时候就开始猜想，js是单线程的，要实现这个功能，React的渲染过程得自己将任务分片，每次执行一个分片，然 阅读全文

摘要： Webpack 打包实战 本文从一个简单的例子出发，比较一下，我们的代码经过webpack 打包后会变成啥样，带有HMR的情况下，会有什么不同 我们的代码 // index.js import {greeting} from './moduleA' let cleanup=null; functio 阅读全文

摘要： 介绍一下webpack hmr相关的API webpack首先将模块变成对象的一个属性，该属性是一个方法，调用它就返回最新的模块。模块的变更就变成了更新这些方法的定义。其次，webpack对于我们代码的import,做了拦截，会变成从它的模块对象里面去读取模块，同时它做了缓存。最后，当模块变化的时候 阅读全文

摘要： single-spa 源码解析 single-spa是一种微前端的实现方案。阿里的qiankun其实是基于这个项目做了二次开发，其实是做了个拓展，提供了html解析与js沙盒两个功能。本文从single-spa的代码实现角度解析一下它的实现原理。 前提假设 single-spa首先要求每个子应用需要 阅读全文

摘要： BaseHref 以及前端路由的问题 Base Href 是什么？ MDN, 说的直白一点就是，这个站点里面所有的访问主站的资源文件，都会在路由前面加上这个base href,包括*js,scss,image,ajax,......**。 如果一个DOM 里面有多个这样的base,只有第一个会起作用 阅读全文

摘要： 最近研究Strapi 源码，偶尔看到request-compose这个包，看到一个很简单很有用的compose方法的实现。 compose(...fns)(args),这个是compose方法的使用形式，它的目的是将某个参数按顺序依次传递给每个方法，前一个方法的返回是第二个方法的参数。它的难点是，这 阅读全文

摘要： Next-Auth 源码解析 简单介绍一下Next-Auth 源码的结构 目录简介 我们看packages/next-auth/src，这个目录下面是根目录，我们会看到下面的结构 --src -- client // 这个里面主要是封装了fetch 这个方法 -- core // 这个是主要的方法， 阅读全文

摘要： Signal in Angular Angular 16+ 开始引入了 Signal,按照官方的说法是为了替代 zone。当第一眼看到signal,我曾遐想翩翩，立刻想到了 Vue 中的Ref,又想到了mobx。然而，Angular 官方给的例子居然用了一个count,一个计数的例子。它居然不用对象 阅读全文

摘要： 介绍几个scss 与css 中的新的特性 css 中的@layer。用法如下 @layer low,high; @layer low{ .btn{ font-Size:10px; } } @layer high{ .btn{ font-Size:11px; } } @layer { .btn{ fo 阅读全文

摘要： 记录使用nginx 调试遇到的问题 在Azure 的Ubuntu VM 上，安装一个nginx, 搭建一个网络，提供https 访问，设置证书，自动刷新证书，安装docker, 同时docker 中运行一个网站。总结遇到的坑。 申请证书 安装Certbot 跟Nginx 插件 sudo apt-ge 阅读全文