react路由的基础用法

1、安装 yarn add react-router-dom 2、在app.js内引入router import { BrowserRouter, Route } from 'react-router-dom' 3、使用BrowserRouter作为容器,Route作为路由规则填写pa...

2019-02-13 22:21:45

阅读数 6

评论数 0

CSS语法之@规则(at-rule)

at-rule由一个@关键字和后续的一个区块组成,如果没有区块,则以分号结束。 @charset 用于提示css文件使用的字符串编码方式,它如果被使用,必须出现在最前面。这个规则只是在给出语法解析阶段前使用,并不影响页面上展示效果。 @charset "utf-8&...

2019-02-09 11:54:25

阅读数 30

评论数 0

iconfont在项目中的使用方式

iconfont是一个阿里的图标库 1、地址: https://www.iconfont.cn 2、注册登录后选择‘我的项目’,并创建我的项目 3、选择需要的图标并加入购物车,选择购物车把购物车内的图标加入项目文件夹中 4、点击下载至本地,会获得如下文件夹和文件。 5、下面这...

2019-02-03 21:56:24

阅读数 76

评论数 0

styled-components的配置和使用

在react中,正常的给组件引入css文件,该css文件会直接作用于全局,使用styled-components可以有效控制好css作用域。 1、安装 yarn add styled-components 2、配置并设置全局样式,新建一个js文件,style.js,使用createGlob...

2019-02-02 22:34:40

阅读数 15

评论数 0

redux-saga的配置和使用简介

1、安装redux-saga yarn add redux-saga 或 npm install redux-saga -save 2、配置redux-saga 在store的index文件中引入redux-saga import createSagaMiddleware from '...

2019-01-20 11:36:01

阅读数 21

评论数 0

javaScript基础--一个例子展示call、apply、bind的区别

function fn(num1, num2) { return this.a + num1 + num2 } var a = 20 var object = { a: 40 } ...

2019-01-13 16:32:00

阅读数 8

评论数 0

javaScript基础--函数中this的指向问题

关键:当前函数的this是在函数被调用执行时才确定的。 注意:在非严格模式中,当this只向undefined时,它会自动只想全局对象。 function fn() { 'use strict' console.log(this) } fn() // fn是调用者,独立调用...

2019-01-13 16:04:37

阅读数 18

评论数 0

redux-thunk的配置和使用

1、安装thunk npm install redux-thunk --save 或 yarn add redux-thunk 2、创建store时引入中间键和配置(参照官方文档) 首先需要在创建store时引入applyMiddleware方法和thunk: import { cre...

2019-01-13 11:19:06

阅读数 22

评论数 0

使用Charles模拟接口请求数据的简单操作步骤

1、下载地址:https://www.charlesproxy.com 2、先新建一个JSON文件,取名 list.json,输入一个简单的测试数组 [ "hello", "dell", &...

2019-01-06 11:42:51

阅读数 37

评论数 0

Redux的简介和规范化的使用方法(以todoList为例)

Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 Redux的核心概念主要有3个 actions、store、reducers。 actions:简单地,Actions就是事件。Actions传递来自这个应用(用户接口,内部事件比如API调用和表单提交)的数据给st...

2018-12-23 17:14:02

阅读数 49

评论数 0

react-transition-group中TransitionGroup配合CSSTransition做列表动画渲染

1、js文件 import React, { Component, Fragment } from 'react' import { CSSTransition, TransitionGroup } from 'react-transition-group' import './style.c...

2018-12-22 15:15:12

阅读数 42

评论数 0

react-transition-group中CSSTransition的基础用法

1、加载react-transition-group yarn add react-transition-group 或 npm install react-transition-group --save 2、在react组件中引入 import { CSSTransition }...

2018-12-22 14:32:11

阅读数 66

评论数 0

使用CSS3制作简单的React的动画效果

React上仅使用CSS3实现简单的动画效果,以下demo实现的是简单的文字展现和消失动画 1、展现效果的React模版和简单的JS代码,主要是通过state.show的bool值控制hello的展现和消失 import React, { Component, Fragment } from...

2018-12-22 10:07:31

阅读数 31

评论数 0

使用Promise对微信小程序wx.request请求方法进行封装,配有详细过程

采用Promise的方式来封装而不采用回调函数(callBack)的方式封装的主要好处是防止回调地狱等。。。 主要分为四个部分: 1、config.js文件,主要存放小程序的配置,例如请求的服务器地址 const config = { api_base_url: 'http://x...

2018-11-17 21:28:25

阅读数 130

评论数 0

一次性删除一个数组中多个元素

正常的循环删除,在删除第一个的时候数组内元素的下标已经被改变,所以无法使用常规的循环删除。以下两种方法可以正常删除一个数组中多个指定元素 1、filter let arr = [1, 3, 5, 7, 9]; arr = arr.filter(item => item ...

2018-11-13 10:52:59

阅读数 81

评论数 0

微信小程序字体了解

微信小程序在IOS平台上默认是PingFangSC字体,在安卓上是思源字体。 微信小程序中字体单位rpx和px均可,取决于是否希望字体跟随屏幕大小做响应变化。 设置默认字体可在app.wxss上编写: page{ font-family: "PingFangSC-...

2018-11-10 16:53:52

阅读数 28

评论数 0

数字卡号化(补0和加空格)

fixInteger (num, length) { let res = (Array(length).join('0') + num).slice(-length) // 补0 res = res.replace(/(\s)/g, '').replace(/(\d{3})...

2018-11-01 11:32:19

阅读数 34

评论数 0

Generator的用法示例

function* getStockPrice(stock) { while(true) { yield Math.random()*100 } } let priceGenerator = getStockPrice("IBM") l...

2018-10-28 20:46:41

阅读数 24

评论数 0

typeScript的学习之析构表达式

对象析构: function getStock() { return { code: "IBM", price: { price1: 100, price2: 200 ...

2018-10-28 20:38:08

阅读数 42

评论数 0

微信小程序富文本解析器

最近做小程序发现了一款蛮不错的富文本解析工具,可以让富文本编辑器编出的结果在小程序中正常显示样式。 github地址: https://github.com/icindy/wxParse 注意点是可能会和你部分样式命名有所冲突。。  ...

2018-10-10 11:06:29

阅读数 42

评论数 0

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