# 引言 这几天帮朋友忙，用了一周时间，高仿了一个钉钉审批流。这个东西会有不少朋友有类似需求，就分享出来，希望能有所帮助。为了方便朋友的使用，设计制作的时候，尽量做到节点配置可定制，减少集成成本。如果您的项目有审批流需求，这个项目可以直接拿过去使用。React初学者也可以把本项目当做研读案例，学习并 ...

转载自：https://www.jianshu.com/p/8f423e52b5d1 最近刚完成了一个产品的热更新功能，颇有感慨。趁着有点时间写点东西，希望能对其他开发者有点帮助吧。 为什么需要做热更新？ 这个问题不是本文的重点，但既然这篇文章是关于 React Native 热更新的，就大概说一下 ...

# React通过DvaJs订阅websocket消息 需求： 1. 前端采用React框架与后端通讯采用websocket的方式，客户端页面发送信息到后端，后端返回数据； 2. 后端会持续向前端发送参数，前端用表格显示数据； 需求分析： 1. 如果仅仅是发送消息到后端，后端返回数据，可以使用htt ...

基于React18 Hooks实现手机端弹框组件RcPop react-popup 基于react18+hook自定义多功能弹框组件。整合了msg/alert/dialog/toast及android/ios弹窗效果。支持20+自定义参数、组件式+函数式调用方式，全方位满足各种弹窗场景需求。 引入组 ...

这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 本文我们会先聊聊 DOM 的一些缺陷，然后在此基础上介绍虚拟 DOM 是如何解决这些缺陷的，最后再站在双缓存和 MVC 的视角来聊聊虚拟 DOM。理解了这些会让你对目前的前端框架有一个更加底层的认识，这也有助于你更好地理解这些前端框 ...

JSX语法  JSX是一种JavaScript的语法扩展（eXtension），也在很多地方称之为JavaScript XML，因为看起就是一段XML语法；  它用于描述我们的UI界面，并且其完成可以和JavaScript融合在一起使用；  它不同于Vue中的模块语法，你不需要专门学习模块语法 ...

最近开始一个React Native的新项目。按惯例，在创建完项目后，先集成CodePush热更新功能。 这种活已经干过不止一两次了，当然没啥问题，直接上手开干。 可问题恰恰出在了本以为应该很顺利的地方。 首先，在用 cpcn-client 工具给项目安装 cpcn-react-native 包时， ...

*最近项目中要做一个拖动排序功能，首先想到的是之前项目中用过的antd自带的tree和table的拖动排序，但是只能在对应的组建里使用。这里用的是自定义组件，随意拖动排序，所以记录一下实现流程* 1. ***react-dnd*** antd组件的拖动排序都是用的这个库，使用比较灵活，但是要配置的东 ...

本文以 `React`、`Vue` 为例，介绍下主流的渲染模式以及在主流框架中如何实现上述的渲染模式。 ## 前置知识介绍 看渲染模式之前我们先看下几个主流框架所提供的相关能力，了解的可跳到下个章节。 ### 挂载组件到 DOM 节点 这是主流框架最基本的能力，就是将组件渲染到指定的 `DOM` 节 ...

尽管写过 outlet 路由的配置。 考虑到 token 判定和 路由页 变更，我不了解v6是不是有更详解的做法。 决定调一下配置，期望 在任何页面异步更新时，token 都可以在跳转前 被检测到，防止无 token 跳转发生。 补上404页面( 地址栏 页面不存在时，展示404页面 ) ![](h ...

之前写了两个 `demo` 讲解了如何实现 `SSR` 和 `SSG`，今天再写个 `demo` 说在 `ISR` 如何实现。 ## 什么是 ISR `ISR` 即 `Incremental Static Regeneration` 增量静态再生，是指在 `SSG` 的前提下，可以在收到请求时判定页 ...

1.1 React介绍 1.1.1. 官网 英文官网: https://reactjs.org/ 中文官网: https://react.docschina.org/ 1.1.2. 介绍描述 用于动态构建用户界面的 JavaScript 库(只关注于视图) 由Facebook开源 1.1.3. Re ...

### 背景 在项目中有集成低代码平台的想法,经过多方对比最后选择了 amis,主要是需要通过 amis 进行页面配置,导出 json 供移动端和 PC 端进行渲染,所以接下来讲一下近两周研究 amis 的新的以及一些简单经验,供大家参考. ### 什么是 amis amis 是一个低代码前端框架， ...

上次写了一个 `SSR` 的 `DEMO`，今天写个小 `Demo` 来从头实现一下 `react` 的 `SSG`，来理解下 `SSG` 是如何实现的。 ## 什么是 SSG `SSG` 即 `Static Site Generation` 静态站点生成，是指将在构建时就提前生成静态 `HTML` ...

# React SSR - 写个 Demo 一学就会 今天写个小 `Demo` 来从头实现一下 `react` 的 `SSR`，帮助理解 `SSR` 是如何实现的，有什么细节。 ## 什么是 SSR `SSR` 即 `Server Side Rendering` 服务端渲染，是指将网页内容在服务器端 ...

# 背景 随着`ChatGPT`的火热，国外很多开发者快速响应，应用于不同场景的AI应用井喷式的爆发，并且基本集中在`web`领域应用，而在快速开发的背后，我们可以看到，开发者大多选择`Next.js`或者`Nuxt.js`全栈框架来开发，以快速验证自己的产品。这种选型的背后，我觉得主要原因有： - ...

前几天打算给博客添加一个图片预览的效果，可在网上找了半天也没找到合适的库，于是自己干脆自己手写了个。 ...

概述 生命周期的每个阶段总是伴随着一些方法的调用，这些方法就是生命周期的钩子函数 钩子函数的作用：为开发人员在不同操作阶段提供了十几 只有 类组件 才有生命周期 生命周期的图片： 同时有： 1.1 创建时 的生命周期执行顺序 编写以下代码，从而验证constructor,render,compone ...

某次在Uniapp群看到有人问uniapp如何操作dom元素。  他想对这张表标红的区域，做dom元素获取，因为产品 ...

Storybook 刚刚达到了一个重要的里程牌：7.0 版本！为了庆祝，该团队举办了他们的第一次用户大会 - [Storybook Day](https://storybook.js.org/day)。为了更特别，在活动页面中添加了一个视觉上令人惊叹的 3D 插图。 原文：[How we built ...