目录↑

react配置导入根路径

前提react配置导入根路径需要在webpack中配置,但使用脚手架创建的项目,默认将babel、webpack等内容全部封装到react-scripts中,所以在这种状态下没有办法更改webpack中的内容 需要执行npm run eject解开react-scripts包 npm run eject 命令无法撤销 执行后,会出现config 和sc..

2019-12-31

react插槽

单个插槽假设有一个名为Box的子组件 ... <Box> <div>123123</div> </Box> ... // 在子组件中 ... render() { return ( <div> <..

2019-12-31

redux学习笔记

原理redux是对于flux的完美实现,redux和react搭配很完美,但是redux是独立的,并不是基于react使用的Redux 的工作流程 以下仅为个人理解,可能不准确(从store向下开始) store 是个容器,用于储存数据(state),只能有一个store state 数据,某个状态下的数据 react Component 组件..

2019-12-27

react引入element-UI报错

问题初学react,按照官网的方式引入element-UI后,控制台报一下错误 Module not found: Can't resolve 'react-hot-loader' in 'xxx node_modules\element-react\dist\npm\es5\libs\animate'解决办法安装..

2019-12-25

react-router-dom学习笔记

安装npm install react-router-dom --save-devreact-router-dom会自动安装依赖react-router 创建路由1. 创建router.jsimport React from 'react'; import { BrowserRouter, Route, Switch } from ..

2019-12-23

ES6-Proxy

Proxy 代理 ,在我们访问对象前添加了一层拦截,可以过滤很多操作 let a = new Proxy(target, handler); target: 需要包装的对象,可以是数组、函数、class类、Proxy等 handler: 传入一个对象,对target进行的具体操作 以Proxy的get示例 getlet obj = { val:..

2019-12-18

vue-cli3+typescript初体验

生成项目vue create ts-vue 或 vue ui // 可视化生成功能选择时把typescript勾上,安装完成后后npm run serve就可以了 整体demo官方demo链接 注意在<script lang=”ts”>中需要有lang=”ts” 官方demo中引入的Vue,component是从每个不同的文件中引入的,其实..

2019-12-17

typescript文档整理

安装安装npm install -g typescript 转换cmd --> tsc xxx.ts //转换为js 基础操作原始数据类型let xxx: boolean = false let xxx: number = 11 let xxx: string = 'xxx' let xxx..

2019-12-11

JSON.string详解

JSON.string 的特性1.JSON.stringify对undefined、函数、symbol的转换 undefined、函数、symbol单独转换时,会返回undefined undefined、函数、symbol作为对象的属性时,会跳过他们 undefined、函数、symbol作为数组元素时,将被转换为null 1. JSON..

2019-12-10

谷歌浏览器插件开发

谷歌浏览器插件开发目录结构首先, manifest.json 文件为必须,他是json格式的配置文件 个人理想的基础目录结构: |-- css // 用于存放css文件 |-- -- xx.css |-- image // 用于存放图片文件 |-- -- xx.png |-- js // 用于存放js文件 |-- -- xx.js |-- po..

2019-12-06