https://blog.ljt.com 一个专注于前端、后端和数据库技术分享的个人博客，记录开发过程中的思考和总结。 zh-CN Sat, 13 Jun 2026 09:42:08 GMT https://blog.ljt.com/articles/73 https://blog.ljt.com/articles/73 Mon, 08 Jun 2026 13:33:40 GMT blog https://blog.ljt.com/articles/72 https://blog.ljt.com/articles/72 Sun, 07 Jun 2026 21:42:52 GMT 全流程部署？基于gitHub加自己的云服务搭建整套cicd流 https://blog.ljt.com/articles/11 https://blog.ljt.com/articles/11 Mon, 15 Sep 2025 06:28:15 GMT next 客户端与服务的组件的拆分 https://blog.ljt.com/articles/10 https://blog.ljt.com/articles/10 Mon, 21 Jul 2025 05:26:57 GMT SEO其实也就是搜索引擎优化，用来获得更多的流量 曝光度的东西，一般官网，营销产品，博客这些用的比较多，刚好写的个人博客需要用到。 https://blog.ljt.com/articles/9 https://blog.ljt.com/articles/9 Mon, 07 Jul 2025 22:09:14 GMT 开源的wordpress的主题有点丑，且功能不是很全，访客信息收集不是很准确，信息移植不友好，就重新写一个吧，刚好可以学习一下nest。 技术栈： 前端：react + next + ts+monorepo ,文本编辑器使用掘金开源的,组件库使用antd 后端：nest + jwt + typeORM ，数据库使用mysql。   一期规划：博客基础功能，seo优化，数据备份，站点无痛迁移,还有就是对于游客来访记录的采集了（wordpress的数据不太准，而且备份的不了图片，导致站点迁移时，会丢数据） 二期规划：AI功能 + 自定义主题+支持国际化   ui设计可以使用蓝湖的ai功能，还是比较规范的。 https://blog.ljt.com/articles/8 https://blog.ljt.com/articles/8 Thu, 24 Apr 2025 07:09:40 GMT 看一下setState原理，state批处理，为什么同步下 state会合并处理，为什么setState(v=>v)可以拿到最新的state 先看下这段代码，都知道，会分为两次render，那么想一下，为什么 https://blog.ljt.com/articles/70 https://blog.ljt.com/articles/70 Sat, 22 Mar 2025 06:51:53 GMT 需要对react的整个流程了解，可以看下前两篇文章 分为了两个流程，挂载和更新，区分挂载和更新就是依靠的当前处理的fiber节点所映射的另一个fiber节点是否存在 在renderWithHooks里初始化ReactCurrentDispatcher.current，然后再去执行的我们的组件函数，组件函数执行对应的hooks，hooks执行的时候ReactCurrentDispatcher.current.hooks执行 https://blog.ljt.com/articles/69 https://blog.ljt.com/articles/69 Sat, 01 Mar 2025 06:17:16 GMT 源码，过一下diff算法的细节！！！！！ 入口位置 react/packages/react-reconciler/src/ReactFiberWorkLoop.new.js 这里源码做了删减，只保存了主流程 https://blog.ljt.com/articles/68 https://blog.ljt.com/articles/68 Wed, 19 Feb 2025 04:57:58 GMT 处理之后的源码的地址  https://github.com/raotaohub/as-you-see-react ，直接拉下来就可以调试了，不用任何配置 调试源码之前需要对react的整个流程了解，对于原理也是需要了解的，可以推荐看下卡颂的react原理揭秘。看源码，必定是带着疑惑去的，解答自己的疑惑，看源码没必要钻牛角尖，忽略没必要的细节，例如某些没必要的参数，主要是搞清主流程 首先，需要对react的渲染流程需要有个大致的理解 https://blog.ljt.com/articles/67 https://blog.ljt.com/articles/67 Sun, 12 Jan 2025 05:13:28 GMT 前面的项目都用到了monorepo，这里回顾下 Monorepo：单个仓库多项目管理，一种项目代码管理方式，相关的解决方案还有turborepo，lerna等 使用下来的体验：统一工程化配置，代码风格 代码复用的同时仍然保持了业务场景的独立，模块分明 编码方便 相同版本依赖提升到 Monorepo 根目录下，减少冗余依赖安装；使用 pnpm 按需安装及依赖缓存。 但也存在一些问题：难以控制git的权限问题（粒度较粗，拥有了仓库的权限即拥有了仓库下所有项目的权限，解决方案可以看下这篇文章https://www.satellytes.com/blog/post/monorepo-codeowner-github-enterprise/） 项目庞大后，会比较难以管理 https://blog.ljt.com/articles/65 https://blog.ljt.com/articles/65 Mon, 14 Oct 2024 04:05:54 GMT ！ 前面已经讲了 远程组件加载的几种方式，这里具体的实现一下（这里就不具体的去陈述异步模块加载了，默认已经懂了） 首先我们先观察下，基于amd打包之后的代码 其实就是一个define方法 https://blog.ljt.com/articles/66 https://blog.ljt.com/articles/66 Thu, 10 Oct 2024 04:35:39 GMT 码仓：https://github.com/webpack/webpack.git https://blog.ljt.com/articles/64 https://blog.ljt.com/articles/64 Sun, 11 Aug 2024 04:03:08 GMT 从打包之后的代码，看一下webpack如何实现的懒加载 懒加载的本质，代码分离，按需加载 这里使用的是最常用的import 先看一下懒加载效果 首次进入 点击div元素后加载module test代码 https://blog.ljt.com/articles/63 https://blog.ljt.com/articles/63 Sun, 04 Aug 2024 07:57:29 GMT 项目中遇到了循环依赖的问题，便浅浅分析一下。。。 基于打包后的代码逆向分析 webpack是如何实现es与cjs这两种模块化的 测试环境搭建：   依赖 https://blog.ljt.com/articles/62 https://blog.ljt.com/articles/62 Thu, 28 Mar 2024 03:08:05 GMT 也是今天突然的回想到了这个问题，然后想通了；。。。 关于前面做低代码时，做远程组件的加载，拿到远程组件后，函数式组件的setState进去，渲染时会崩掉的问题。 原因在于setState是可以接收两种参数的，传入一个函数的话，他会执行后返回函数的执行结果，在去set一个新的状态，这个的话是react的基础问题了。 https://blog.ljt.com/articles/61 https://blog.ljt.com/articles/61 Wed, 13 Mar 2024 15:11:02 GMT 静水流深，光而不耀 https://blog.ljt.com/articles/60 https://blog.ljt.com/articles/60 Wed, 14 Feb 2024 06:31:55 GMT 这个自己确实研究了蛮久了，就是如何实现远程组件的加载。 因为对于业务组件一般来说，第一选择会发npm包，但是对于产品组件的话，第一就是组件过大，与独立的项目无异，迭代很频繁，有时需要更改线上的问题，且平台有时需要支持加载客户的第三方组件等问题，可以选择一个组件远程加载的方案去实现。   因为自己现在所做的产品，为了保证项目的扩展性，是需要支持用户可以上传自己的组件，且对于新的twin相关的产品线，也是需要支持组件可以进行远程加载的，就是说平台应用和产品组件是分离的。 对于超复杂的组件，是单独的提成了一个单独的项目去进行处理的，例如easyv中的数字孪生渲染的屏。然后在平台中去做一个按需引入。   给出的技术方案： 第一个就是组件的打包 组件为独立的一个项目，在打包时需要打包为一个单文件，组件打包代码为umd格式（可以去了解下umd，amd，以及cmd，esmodule规范）。将打包组件的js上传到cdn中（这里的话其实可以推荐使用阿里云的oss服务）。 第二个的话就是组件的加载。 https://blog.ljt.com/articles/59 https://blog.ljt.com/articles/59 Mon, 08 Jan 2024 23:47:49 GMT 使用OSS 对象存储服务来上传下载文件。例如版本更新公告，图片，其他文件等。 甚至可以用来存储前端组件，这个的话倒是比较复杂的。先看一下如何基本的使用 首先需要购买oss服务 创建一个bucket   项目中基本的使用 这里基于rollup创建了一个项目，经行构建打包 将打包文件放入到bucket中 直接在浏览器中访问即可，不过对于可以通过script标签在项目运行时进行一个动态引入。     这里如何向bucket中上传文件呢，除了可以在阿里云上面手动上传文件，还可以使用他提供的sdk去实现 核心方法 https://blog.ljt.com/articles/58 https://blog.ljt.com/articles/58 Sun, 17 Dec 2023 22:42:45 GMT 随着自己做的这个产品愈发的成熟，商业化也在推进，企业级用户越来越多，所以这期twin这边需要单独出个版本的更新公告。   主要点在与在同一设备中同一版本的公告只显示一次，其实可以抽象为同一浏览器。 实现的思路主要是通过package中的版本号加localstorage去实现，因为这边在每次发版时，都会去跟进package中的version的。   这边用的vite去搭建的项目，即在项目构建时，去拿到package中的version,在viteconfig的define选项中暴露出去 但是 这样也会有一个问题 ，就是，在有时会修复某一些线上的问题，那么这时，其实也会更改版本号，一般是后面小数点后一位加一，不过看公司的规范了，这时即使没有重新发版，但也会版本更新公告的显示也会有问题，那么在设置version时处理一下即可， https://blog.ljt.com/articles/57 https://blog.ljt.com/articles/57 Tue, 07 Nov 2023 22:25:53 GMT emmmm，主要解决的是一些样式上的问题 ，使用泛型二次封装一下 复选框只能叶结点存在，这里需要自己写一下渲染逻辑，当然，树形结构，使用递归即可