- 博客(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
124
转载 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
1173
转载 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
128
转载 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
72
转载 react-router react路由层
React-router React-router提供了一些router的核心api，包括Router, Route, Switch等，但是它没有提供dom操作进行跳转的api。 React-router-dom React-router-dom提供了 BrowserRouter,Route, Link 等api,我们可以通过dom的事件控制路由。例如点击一个按钮进行跳转...
2018-10-27 17:40:00
76
转载 flex布局
弹性布局 display: flex; display: -webkit-flex; /* Safari */ 容器盒子属性 flex-direction 决定主轴的方向（即项目的排列方向） row（默认值）：主轴为水平方向，起点在左端。 row-reverse：主轴为水平方向，起点在右端。 column：主轴为垂直方向，起点在上沿。 co...
2018-08-15 15:00:00
117
转载 Redux入门
安装 npm install --save redux react绑定库和开发者工具 npm install --save react-redux npm install --save-dev redux-devtools 几个概念： 所有的state以一个对象树的形式存储在单一的store中 唯一改变state的方法就是触发action ...
2018-08-10 10:31:00
60
转载 什么是高阶函数？
function isSearched(searchTerm){ return function(item){ return item.title.toLowerCase().include(searchTerm.toLowerCasese()); } } 使用一个函数返回另一个函数，称为高阶函数。简写为： const isSearched = s...
2018-08-09 11:44:00
183
转载 react类方法的绑定
首先我们需要明白 什么是单向数据流？ 你通过onClick触发一个动作，再通过函数/类方法修改组件的state，最后通过render()方法再次运行来更新界面 class App extends Component{}不能完成this的自绑定，所以采用以下方式 官方推荐的方法 this.onClickMe = this.onClickMe.bind(this); ...
2018-08-09 11:44:00
89
转载 react组件
官方推荐的： ES6类组件： 继承自Component组件类，会注册所有生命周期方法。 函数式无状态组件 这类组件就是函数，接收一个输入props,输出一个普通的jsx组件实例。不能通过this.state,this.setState()访问。它也没有生命周期方法 React.createClass({})组件 老版本使用 转载于:https://www.cnblogs.c...
2018-08-09 11:44:00
49
转载 PropType类型
基本使用如下： Button.propTypes = { onClick: PropTypes.func.isRequired, className: PropTypes.string, children: PropTypes.node.isRequired, } 基本以及复杂类型有： .PropTypes.array .PropTypes.b...
2018-08-09 11:43:00
3577
转载 fetch请求
我们向服务端发送请求,一般会使用三种方式, XMLHttpRequest(XHR)，Fetch ，jQuery实现的AJAX 1. XMLHttpRequest 是一个非常粗糙的API，不符合关注分离，不推荐使用 2.jQuery实现AJAX $.ajax({ method: 'POST', url: '/api', data: { user...
2018-08-09 11:43:00
84
转载 高阶组件
高阶组件(HOC)是react的高级概念。HOC与高阶函数等价，它接受任何输入-多数情况下是一个组件，返回一个输入组件的增强版本 例如： function withLoading (Component){ return function(props){ return prisLoading ? <Loading /> : <Component...
2018-08-09 11:43:00
73
转载 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
69
转载 关于react生命周期
react生命周期有三种状态1初始化2更新3销毁 初始化阶段 1 getDefaultProps(); 设置组件的默认属性,也可以defaultProps：{}设置 2 getInitialState(); ES6中直接继承Component类，使用this.state={}，此时可以访问this.props 3 componentWillMount(); 渲染之前调用，既...
2018-08-06 16:00:00
72
转载 如何区分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
79
转载 js中的六大数据类型
很多面试官的第一个问题，往往是这样： Js中有哪些数据类型： 5种基本类型：null，undefined，Number，Boolean，String；1种复杂类型：Object 接着面试官可能就题上出题了： 那null和undefined有什么关系？ 也许很多小伙伴会想到：undefined派生自null。可是二者好像并没有继承的关系呀，我们都知道Object继承自...
2018-08-06 15:34:00
93
转载 git入门
本文我通过自己的日常使用，记录我们前端开发中最常用的一些命令，点到为止，不做深层次的探究。毕竟我们是实践者，而非理论家。 首次接触git，是在2017年9月，我在培训课上首次接触到它。老师说他是版本管理工具，用于多人协作的开发模式，之前还有cvs,svn之类的工具。他们都被淘汰在无尽的技术浪潮里；cvs仅仅是听过，svn我倒是在上海分公司的时候用过，和用它管理的项目一样，老掉了牙...
2018-07-21 14:44:00
101
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人