从零开始搭建一个 React + Mobx + React Router 脚手架

本文详细介绍了如何从零开始搭建一个 React 开发的脚手架,包含如何添加 Redux 以及 React Router 的环境。 本文代码地址:react-mobx-starter。 建议将代码拉下来之后,配合本文一起查看,效果更佳。 代码下载命令: git clone https://gith...

2019-04-30 12:56:25

阅读数 34

评论数 0

React 组件生命周期详解

本文详细介绍了 React 生命周期的用法以及各个阶段的生命周期进行,并且用实例代码做了详细演示。代码位置 话不多说,先上图 上图是基于 React 16.4 之后的生命周期图解。如感觉不对,请先查看 React 版本 React 生命周期详解 各个阶段的生命周期函数 construct...

2019-01-21 15:35:59

阅读数 29

评论数 0

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

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

2017-03-08 23:28:15

阅读数 3898

评论数 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 Mo...

2019-05-31 17:05:57

阅读数 2

评论数 0

TS 结合 Antd 使用时,部分组件的样式(例如 RangePick)出现问题

问题 TS 结合 Antd 使用时,部分组件的样式(例如 RangePick)出现问题。 解决办法 将 tsconfig.json 中的 module属性修改为:es2015。"module": "es2015" 将 babel 配置添加到 ts 和 ts...

2019-05-31 17:03:42

阅读数 11

评论数 0

SSH 学习笔记

文章目录一、创建命令二、ssh-add 命令三、ssh 命令四、查看 git 凭证五、其他命令六、可能遇到的问题七、参考文档 一、创建命令 ssh-keygen -t rsa -C "这里换上你的邮箱" 二、ssh-add 命令 将 ssh 添加到 ssh-agen...

2019-05-31 16:58:37

阅读数 1

评论数 0

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

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

2019-05-28 15:31:13

阅读数 19

评论数 0

react-dnd 用法详解

本文详细讲解了 react-dnd 的 API 以及用法,并且附上了可供参考的 Demo,希望能够给需要的朋友提供一下帮助。 一、概念 React DnD 是一组 React 高阶组件,使用的时候只需要使用对应的 API 将目标组件进行包裹,即可实现拖动或接受拖动元素的功能。将拖动的事件转换成对...

2019-04-16 09:36:42

阅读数 65

评论数 0

React Hooks 使用详解

本文对 16.8 版本之后 React 发布的新特性 Hooks 进行了详细讲解,并对一些常用的 Hooks 进行代码演示,希望可以对需要的朋友提供点帮助。 一、Hooks 简介 Hooks 是 React v16.7.0-alpha 中加入的新特性。它可以让你在 class 以外使用 stat...

2019-04-08 09:53:46

阅读数 117

评论数 0

Webpack3 升级到 webpack4 时遇到的问题汇总

项目在对 webpack 的版本升级的过程中,出现了各种各样的问题,今天就把其中比较典型的问题总结一下,作为记录。 一、MissingDeps.some is not a function 错误提示中,提示 react-dev-utils 包有问题,TypeError: MissingDeps....

2019-04-04 10:48:59

阅读数 129

评论数 0

在 create-react-app 中启用装饰器语法

本文简单介绍了一下如何在 create-react-app 中启用装饰器语法的两种方式。 方式一:暴露 create-react-app 的配置 暴露出 create-react-app 的所有配置 运行命令: $ npm run eject 项目中就会展示出各种配置文件。 在 babel 中添...

2019-04-03 17:48:39

阅读数 44

评论数 0

nvm 和 nrm 的安装与使用

本文介绍了如何使用 nvm 切换 node 和 npm 版本,以及如何使用 nrm 切换 npm 下载源。 一、NVM Nvm 可以切换 node 与 npm 版本,在开发不同项目时,可能会用到不同的 node 与 npm 版本,所以使用 nvm 可以方便的在不同 node 与 npm 版本之间...

2019-03-19 09:15:05

阅读数 364

评论数 0

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

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

2019-03-15 11:00:19

阅读数 142

评论数 0

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

本文详细介绍了如何使用 Create-React-App 编写 TypeScript + React 项目 前言 对于 TypeScript + React 开发,MicroSoft 编写了一个 TypeScript-React-Starter 的例子,Github 地址。有需要的朋友可以去看一...

2019-03-08 11:02:07

阅读数 461

评论数 7

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

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

2019-03-05 10:59:28

阅读数 328

评论数 0

使用腾讯OCR进行文字识别

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

2019-02-28 11:09:53

阅读数 513

评论数 0

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

本文介绍了 Webpack 中 DllPlugin 插件的使用,以及配合使用 AddAssetHtmlPlugin 将构建好的 JS 文件插入到 html 页面中。 本文 Demo 地址 本文项目代码位置:源码地址 欢迎 Star! DLLPlugin 和 DllReferencePlugin...

2019-02-18 10:58:55

阅读数 121

评论数 0

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

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

2019-02-15 14:56:04

阅读数 35

评论数 0

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

本文使用 Webpack 从零开始搭建一个开发环境的脚手架配置,在此做个记录,也方便以后使用。 前言 我的上一篇文章简单介绍了一下 Webpack 的一些核心概念和基本配置,需要了解的朋友可以先参考一下:Webpack 的简单介绍 从 webpack v4.0.0 开始,可以不用引入一个配置文...

2019-02-02 10:40:58

阅读数 150

评论数 2

Webpack 的简单介绍

本文介绍了一些 webpack 的核心概念以及一些概念术语,并对核心配置做了一些简单的用法讲解。建议刚刚接触 Webpack 的朋友可以先了解一下。想了解更多 Webpack 使用以及配置的话可以参考我的下一篇文章: 从零开始搭建一个 Webpack 开发环境配置(附 Demo) 为什么需要使用...

2019-02-01 17:22:05

阅读数 42

评论数 0

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