- 博客(18)
- 收藏
- 关注
RSS订阅转载 Vue语法
引入方式你也可以创建一个.html文件，然后通过如下方式引入 Vue<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>第一章 Hello Vue<div id="app"> {{message}}</div><s...
2019-09-17 09:50:00
123
转载 xlsx模块的使用---导出excel
导入cnpm install --save xlsx引入import XLSX from 'xlsx';使用_headers为列头数组 tblData为数据数组，每一个对象为一行数据let _headers = ['日期', ...xAxisData]; let headers = _headers.map((v, i) ...
2018-11-29 14:33:00
1172
转载 js 封装，继承，原型链
js是一门基于对象的语言，但它没有完整的class概念，至少在ES5中是没有的封装--原始模式：Cat = {name : '',color : ''};let cat1 = {};cat1.name = '大花';cat1.color = 'white';let cat2 = {};cat2.name = '二哈';cat2.colo...
2018-11-13 16:19:00
127
转载 js闭包概念
引言要理解闭包，首先要理解作用域，js语法中分两种变量：全局变量和局部变量（函数变量）var a = 1;function f1(c){ console.log(b); // undefined var b = 2; console.log(a); // 1 console.log(b); // 2 console.log(c...
2018-11-13 15:20:00
71
转载 react-router react路由层
React-routerReact-router提供了一些router的核心api，包括Router, Route, Switch等，但是它没有提供dom操作进行跳转的api。React-router-domReact-router-dom提供了 BrowserRouter,Route, Link 等api,我们可以通过dom的事件控制路由。例如点击一个按钮进行跳转...
2018-10-27 17:40:00
75
转载 flex布局
弹性布局display: flex;display: -webkit-flex; /* Safari */容器盒子属性flex-direction 决定主轴的方向（即项目的排列方向）row（默认值）：主轴为水平方向，起点在左端。row-reverse：主轴为水平方向，起点在右端。column：主轴为垂直方向，起点在上沿。co...
2018-08-15 15:00:00
116
转载 Redux入门
安装npm install --save reduxreact绑定库和开发者工具npm install --save react-redux npm install --save-dev redux-devtools几个概念： 所有的state以一个对象树的形式存储在单一的store中 唯一改变state的方法就是触发action...
2018-08-10 10:31:00
59
转载 什么是高阶函数？
function isSearched(searchTerm){ return function(item){ return item.title.toLowerCase().include(searchTerm.toLowerCasese()); }}使用一个函数返回另一个函数，称为高阶函数。简写为：const isSearched = s...
2018-08-09 11:44:00
182
转载 react类方法的绑定
首先我们需要明白什么是单向数据流？你通过onClick触发一个动作，再通过函数/类方法修改组件的state，最后通过render()方法再次运行来更新界面class App extends Component{}不能完成this的自绑定，所以采用以下方式官方推荐的方法this.onClickMe = this.onClickMe.bind(this);...
2018-08-09 11:44:00
88
转载 react组件
官方推荐的：ES6类组件：继承自Component组件类，会注册所有生命周期方法。函数式无状态组件这类组件就是函数，接收一个输入props,输出一个普通的jsx组件实例。不能通过this.state,this.setState()访问。它也没有生命周期方法React.createClass({})组件老版本使用转载于:https://www.cnblogs.c...
2018-08-09 11:44:00
48
转载 PropType类型
基本使用如下：Button.propTypes = { onClick: PropTypes.func.isRequired, className: PropTypes.string, children: PropTypes.node.isRequired,}基本以及复杂类型有：.PropTypes.array.PropTypes.b...
2018-08-09 11:43:00
3572
转载 fetch请求
我们向服务端发送请求,一般会使用三种方式, XMLHttpRequest(XHR)，Fetch ，jQuery实现的AJAX1. XMLHttpRequest 是一个非常粗糙的API，不符合关注分离，不推荐使用2.jQuery实现AJAX$.ajax({ method: 'POST', url: '/api', data: { user...
2018-08-09 11:43:00
83
转载 高阶组件
高阶组件(HOC)是react的高级概念。HOC与高阶函数等价，它接受任何输入-多数情况下是一个组件，返回一个输入组件的增强版本例如：function withLoading (Component){ return function(props){ return prisLoading ? <Loading /> : <Component...
2018-08-09 11:43:00
72
转载 JS中call、apply、bind的区别
首先，为什么要使用call,apply,bind，原因是他们可以改变this指向box.onclick = function(){ function fn(){ alert(this); } fn(); };我们原本以为这里面的this指向的是box,然而却是Window。一般我们这样解决：box.onclick ...
2018-08-06 17:37:00
68
转载 关于react生命周期
react生命周期有三种状态1初始化2更新3销毁初始化阶段1 getDefaultProps();设置组件的默认属性,也可以defaultProps：{}设置2 getInitialState();ES6中直接继承Component类，使用this.state={}，此时可以访问this.props3 componentWillMount();渲染之前调用，既...
2018-08-06 16:00:00
71
转载 如何区分js数据类型
js中有六大数据类型，null，undefined，Number，String，Boolean，Object(引用类型包含Array,Function)；首先你可能会想到typeof操作符typeof操作符的结果有六种，都是字符串: 分别是Undefined,String,Boolean,Number,Object,Function。可以看出typeof对于区分数据类型...
2018-08-06 16:00:00
78
转载 js中的六大数据类型
很多面试官的第一个问题，往往是这样：Js中有哪些数据类型： 5种基本类型：null，undefined，Number，Boolean，String；1种复杂类型：Object接着面试官可能就题上出题了：那null和undefined有什么关系？也许很多小伙伴会想到：undefined派生自null。可是二者好像并没有继承的关系呀，我们都知道Object继承自...
2018-08-06 15:34:00
92
转载 git入门
本文我通过自己的日常使用，记录我们前端开发中最常用的一些命令，点到为止，不做深层次的探究。毕竟我们是实践者，而非理论家。首次接触git，是在2017年9月，我在培训课上首次接触到它。老师说他是版本管理工具，用于多人协作的开发模式，之前还有cvs,svn之类的工具。他们都被淘汰在无尽的技术浪潮里；cvs仅仅是听过，svn我倒是在上海分公司的时候用过，和用它管理的项目一样，老掉了牙...
2018-07-21 14:44:00
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人