ARTROY

一个敢于面对无尽的BUG，不断成长的小小码农

【React】Code Splitting（下）

@babel/plugin-syntax-dynamic-import、react-loadable

不用像上一篇 【React】Code Splitting（上） 那样子写asyncComponent，直接下载使用 @babel/plugin-syntax-dynamic-import。可以不看上一篇直接进入该文章。 @babel/plugin-syntax-dynamic-import 搭配 @babel/core": "^7.0.0"等babel相关......

Posted by ARTROY on 2019-07-06

React

【React】Code Splitting（上）

asyncComponent

一、为什么要 Code Splitting？ 先给大家看看未进行 Code Splitting 之前的文件的加载大小： 这个是进行 Code Splitting 之后的文件加载大小： 在构建 React.js 单页应用程序时，Create React App 将生成一个大文件，包含我们的应用程序所需的所有 JavaScript，随着项目的需求扩大和完善，该文件也会随之增大，初次加载时可能......

Posted by ARTROY on 2019-07-05

React

【Markdown】Hexo Mermaid流程图

一、安装 1npm install hexo-filter-mermaid-diagrams 二、编辑配置文件 在根目录下 _config.yml 的最后加上以下内容 123456# mermaid mermaid: ## mermaid url enable: true # default true version: "7.1.2" # default v7.1.2 option......

Posted by ARTROY on 2019-07-04

Markdown

【Markdown】Markdown语法教程

一、概述 Markdown 是一种方便记忆、书写的标记（纯文本）语言，用户可以使用这些简单的标记符号生成具有一定格式的文档。 二、基本语法 类 Markdown 效果 标题 # 标题1 ## 标题2### 标题3#### 标题4##### 标题5 ###### 标题6 引用：在引用的文字前加 > 表引用，> 可 n 个 > 引用一个 >&......

Posted by ARTROY on 2019-07-04

Markdown

【ES6】Array的find()和findIndex()方法

定义 共同点： （1）查找回调函数。 （2）对于空数组，函数不会执行的。 （3）有改变数组的原始值。 不同点： （1）查找回调函数。 （2）对于空数组，函数不会执行的。 （3）有改变数组的原始值。 ...

Posted by ARTROY on 2019-06-13

ES6

【JavaScript】reduce()方法

定义 JavaScript 版本: ECMAScript 3 reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 reduce() 可以作为一个高阶函数，用于函数的 compose。 注意: reduce() 对于空数组是不会执行回调函数的。 语法 array.reduce(function(total, currentValue, curr......

Posted by ARTROY on 2019-06-12

JavaScript

【Nginx】Nginx 初识

下载 进入 Nginx 官网点击 “download”，进行下载。选择的是稳定版本，入图所示 下载之后是一个压缩包，解压后放置了 “C盘” ，打包好的文件（即发布的文件）放置了 “D盘”。 配置及使用 1、直接编辑 “nginx-1.16.0” 文件夹下的 “conf” 的 “nginx.conf” 文件。主要端口及文件路径。 1、D:\GetStarted\dva-order\dist......

Posted by ARTROY on 2019-06-10

Nginx

【DvaJS】Router（下）

Router动态加载 修改 router.js 文件： 1234567891011121314151617181920212223242526272829303132333435363738394041424344import React from 'react'import { Router, Switch } from 'dva/router'import SubRo......

Posted by ARTROY on 2019-06-06

DvaJS

【DvaJS】Router（上）

效果图 Router配置 设置根路径 router.js 文件， 其中 <Route path='/' exact component={IndexPage} /> 中的 exact 要注释掉，否则将无法跳转其他链接。 12345678910111213import React from 'react';import { Router, Route, Sw......

Posted by ARTROY on 2019-06-05

DvaJS

【React】create-react-app不生成.map文件

asyncComponent

在执行 npm run build 之后，js 和 css 自动生成 .map 文件，主要是用来定位代码错误位置的，并且可以在 Chrome 浏览器的 sources 查看到源码，所以在开发和测试的时候生成 .map 文件定位错误位置，在生产的时候进行关闭。 解决办法： 一、打包后直接删除 .map 文件。 （缺点： 如果代码进行了分割，直接删除比较麻烦；在 Chrome 浏览器中会有......

Posted by ARTROY on 2019-06-05

React

标签
Angular JavaScript Image 配置 CSS 面试 DvaJS Docker ES6 随笔 React 进阶 Git HTML Markdown Nginx NodeJS Taro 插件 Vue i18n Webpack
关于

王小匠

一个不断成长的小码农

最新帖子
参与社区
归档
-->