大家好，我是王天~ 这篇文章是 ts入门指南系列中第四篇，主要讲解ts中的泛型应用，泛型在ts中是比较重要的概念，我花挺长时间才搞明白的，希望能帮助到大家 ~ ** ts 入门指南系列 ** Ts和Js 谁更适合前端开发？| typescript 入门指南 01 详解tsconfig.json 配置 ...

基于react18.x+vite4+arco-design自研中后台管理系统解决方案ReactAdmin。 react-vite-admin 基于vite4搭建react18.x后台管理项目。使用了react18 hooks+arco.design+zustand+bizcharts等技术实现权限管 ...

1.React起源与发展 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决 定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源 了。 2.React与传统MVC的关系 轻 ...

前言 这两天在尝试用语雀＋ vuepress ＋ github 搭建个人博客。 小破站地址 ：王天的 web 进阶之路 语雀作为编辑器，发布文档推送 github，再自动打包部署，大概流程如下。 问题 我使用的elog插件批量导出语雀文档。elog采用的配置是所有文章平铺导出，没有按照语雀知识库目录 ...

Effect的概念起源 从输入输出的角度理解Effect https://link.excalidraw.com/p/readonly/KXAy7d2DlnkM8X1yps6L 编程中的Effect起源于函数式编程中纯函数的概念 纯函数是指在相同的输入下，总是产生相同的输出，并且没有任何副作用(si ...

前言 使用react-redux的朋友都经历过这种痛苦吧？ 定义一个store仓库，首先创建各种文件，比如reducer、action、store...，然后 将redux和react连接使用。整个流程繁琐，写起来代码冗余。 react-redux创建仓库，文件目录如下： 好怀念使用 vuex创建写 ...

theme: qklhk-chocolate highlight: a11y-dark react17放弃了之前的expirationTime而启用了lane模型，故而在原来16的基础上又产生了更多的二进制运算，在接下来的一段时间我打算把这些二进制运算都整明白了、 关于react为什么会启用lane ...

大家好，我是王天～ 今天咱们用 reac+reactRouter来实现页面级的按钮权限功能。这篇文章分三部分，实现思路、代码实现、踩坑记录。 嫌啰嗦的朋友，直接拖到第二章节看代码哦。 前言 通常情况下，咱们为用户添加权限时，除了页面权限，还会细化到按钮级别，比如、新增、删除、查看等权限。 如下效果， ...

趁着国庆前夕整了一个vite4结合react18搭建后台管理模板，搭配上字节团队react组件库ArcoDesign，整体操作功能非常丝滑。目前功能支持多种模板布局、暗黑/亮色模式、国际化、权限验证、多级路由菜单、tabview标签栏快捷菜单、全屏控制等功能。极简非凡的布局界面、高定制化模块，用心打 ...

本文是由最近做的一个项目有感而发，因为之前做了一些技术栈的统一，为了用ant Design的pro-table，PC统一使用react，但是我们有一些老的项目是vue的，本次新页面较多，老页面的改动较少，除此之外老项目想换菜单，因此我们想借助本次机会用react开发，经过了几番思考，发现本次很适合用... ...

import React, { useEffect, useState } from 'react'; hook 是react 16.8的新增特性 ，他可以让你不在编写class的情况下shiystate以及react的特性 Hooks的出现，首先解决了以下问题： 告别了令人疑惑的生命周期 告别类组 ...

介绍 ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具，其目的是使代码风格更加一致并避免错误。在很多地方它都与 JSLint 和 JSHint 类似，除了： ESLint 使用 Espree 对 JavaScript 进行解析。 ESLint 在代码 ...

React18 Hooks+Arco-Design+Zustand仿微信客户端聊天ReactWebchat。 react18-webchat基于react18+vite4.x+arco-design+zustand等技术开发的一款仿制微信网页版聊天实战项目。实现发送带有emoj消息文本、图片/视频预 ...

# React Native 封装Toast ## 前言 > 使用react native的小伙伴都知道，官方并未提供轻提示组件，只提供了ToastAndroid API，顾名思义，只能再安卓环境下使用，对于ios就爱莫能助，故此，只能通过官方的核心组件，自行封装，实现Toast功能 ## 实现 * ...

## 1.概述 1. React Router 以三个不同的包发布到 npm 上，它们分别为： 1. react-router: 路由的核心库，提供了很多的：组件、钩子。 2. **react-router-dom:** 包含react-router所有内容，并添加一些专门用于 DOM 的组件，例如 ...

说起数据加载的机制，有一个绕不开的话题就是前端性能，很多电商门户的首页其实都会做一些垂直的定制优化，比如让请求在页面最早加载，或者在前一个页面就进行预加载等等。 ...

> 好久前写了关于 `getStaticProps` 和 `getStaticPaths` 的内容，然而半年过去了源码解析就一直忘记了，不久前有人提醒才想起来，补下坑。 本文主要是解读下 `getStaticProps`、`getStaticPaths` 相关的源码，不了解这两个 `API` ...

在开发中，文件的上传和下载是常见的需求。然而，当面对大型文件时，直接的上传和下载方式可能会遇到一些问题，比如网络传输不稳定、文件过大导致传输时间过长等等。为了解决这些问题，我们可以使用文件分片上传和下载的方式来提高效率和稳定性。 文件分片上传的主要思想是将大文件分解成多个较小的部分，然后分别进行上... ...

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

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