自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 使用 JSBridge 与原生 IOS、Android 进行交互(含 H5、Android、IOS 端代码,附 Demo)

本文详细讲述了如何使用 JSBridge 在 H5 和原生 Android、IOS之间进行交互。IOS 端包含 OC 和 Swift 的版本,Android 端包含 Java 和 Kotlin 版本。

2019-07-11 20:46:10 2899 9

原创 从零开始搭建一个 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 367 1

原创 React 组件生命周期详解

本文详细介绍了 React 生命周期的用法以及各个阶段的生命周期进行,并且用实例代码做了详细演示。代码位置话不多说,先上图上图是基于 React 16.4 之后的生命周期图解。如感觉不对,请先查看 React 版本React 生命周期详解各个阶段的生命周期函数constructor 构造函数在 React 组件挂载之前被调用,实现 React.Component 的子类的构造...

2019-01-21 15:35:59 62

原创 Android局部动态高斯模糊以及侧滑菜单配合高斯模糊

@[TOC]最近在项目开发中遇到一个需求,需要满足两种情况:1.在应用的某个界面会弹出透明对话框,对话框的背景高斯模糊,界面其他部分正常;2.在界面中有一个透明侧拉菜单,在侧拉菜单滑动的过程总,菜单背景会随之高斯模糊;当时碰到这个需求的时候也是感觉挺懵逼的,因为以前也没有做过高斯模糊这种效果,后来看了很多博客,慢慢了解了一些,在这里总结一下, 希望以后有童鞋需要这些效果的...

2017-03-08 23:28:15 4396 7

原创 1024

1024

2019-10-24 21:55:23 1511

原创 Nest 中在当前模块使用其他模块 service 的方式

当前模块使用其他模块 service 方式将其他模块的 module 导入到 当前模块 module 文件中的 imports 中在当前模块需要的地方,比如 controller 或 service 文件中引入其他模块的 service,并在对应文件的 constructor 函数参数中使用 private readonly otherService: otherService 的方式...

2019-09-28 14:45:23 1196

原创 Nest 中使用 Websocket 给所有客户端发送广播的办法

如没有看过 Nest 官网的 WebSocket 用法,请先查看官网的使用方式:[传送门](https://docs.nestjs.cn/6/websockets)按照官网的方式,进行多个回复,发现还是只有当前的客户端能接收到返回信息,其他客户端都收不到广播,这下面是官网的代码:@SubscribeMessage('events')handleEvent(client: Client, ...

2019-09-28 14:44:58 679

原创 使用 mongoose 的 count() 方法获取数据长度时出现警告的解决办法

将 count() 替换为 countDocuments() / estimatedDocumentCount()countDocuments():符合查询条件的数目长度estimatedDocumentCount():忽略查询条件,返回所有数据的数目长度...

2019-09-28 14:43:58 494

原创 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 359

原创 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 242

原创 MonogoDB 数据库基本使用和常用命令

本文简单介绍了 mongodb 数据库的基本概念以及基础用法一、简介MongoDB 是为快速开发互联网 Web 应用而设计的数据库系统MongoDB 的设计目标是极简、灵活、作为 Web 应用栈的一部分MongoDB 的数据模型是面向文档的,所谓文档,是一种类似于 JSON 的结构,简单理解 MongoDB 这个数据库中存的是各种各样的 JSON(BJSON)二、相关概念及名词...

2019-09-28 14:40:58 511

原创 MongoDB 数据库安装教程

windows 系统下安装 MongoDB进入下载中心选择需要的版本选择操作系统选择 MSI 格式点击 Download 按钮进行下载下载完成后,直接打开,进行安装,一路 Next,使用默认路径即可安装完成,一版会默认放在 C 盘下的 Progran Files\MongoDB 文件夹将 C:\Progran Files\MongoDB\Server\4.2...

2019-09-28 14:39:13 153

原创 浅显易懂的原型与原型链知识总结

本文总结了原型以及原型链的一些概念和规律,并且提供了代码示例进行说明。有助于更深一步的理解原型与原型链。

2019-08-16 17:12:37 224

原创 Hexo 好看的主题推荐

之前使用 Hexo 搭建个人博客的时候,选择主题也是很纠结,把官网的主题差不多看了个遍,这里把自己认为还不错的主题给大家推荐一波。

2019-08-16 09:50:54 28289 19

原创 快速使用 Hexo + Github 搭建个人博客(超简单的步骤)

文章目录前言一、使用 `Hexo`安装 `Hexo`使用 `Hexo` 创建项目运行项目在 `GitHub` 中创建仓库创建新的仓库在浏览器中访问三、整合 Hexo + GitHub拷贝当前 `GitHub` 仓库的地址设置 Hexo 发布配置将 Hexo 项目生成静态文件将 Hexo 项目发布到 GitHub 仓库中访问 `GitHub Pages` 地址四、使用 Hexo 编写博客编写博客其他...

2019-08-14 21:12:57 57

原创 Express 的基本使用

本文从安装、用法、常用 API 等方面简单介绍了 Express 的用法。

2019-08-14 21:01:57 194

原创 Windows系统删除保存在凭据管理器中的密码

文章目录一、步骤二、图解一、步骤打开控制面板选择用户账户选择凭据管理器选中 windows 凭据下方展示出保存在 windows 中的各种凭据信息找到对应的凭据,点击,选择编辑或者删除即可二、图解打开控制面板,选择用户账户选择凭据管理器编辑 / 删除凭据(选中对应的凭据,进行编辑或者删除操作即可)...

2019-08-13 21:44:25 1096

原创 安卓上使用 WebView 提示:Webpage not available 的解决办法

文章目录一、添加网络权限二、信任未加密流量三、参考链接一、添加网络权限这一步是必须的,否则的话, WebView 加载不出来,手机界面会提示 Webpage not available。在 AndroidManifest.xml 清单文件中添加:<uses-permission android:name="android.permission.INTERNET" /><...

2019-07-11 21:07:55 5693 3

原创 运行 XCode 项目报错,控制台提示:Unknown class ViewController in Interface Builder file.

解决办法:打开 Main.storyboard 文件,按照下图所示,找到箭头所指输入框中的 ViewController,删除掉,之后再重新输入,找到新的 ViewController,填进去即可:...

2019-07-11 20:55:28 867

原创 在 Swift 中使用 WebViewJavascriptBridge

文章目录前言在 Swift 中使用 WebViewJavascriptBridge前言使用 JSBridge 与 H5 和 原生进行进行交互,请参考我的这篇文章:使用 JSBridge 与原生 IOS、Android 进行交互(含 H5、Android、IOS 端代码,附 Demo)在 Swift 中使用 WebViewJavascriptBridge和在 OC 中使用类似,直接将下载好...

2019-07-11 20:52:23 555

原创 为VSCode 设置好看的字体:Operator Mono

在 VSCode 中设置好看的 Operator Mono 字体

2019-06-29 17:59:14 21778 7

原创 安装 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 1830

原创 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 922

原创 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 74

原创 JS 小数运算出现误差的两种解决办法

文章目录问题解决方案限制精确位数先将小数转化为整数,运算之后再重新转化为小数总结本文介绍了解决 JS 中小数运算出现误差的两种解决办法问题在 JS 的小数运算中可能会出现一些问题,比如说下面两种情况:0.1 + 0.2 加法出现精度偏差问题0.14 * 100 乘法出现精度偏差问题解决方案下面简单介绍了两种常用的解决方案:限制精确位数可以限制保留几位小数的方式来避免误差:...

2019-05-28 15:31:13 3048

原创 react-dnd 用法详解

本文详细讲解了 react-dnd 的 API 以及用法,并且附上了可供参考的 Demo,希望能够给需要的朋友提供一下帮助。一、概念React DnD 是一组 React 高阶组件,使用的时候只需要使用对应的 API 将目标组件进行包裹,即可实现拖动或接受拖动元素的功能。将拖动的事件转换成对象中对应状态的形式,不需要开发者自己判断拖动状态,只需要在传入的 spec 对象中各个状态属性中做对应...

2019-04-16 09:36:42 2883

原创 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 1079

原创 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 811

原创 在 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 639

原创 nvm 和 nrm 的安装与使用

本文介绍了如何使用 nvm 切换 node 和 npm 版本,以及如何使用 nrm 切换 npm 下载源。一、NVMNvm 可以切换 node 与 npm 版本,在开发不同项目时,可能会用到不同的 node 与 npm 版本,所以使用 nvm 可以方便的在不同 node 与 npm 版本之间进行切换。写在前面在安装 Nvm 之前,先将之前安装的 node 进行卸载。否则可能会出现无法切...

2019-03-19 09:15:05 525

原创 JavaScript 项目迁移到 TypeScript 步骤以及遇到的问题

本文讲述了如何将 JavaScript 项目迁移到 TypeScript 上,以及如何在项目中添加 TypeScript 配置,编写 TypeScript 代码。一、插件安装安装项目所需插件,一般对应的模块都会有对应的 @types 插件可以使用。不知道的是否需要安装对应的 @types 插件的话,可以到 TypeSearch 进行查找。# 安装项目中使用的插件$ npm install...

2019-03-15 11:00:19 2380 1

原创 使用 TypeScript + React + Redux 进行项目开发(入门篇,附源码)

本文详细介绍了如何使用 Create-React-App 编写 TypeScript + React 项目前言对于 TypeScript + React 开发,MicroSoft 编写了一个 TypeScript-React-Starter 的例子,Github 地址。有需要的朋友可以去看一下。我自己也看了一下,文档说明讲解的很好,但是 Demo 拉下来却无法正常运行,一直报错。所以我自己...

2019-03-08 11:02:07 3300 7

原创 使用 happypack 提升 Webpack 项目构建速度

本文简单介绍了 Happypack 的简单使用,不了解的同学可以进来看一看。也许会有所帮助。Happypack 作用在使用 Webpack 对项目进行构建时,会对大量文件进行解析和处理。当文件数量变多之后,Webpack 构件速度就会变慢。由于运行在 Node.js 之上的 Webpack 是单线程模型的,所以 Webpack 需要处理的任务要一个一个进行操作。而 Happypack 的作...

2019-03-05 10:59:28 5239

原创 使用腾讯OCR进行文字识别

使用腾讯智能文字识别 OCR 对图片进行文字识别前段时间有个项目需要一个图片识别转换成文字的功能,后来考虑了一下选择了腾讯云的文字识别OCR。当时对接的过程中觉得有一些地方确实有些坑,所以再记录一下,避免以后忘记。也希望能给需要的朋友提供一些帮助。OCR效果可以参考一下腾讯云官网的链接:文字识别OCR配置腾讯云OCR准备工作注册账号我是直接通过QQ账号进行注册登录,大家也可以查看...

2019-02-28 11:09:53 3812 2

原创 使用 Webpack 的 DllPlugin 提升项目构建速度

本文介绍了 Webpack 中 DllPlugin 插件的使用,以及配合使用 AddAssetHtmlPlugin 将构建好的 JS 文件插入到 html 页面中。本文 Demo 地址本文项目代码位置:源码地址欢迎 Star!DLLPlugin 和 DllReferencePlugin 简介DLLPlugin 就是将包含大量复用模块且不会频繁更新的库进行编译,只需要编译一次,编译完成...

2019-02-18 10:58:55 345

原创 使用 Webpack 进行生产环境配置(附 Demo)

本文从代码压缩、代码拆分、样式分离等三个方面对生产环境的代码进行了优化。只是最简单的一些配置,如果真正运用到项目中,还需要根据项目添加更多配置。前言本文讲述的是如何对生产环境下的代码进行压缩,如果还不是太了解 Webpack 的朋友,可以先看一下我的上一篇文章:从零开始搭建一个 Webpack 开发环境配置(附 Demo)本文项目代码位置:源码地址环境搭建项目结构首先编写一个项目,...

2019-02-15 14:56:04 100

原创 从零开始搭建一个 Webpack 开发环境配置(附 Demo)

本文使用 Webpack 从零开始搭建一个开发环境的脚手架配置,在此做个记录,也方便以后使用。前言我的上一篇文章简单介绍了一下 Webpack 的一些核心概念和基本配置,需要了解的朋友可以先参考一下:Webpack 的简单介绍从 webpack v4.0.0 开始,可以不用引入一个配置文件。直接使用 webpack 命令就可进行打包。但是,一般我们需要进行更灵活的配置功能,所以本文我也创...

2019-02-02 10:40:58 585 2

原创 Webpack 的简单介绍

本文介绍了一些 webpack 的核心概念以及一些概念术语,并对核心配置做了一些简单的用法讲解。建议刚刚接触 Webpack 的朋友可以先了解一下。想了解更多 Webpack 使用以及配置的话可以参考我的下一篇文章: 从零开始搭建一个 Webpack 开发环境配置(附 Demo)为什么需要使用 webpack模块化开发的趋势我们在开发的过程中,之前都是使用引入 script 的方式进行...

2019-02-01 17:22:05 125

原创 PureComponent 使用注意事项以及源码解析

本文简要介绍了 React 中 PureComponent 与 Component 的区别以及使用时需要注意的问题,并在后面附上了源码解析,希望对有疑惑的朋友提供一些帮助。前言先介绍一下 PureComponent,平时我们创建 React 组件一般是继承于 Component,而 PureComponent 相当于是一个更纯净的 Component,对更新前后的数据进行了一次浅比较。只有在...

2019-01-16 17:27:41 322

原创 在 Create React App 中启用 Sass 和 Less

本文介绍了如何在 Create React App 脚手架中启用 Sass 和 Less。前言关于创建 create-react-app 项目请查看: create-react-app 的安装与创建。关于在 less 和 sass 如何在 create-react-app 启用 CSS Modules,请查看我的上一篇文章:在 Create React App 中使用 CSS Module...

2019-01-15 13:08:20 364

提示
确定要删除当前文章?
取消 删除