- 博客(24)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 React组件的生命周期
3. 组件生命周期 React严格定义了组件的生命周期，生命周期可能会经历如下三个过程： 装载过程（Mount）：也就是把组件第一次在DOM树上渲染的过程； 更新过程（Updata）：当组件被从新渲染的过程； 卸载过程（Unmount）：组件从DOM树中删除的过程。 三种不同的过程，React库会调用组件的一些成员函数，即生命周期函数。3.1、装载过程 当组件第一次被...
2019-12-30 12:00:07
122
转载 moment.js使用方法总结
Moment.js是一个轻量级的JavaScript时间库，它方便了日常开发中对时间的操作，提高了开发效率。日常开发中，通常会对时间进行下面这几个操作：比如获取时间，设置时间，格式化时间，比较时间等等。下面就是我对moment.js使用过程中的整理，方便以后查阅。一、引入moment.js1.Node.js方式引入（1）安装npm install moment 或者 ya...
2019-12-27 11:17:34
276
转载 react-开发经验分享-Table表格组件里跳转页面及传递数据
Author：Mr.柳上原付出不亚于任何的努力 愿我们所有的努力，都不会被生活辜负 不忘初心，方得始终ant框架里，Table表格组件里跳转页面及传递数据的方法在Table表格组件中，经常会遇到表格里有跳转页面的需求跳转方法大致与普通react页面路由方法类似依然是在columns方法里对需要跳转的td位置进行render自定义设置设置方法如下：// 使用onClick...
2019-12-24 17:14:15
1768
转载 ES6新增rest的用法
arguments类似Array但是并不是Array而rest就是一个Array用rest替代atgumentseg：给数组排序 1 2 3 4 5 6 7 8 9 10 //arguments变量的写法: functionsortFunc(){ ...
2019-12-24 16:28:41
100
转载 ES6中箭头函数的定义与调用方式详解
本文主要介绍的是关于ES6箭头函数的定义与调用方式的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：基本用法：ES6中允许使用“箭头”(=>)定义函数 1 var f = v => v; 上面代码相当于： 1 2 3 var f = function( v ) { r...
2019-12-24 16:24:24
517
转载 es6-箭头函数以及函数参数
箭头函数写法ES5: var show = function(){ console.log('es5') }ES6箭头函数： let show = ()=>{ console.log('es5'); }唯且仅有只有一个参数的时候（）可以省略 let show = a => { console.log(...
2019-12-24 12:08:26
195
转载 ES6新特性（函数默认参数，箭头函数）
ES6新特性之函数参数的默认值写法和箭头函数。1、函数参数的默认值 ES5中不能直接为函数的参数指定默认值，只能通过以下的变通方式： 从上面的代码可以看出存在一个问题，当传入的参数为0或者false时，会直接取到后面的值，而不是传入的这个参数值。 那怎么解决呢？对于上图的代码，可以通过判断是否传入了num参数，没有就用默认值： 这种做法还是很麻...
2019-12-24 12:07:54
143
转载 在react中对自己的组件使用setFieldsValue
setFieldsValue的用法setFieldsValue是antd form的一个api，其作用是对指定的已使用from包裹的表单进行value设置。那么所以它的功能也很简单，那就是给指定的input设置value。如下所示：import React from "react";import { Form, Input } from 'antd';class TestFo...
2019-12-23 18:21:16
2470
转载 antd 表格的分页属性设置
1、引入Table 组件<Table bordered loading={ loading } pagination={ paginationProps } rowSelection={ rowSelection } onRowDoubleClick={this.dbClick } columns={ this.columns } ...
2019-12-20 18:18:43
4181
转载 React---路由跳转
最近在开发react的项目中，很多地方都是使用组件式的跳转方式，但是怎么样使用js去控制页面的跳转呢？withRouterwithRouter 是一个高阶组件，把 match，location，history 三个对象注入到组件的 props 中。这是一个非常实用的函数，下面以四个小例子阐述它的用法。1.与 redux 的 connect 配合在项目中使用了 redux 来管理数据...
2019-12-20 10:59:53
248
转载 vue + axios 通过Blob 转换excel文件流 下载乱码问题
首先看下我们接收到的请求：特别注意：responseType: 'blob' axios({ method: 'GET', url: '/api', params: params, responseType: 'blob' }).then(res=>{ let blob = new B...
2019-12-20 10:58:55
751
转载 漫谈组件复用
俗话说「懒是程序员的美德」。在越来越注重前端工程化的今天，「Ctrl+C」、「Ctrl+V」的代码，虽然用起来一时爽，一旦需要修改就如同面临火葬场。如何「懒」出效率，是值得思考的问题。减少代码的拷贝，增加封装复用能力，实现可维护、可复用的代码，无疑是我所认为的「懒」的高级境界。鉴于笔者之前使用 React 偏多，进入饿了么后也逐步使用了不少 Vue 进行开发，所以就借此机会，谈谈在 React 和...
2019-12-16 16:16:28
991
转载 redux+react-redux+示例的快速上手体验
本文主要记录下自己在react道路上的爬坑过程 以及对于刚学习redux的同学提供一些可供参考的例子。之前用vue用了很久 vue的语法糖用起来是真的舒服 不过现在公司项目用的是react 只好默默的从vue转到react 其实毕竟他们都是类似的框架， 虽然语法大不同， 但是有些地方的思想还是很像的， 废话不多说了，开始正文...本文主要分为两个部分：redux和react-redux。 首...
2019-12-16 15:20:06
113
转载 Vue的组件为什么要export default
Vue 的模块机制 Vue 是通过 webpack 实现的模块化，因此可以使用 import 来引入模块，例如： 此外，你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置： 意思是，你的模块可以省略 ".js"，".vue"，“.json” 后缀，weebpack 会在之后自动添加上；可以用 "@" 符号代替 "src" 字符串等。...
2019-12-16 11:23:39
111
转载 30分钟掌握ES6/ES2015核心内容（下）
在30分钟掌握ES6/ES2015核心内容（上）我们讲解了es6最常用的一些语法：let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments俗话说打铁要趁热，今天我们继续讲es6其他几个非常有用的新特性。import export...
2019-12-12 18:15:08
80
转载 30分钟掌握ES6/ES2015核心内容（上）
ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。虽然目前并不是所有浏览器都能兼容ES6全部特性，但越来越多的程序员在实际项目当中已经开始使用ES6了。所以就算你现在不打算使用ES6，但为了看懂别人的你也该懂点ES6的语法了...在我们正式...
2019-12-12 18:14:27
114
转载 vue中slot（插槽）的介绍与使用 （推荐阅读）
什么是插槽？插槽（Slot）是Vue提出来的一个概念，正如名字一样，插槽用于决定将所携带的内容，插入到指定的某个位置，从而使模板分块，具有模块化的特质和更大的重用性。插槽显不显示、怎样显示是由父组件来控制的，而插槽在哪里显示就由子组件来进行控制Vue slot 原理在web-components中有slot的概念，https://developers.google.com/web/fu...
2019-12-11 11:12:08
480
转载 Vue中美元$符号的意思
vue的实例属性和方法除了数据属性，Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀$，以便与用户定义的属性区分开来。例如： var data = { a: 1 }var vm = new Vue({ el: '#example', data: data})vm.$data === data // => truevm.$el === doc...
2019-12-10 11:16:26
2269
转载 vue 组件传值(推荐阅读)
vue 组件之间数据传输(props 传值方式)这个多用于父子组件之间的传值,是最基本的传值方式父亲组件进行绑定,将数据绑定,其中 personal,personalData,imgUrl 是绑定的数据,@updata 是绑定的事件<template> ... <slideBar @updata="updata" ...
2019-12-10 10:10:39
235
转载 小程序的wxs简单使用
WXS（WeiXin Script）是小程序的一套脚本语言，结合WXML，可以构建出页面的结构。wxs可以说就是为了满足能在页面中使用js存在的，在wxml页面中，只能在插值{{ }}中写简单的js表达式，而不能调用方法，例如想取出一个字符串的最后一位，就不能调用slice()方法。通常的解决办法是在page的data对象中先把这个字符串截取好赋给某个变量，然后在页面中使用这个变量，但是...
2019-12-06 10:16:52
180
转载 微信小程序生命周期（onLoad，onHide，onShow，onReady，onUnload）
周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信小程序的生命周期：应用生命周期页面生命周期应用生命周期影响页面生命周期应用生命周期image1、用户首次打开小程序，触发 onLaunch（全局只触发一次）。2、小程序初始化完成后，触发onShow方法，监听小程序显示。3、小程序从前台进入后台，触发 onHide方法。4...
2019-12-04 17:55:55
6076
2
转载 HTML <label> 标签的 for 属性
for 属性规定 label 与哪个表单元素绑定。隐式和显式的联系标记通常以下面两种方式中的一种来和表单控件相联系：将表单控件作为标记标签的内容，这样的就是隐式形式，或者为 <label> 标签下的 for 属性命名一个目标表单 id，这样就是显式形式。例如，在 XHTML 中：显式的联系：<label for="SSN">Social Security...
2019-12-03 16:39:30
102
转载 浅谈display:flex(推荐阅读)
display:flex 意思是弹性布局首先flex的出现是为了解决哪些问题呢？一、页面行排列布局像此图左右两个div一排显示可以用浮动的布局方式html部分css部分这种布局有两个缺点1.需要一个空div来清除浮动，当然也可以选用其他清除浮动的方法，但此处需要清除浮动才能不影响下面的布局。2.当.left,.right 的宽度是固定的，浏...
2019-12-03 16:37:42
140
转载 小程序中使用rpx单位,布局适配方案（rpx、px、vw、vh）
1:小程序中使用rpx单位rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)iPhone5 1rpx = 0....
2019-12-03 15:58:08
2483
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人