yangbingrui

25 年上半年总结 在工作上： 微前端进行了 pnpm + monorepo 的改造，将主应用及多个子应用应用于此架构。 将组件库、请求库迁移进上述 monorepo 架构...

基于浏览器的 view-transition-api 和react-router-dom 来实现路由切换动效。...

React Router 与 Framer Motion 集成实现路由切换动画 背景 在实现路由切换动画时，我们希望先渲染离开路由的动效，再渲染进入路由的动效。为此，我们选...

需求背景 今天处理了一个需求，需要将一个外部页面嵌入到我们自己的页面中，通过现有的微前端架构实现。 问题描述 外部页面的资源是以相对路径的形式引用的，例如使用 "publi...

第一章 GLSL ES 概述和基本规范 GLSL ES是在GLSL（OpenGL着色器语言）的基础上，删除和简化了一部分功能后形成的，ES版本主要降低了硬件功耗，减少了性能...

今天部署一个新项目时碰到了一个问题，项目要求的 node 版本跟构建服务器上的 node 版本不匹配， 考虑过直接升级构建服务的 node 版本，或者说在构建服务上安装 n...

Nicholas C. Zakas 是全世界最著名的 JavaScript 程序员之一。 今天突然看到大神在13年写的一篇长文，回顾自己的职业生涯，提到七个对他来说最重要的...

# 优化工具 - 基于sharp实现的图片格式转换、体积压缩功能. - 查找当前没有被依赖的文件资源, 并提供命令行交互式逐个删除功能....

分享项目中用到的 vue 自定义指令 表单防止重复提交 图片懒加载 一键 copy 的功能 自定义指令-点击事件节流 用法： 通过在浏览器控制台getEventListen...

在项目中，适当地对一些比较重的模块进行懒加载处理，能提高应用的初始化加载速度， nextjs提供了nextjs/dynamic这个模块来实现懒加载。 基础例子 加载情况可以...

在多个前端项目、数据中台的场景下，使用微前端技术 micro-app 进行应用集中化嵌入的改造与实践。...

问题： 使用nextjs官方给的nextjs-with-docker的 docker 模板构建出来的 nextjs 应用镜像拿不到docker run时，实时给的环境变量-...

关于使用前端绘图库antv-x6的绘制 er 图的一些要点记录，包括如何进行节点连接，如何校验连接等等。...