用esbuild创建自己的js类库npm包

很久没有更新, 这次趁着周末有空, 赶紧把工作中碰到的问题进行一次总结. 并记录下来.最近碰到需要创建npm包的需求, 这里把他形成文档记录下来.

Mono Repo 简介及实现方法

本文介绍私有仓库包的管理模式 mono repo

esbuil用于create-react-app项目的热更新开发

webpack 用于大型项目中,特别是开发时候的热更新,速度太慢,原因是webpack 采用了整个项目所有文件一起打包的方案。 自从 vite 推出以来,打包这块做到了性能上的超越。vite 的原理是在SPA项目中,基于入口文件打包的,由于只打包一个文件,所以速度就上来了。 而无论是 vite 和 webpack 均是基于 esbuild 开发的。所以研究一下 esbuild 的配置是比较有价值的。 本项目是基于 create-react-app 创建项目,再用 es-build 作为开发热更新打包。

Web性能优化(最后更新时间:2021-10-26)

本文根据这篇文章:Best Practices for Speeding Up Your Web Site,被称作”雅虎35条军规”,虽里面有的东西虽说也已经过时,但可以由此窥探前端发展的历程,一些过时的建议会略去解释。

创建自己的node cli

经常使用create-react-app作为命令行生成项目,总想着自己能配置一个属于自己的命令行工具,很酷炫的样子。最近有时间,终于来实现了

react-ssr服务端渲染

服务端渲染能解决首屏加载过慢的问题,近年来这是一个趋势,这里写一个react的demo,以免忘了。

node处理ES6模块及动态模块导入

本文阐述了两个方面的内容。1. node处理ES6模块,大部分参考了阮一峰老师的文章 2. 动态模块导入

react组件变外控的几种方式:eventEmitter、ref、props_this

最近很忙,搁了很久没更新了,趁着今天空闲来更新一波。组件外控的好处是能使得React最近解锁了组件传值的新模式,EventEmitter,fb也封装了一个fbemitter的组件,用于fb网站间的传值。用过vue的小伙伴对event emitter肯定不陌生。这里结合react的使用来简单说明一下用法。

发布自己的npm-package流程

最近工作需要,需发布自己的npm包,这里写一个简单的demo,做一个简单的记录。

JWT自学笔记

JWT是一种跨域鉴权技术,现广泛运用于各大网站,本文结合demo代码简单阐述,本篇的概念部分1到4点搬运了阮大神的这篇文章,第5点结合我自己写的一个Demo来实现具体的JWT业务

12345