- 博客(61)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 React Hooks 常见问题及解决方案
React Hooks 常见问题及解决方案常见问题???? useState 和 setState 有什么明显的区别????? useState 和 useReducer 的初始值如果是个执行函数返回值，执行函数是否会多次执行？???? 还原 useReducer 的初始值，为什么还原不回去了？???? useEffect 如何模拟 componentDidMount、componentUpdate、componentWillUnmount 生命周期？???? 如何在 use
2020-09-23 10:50:49
9503
1
原创 从零开始搭建一个 React + Mobx + React Router 脚手架
本文详细介绍了如何从零开始搭建一个 React 开发的脚手架，包含如何添加 Redux 以及 React Router 的环境。本文代码地址：react-mobx-starter。建议将代码拉下来之后，配合本文一起查看，效果更佳。代码下载命令：git clone https://github.com/beichensky/react-mobx-starter.git最近将脚手架中的 ...
2019-04-30 12:56:25
902
2
原创 React 18 新特性（三）：渐变更新
本文详细介绍了 startTransition、useDeferredValue、useTransition 的用法和使用场景。讲述了低优先级更新的优缺点和启用方式。
2021-08-24 17:20:45
714
原创 React 18 新特性（二）：Suspense & SuspenseList
本文介绍了 React 18 版本中 `Suspense` 组件和新增 `SuspenseList` 组件的使用以及相关属性的用法。并且和 18 之前的版本做了对比，介绍了新特性的一些优势。
2021-08-10 13:42:35
2097
原创 React 18 新特性（一）：自动批量更新
本文介绍了 React 18 的自动批量更新特性，和之前版本的批量更新进行了对比。并且使用代码模拟了批量更新的不同实现思路。
2021-07-30 17:43:20
1634
1
原创 使用 Vite 尝鲜 React 18
React 18 目前已经开放 alpha 版本可以供我们体验了，那为了更方便快捷的体验 React 18 新特性，今天使用 Vite 搭建一个简易版的 React 开发环境，帮助我们快速尝鲜。
2021-07-30 17:40:54
695
原创 TypeScript 高级类型及用法
TypeScript 高级用法一、高级类型交叉类型（&）联合类型（|）类型索引（keyof）类型约束（extends）类型映射（in）条件判断（三目运算）二、工具类型摘取类型（Extract ）排除类型（Exclude）可选（Partial）必选（Required）摘取属性（Picker）排除属性（Omit）属性映射（Record）实例类型（InstanceType）构造函数参数类型（ConstructorParameters）不可为空类型（NonNullable
2021-07-16 07:20:53
683
3
原创 从零到一实现 react-redux
文章目录前言核心 API一、Provider二、connect 高阶函数三、useDispatch 获取 dispatch四、useSelector 获取需要的 state 值写在后面前言上一篇文章 React 中使用 Redux 的正确方法 详细讲解了 redux 以及 react-redux 的使用。这篇文章我们按照上一篇的节奏，实现一下 react-redux 的核心代码。本文已收录在 Github: https://github.com/beichensky/Blog 中，欢迎 Star！
2021-03-27 15:23:38
193
原创 从零到一实现 Redux
上一篇文章 轻松掌握 Redux 核心用法 详细讲解了 redux 的使用。这篇文章我们按照上一篇的节奏，实现一下 redux 的核心代码。
2021-03-26 16:45:05
151
原创 Nest 中在当前模块使用其他模块 service 的方式
当前模块使用其他模块 service 方式将其他模块的 module 导入到 当前模块 module 文件中的 imports 中在当前模块需要的地方，比如 controller 或 service 文件中引入其他模块的 service，并在对应文件的 constructor 函数参数中使用 private readonly otherService: otherService 的方式...
2019-09-28 14:45:23
7676
原创 Nest 中使用 Websocket 给所有客户端发送广播的办法
如没有看过 Nest 官网的 WebSocket 用法，请先查看官网的使用方式：[传送门](https://docs.nestjs.cn/6/websockets)按照官网的方式，进行多个回复，发现还是只有当前的客户端能接收到返回信息，其他客户端都收不到广播，这下面是官网的代码：@SubscribeMessage('events')handleEvent(client: Client, ...
2019-09-28 14:44:58
2927
原创 使用 mongoose 的 count() 方法获取数据长度时出现警告的解决办法
将 count() 替换为 countDocuments() / estimatedDocumentCount()countDocuments()：符合查询条件的数目长度estimatedDocumentCount()：忽略查询条件，返回所有数据的数目长度...
2019-09-28 14:43:58
2569
1
原创 Nest 中使用 mongoose 的 findOneAndUpdate 方法时出现警告的解决办法
问题使用 mongoose 的 findOneAndUpdate 方法更新文档时提示：(node:11135) DeprecationWarning: Mongoose: findOneAndUpdate() and findOneAndDelete() without the useFindAndModify option set to false are deprecated.解决办法...
2019-09-28 14:43:13
1061
原创 Nest使用mongodb提示:To use the new parser, pass option { useNewUrlParser: true } to MongoClient.connect
问题：在 Nest 中使用 mongodb 数据库进行数据库连接时提示警告：(node:79342) DeprecationWarning: current URL string parser is deprecated, and will be removed in a future version. To use the new parser, pass option { useNewUr...
2019-09-28 14:42:14
911
原创 MonogoDB 数据库基本使用和常用命令
本文简单介绍了 mongodb 数据库的基本概念以及基础用法一、简介MongoDB 是为快速开发互联网 Web 应用而设计的数据库系统MongoDB 的设计目标是极简、灵活、作为 Web 应用栈的一部分MongoDB 的数据模型是面向文档的，所谓文档，是一种类似于 JSON 的结构，简单理解 MongoDB 这个数据库中存的是各种各样的 JSON(BJSON)二、相关概念及名词...
2019-09-28 14:40:58
1281
原创 MongoDB 数据库安装教程
windows 系统下安装 MongoDB进入下载中心选择需要的版本选择操作系统选择 MSI 格式点击 Download 按钮进行下载下载完成后，直接打开，进行安装，一路 Next，使用默认路径即可安装完成，一版会默认放在 C 盘下的 Progran Files\MongoDB 文件夹将 C:\Progran Files\MongoDB\Server\4.2...
2019-09-28 14:39:13
387
原创 Hexo 好看的主题推荐
之前使用 Hexo 搭建个人博客的时候，选择主题也是很纠结，把官网的主题差不多看了个遍，这里把自己认为还不错的主题给大家推荐一波。
2019-08-16 09:50:54
73156
28
原创 快速使用 Hexo + Github 搭建个人博客（超简单的步骤）
文章目录前言一、使用 `Hexo`安装 `Hexo`使用 `Hexo` 创建项目运行项目在 `GitHub` 中创建仓库创建新的仓库在浏览器中访问三、整合 Hexo + GitHub拷贝当前 `GitHub` 仓库的地址设置 Hexo 发布配置将 Hexo 项目生成静态文件将 Hexo 项目发布到 GitHub 仓库中访问 `GitHub Pages` 地址四、使用 Hexo 编写博客编写博客其他...
2019-08-14 21:12:57
190
原创 Windows系统删除保存在凭据管理器中的密码
文章目录一、步骤二、图解一、步骤打开控制面板选择用户账户选择凭据管理器选中 windows 凭据下方展示出保存在 windows 中的各种凭据信息找到对应的凭据，点击，选择编辑或者删除即可二、图解打开控制面板，选择用户账户选择凭据管理器编辑 / 删除凭据（选中对应的凭据，进行编辑或者删除操作即可）...
2019-08-13 21:44:25
3310
原创 安卓上使用 WebView 提示：Webpage not available 的解决办法
文章目录一、添加网络权限二、信任未加密流量三、参考链接一、添加网络权限这一步是必须的，否则的话， WebView 加载不出来，手机界面会提示 Webpage not available。在 AndroidManifest.xml 清单文件中添加：<uses-permission android:name="android.permission.INTERNET" /><...
2019-07-11 21:07:55
32261
6
原创 运行 XCode 项目报错，控制台提示：Unknown class ViewController in Interface Builder file.
解决办法：打开 Main.storyboard 文件，按照下图所示，找到箭头所指输入框中的 ViewController，删除掉，之后再重新输入，找到新的 ViewController，填进去即可：...
2019-07-11 20:55:28
2266
原创 在 Swift 中使用 WebViewJavascriptBridge
文章目录前言在 Swift 中使用 WebViewJavascriptBridge前言使用 JSBridge 与 H5 和 原生进行进行交互，请参考我的这篇文章：使用 JSBridge 与原生 IOS、Android 进行交互（含 H5、Android、IOS 端代码，附 Demo）在 Swift 中使用 WebViewJavascriptBridge和在 OC 中使用类似，直接将下载好...
2019-07-11 20:52:23
2206
原创 使用 JSBridge 与原生 IOS、Android 进行交互（含 H5、Android、IOS 端代码，附 Demo）
本文详细讲述了如何使用 JSBridge 在 H5 和原生 Android、IOS之间进行交互。IOS 端包含 OC 和 Swift 的版本，Android 端包含 Java 和 Kotlin 版本。
2019-07-11 20:46:10
7266
9
原创 安装 Ubuntu 系统时出现的问题
安装 Ubuntu 到一半的时候退出或者异常终止。重新安装报错：Failed to open \EFI\BOOT\mmx64.efi - Not Found Failed to load image \EFI\BOOT\mmx64.efi: Not Found Failed to start MokManager: Not Found Something has gone seriously ...
2019-05-31 17:05:57
5363
原创 TS 结合 Antd 使用时，部分组件的样式（例如 RangePick）出现问题
问题TS 结合 Antd 使用时，部分组件的样式（例如 RangePick）出现问题。解决办法将 tsconfig.json 中的 module属性修改为：es2015。"module": "es2015"将 babel 配置添加到 ts 和 tsx 的文件解析中。 { test: /\.(ts|tsx)$/, include: path.resolve(_...
2019-05-31 17:03:42
2607
原创 SSH 学习笔记
文章目录一、创建命令二、ssh-add 命令三、ssh 命令四、查看 git 凭证五、其他命令六、可能遇到的问题七、参考文档一、创建命令ssh-keygen -t rsa -C "这里换上你的邮箱"二、ssh-add 命令将 ssh 添加到 ssh-agent：ssh-add ~/admin/.ssh/id_rsa将 ssh 从 ssh-agent 中删除：ssh-add -...
2019-05-31 16:58:37
205
原创 JS 小数运算出现误差的两种解决办法
文章目录问题解决方案限制精确位数先将小数转化为整数，运算之后再重新转化为小数总结本文介绍了解决 JS 中小数运算出现误差的两种解决办法问题在 JS 的小数运算中可能会出现一些问题，比如说下面两种情况：0.1 + 0.2 加法出现精度偏差问题0.14 * 100 乘法出现精度偏差问题解决方案下面简单介绍了两种常用的解决方案：限制精确位数可以限制保留几位小数的方式来避免误差：...
2019-05-28 15:31:13
8766
2
原创 react-dnd 用法详解
本文详细讲解了 react-dnd 的 API 以及用法，并且附上了可供参考的 Demo，希望能够给需要的朋友提供一下帮助。一、概念React DnD 是一组 React 高阶组件，使用的时候只需要使用对应的 API 将目标组件进行包裹，即可实现拖动或接受拖动元素的功能。将拖动的事件转换成对象中对应状态的形式，不需要开发者自己判断拖动状态，只需要在传入的 spec 对象中各个状态属性中做对应...
2019-04-16 09:36:42
13029
3
原创 React Hooks 使用详解
本文对 16.8 版本之后 React 发布的新特性 Hooks 进行了详细讲解，并对一些常用的 Hooks 进行代码演示，希望可以对需要的朋友提供点帮助。一、Hooks 简介Hooks 是 React v16.7.0-alpha 中加入的新特性。它可以让你在 class 以外使用 state 和其他 React 特性。本文就是演示各种 Hooks API 的使用方式，对于内部的原理这里就...
2019-04-08 09:53:46
2220
原创 Webpack3 升级到 webpack4 时遇到的问题汇总
项目在对 webpack 的版本升级的过程中，出现了各种各样的问题，今天就把其中比较典型的问题总结一下，作为记录。一、MissingDeps.some is not a function错误提示中，提示 react-dev-utils 包有问题，TypeError: MissingDeps.some is not a function。解决方案：升级 react-utils-dev 包到...
2019-04-04 10:48:59
1336
原创 在 create-react-app 中启用装饰器语法
本文简单介绍了一下如何在 create-react-app 中启用装饰器语法的两种方式。方式一：暴露 create-react-app 的配置暴露出 create-react-app 的所有配置运行命令：$ npm run eject项目中就会展示出各种配置文件。在 babel 中添加 plugins 配置在 package.json 文件中找到 babel 的配置，添加如下代码即...
2019-04-03 17:48:39
1168
原创 nvm 和 nrm 的安装与使用
本文介绍了如何使用 nvm 切换 node 和 npm 版本，以及如何使用 nrm 切换 npm 下载源。一、NVMNvm 可以切换 node 与 npm 版本，在开发不同项目时，可能会用到不同的 node 与 npm 版本，所以使用 nvm 可以方便的在不同 node 与 npm 版本之间进行切换。写在前面在安装 Nvm 之前，先将之前安装的 node 进行卸载。否则可能会出现无法切...
2019-03-19 09:15:05
1022
原创 JavaScript 项目迁移到 TypeScript 步骤以及遇到的问题
本文讲述了如何将 JavaScript 项目迁移到 TypeScript 上，以及如何在项目中添加 TypeScript 配置，编写 TypeScript 代码。一、插件安装安装项目所需插件，一般对应的模块都会有对应的 @types 插件可以使用。不知道的是否需要安装对应的 @types 插件的话，可以到 TypeSearch 进行查找。# 安装项目中使用的插件$ npm install...
2019-03-15 11:00:19
7389
1
原创 使用 TypeScript + React + Redux 进行项目开发（入门篇，附源码）
本文详细介绍了如何使用 Create-React-App 编写 TypeScript + React 项目前言对于 TypeScript + React 开发，MicroSoft 编写了一个 TypeScript-React-Starter 的例子，Github 地址。有需要的朋友可以去看一下。我自己也看了一下，文档说明讲解的很好，但是 Demo 拉下来却无法正常运行，一直报错。所以我自己...
2019-03-08 11:02:07
6440
7
原创 使用 happypack 提升 Webpack 项目构建速度
本文简单介绍了 Happypack 的简单使用，不了解的同学可以进来看一看。也许会有所帮助。Happypack 作用在使用 Webpack 对项目进行构建时，会对大量文件进行解析和处理。当文件数量变多之后，Webpack 构件速度就会变慢。由于运行在 Node.js 之上的 Webpack 是单线程模型的，所以 Webpack 需要处理的任务要一个一个进行操作。而 Happypack 的作...
2019-03-05 10:59:28
18260
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人