u010678473-CSDN博客

原创项目简介

所做物联网系统为一个整体，但是里面分为很多子系统。不同的子系统合为一个场所，使用一套账号密码进行登陆。由于做的子系统比较多，大部分都是和同事一起合作，有的参与度深，有的参与度浅，所以这边挑几个比较深入的项目进行描述，使用的技术主要有es6、html5、css3、react、redux、route、webpack、ant-design、echarts等。一、学校管理系统：分为前后台，后台：可...

2018-11-23 11:20:40 151

转载数组方法总结

1、join()join(separator): 将数组的元素组起一个字符串，以separator为分隔符，省略的话则用默认用逗号为分隔符，该方法只接收一个参数：即分隔符。var arr = [1,2,3];console.log(arr.join()); // 1,2,3console.log(arr.join("-")); // 1-2-3console.log(arr); /...

2018-11-23 11:20:28 103

转载清除浮动的方法和同源策略

作为一个前端er肯定会要用到float属性。浮动的框可以左右移动，直到遇到另一个浮动框或者遇到它外边缘的包含框。浮动框不属于文档流中的普通流，当元素浮动之后，不会影响块级元素的布局，只会影响内联元素布局。此时文档流中的普通流就会表现得该浮动框不存在一样的布局模式。当包含框的高度小于浮动框的时候，此时就会出现“高度塌陷”。即为何我们需要清楚浮动。下面的例子即展示何为塌陷。1、父级div定...

2018-11-23 11:20:17 182

转载普通知识

null是一个表示“无”的对象，转为数值为0.undefined是一个表示“无”的原始值，转数值为NaN。var p=new F;用new调用一个函数发生了这些事：（1）新建一个对象instance=new Object();（2）设置原型链instance.__proto__=F.prototype;（3）让F中的this指向instance，执行F的函数体。（4）判断F的返回值...

2018-11-23 11:20:06 238

转载继承和算法

JS实现继承的几种方式前言JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this...

2018-11-23 11:19:53 412

转载 webpack

webpack原理与实战webpack是一个js打包工具，不一个完整的前端构建工具。它的流行得益于模块化和单页应用的流行。webpack提供扩展机制，在庞大的社区支持下各种场景基本它都可找到解决方案。本文的目的是教会你用webpack解决实战中常见的问题。webpack原理在深入实战前先要知道webpack的运行原理webpack核心概念entry 一个可执行模块或库的入口文件...

2018-11-23 11:19:41 87

转载 webpack plugin loader和node.js

ES6新特性：1、let const声明一个变量，一般为局部变量。const声明一个变量设置值后不再改变。2、解构赋值let [a, b, c] = [1, 2, 3]3、箭头函数修复了this的指向，使其永远指向词法作用域，是定义时所在的对象。4、延展操作符let num = [1, 2, 3]; ...num;5、类引入了class类的概念，与多数传统语言类似6、im...

2018-11-23 11:19:28 246

转载 redux-thunk和弹性布局和display

redux-thunk源码function createThunkMiddleware(extraArgument) { return ({ dispatch, getState }) => next => action => { if (typeof action === 'function') { return action(dispatch, ge...

2018-11-23 11:19:15 91

转载 react-route和children

2.使用我们直接上例子：import React from 'react'import {BrowserRouter as Router,Route,Link} from 'react-router-dom'const Basic = () => ( <Router> <div> <ul> <li...

2018-11-23 11:19:03 2466

转载 react-redux

react-redux文件目录结构applyMiddlewar.js 使用自定义的 middleware 来扩展 ReduxbindActionCreators.js 把 action creators 转成拥有同名 keys 的对象,使用时可以直接调用combineReducers.js 一个比较大的应用，需要对 reducer 函数进行拆分，拆分后的每一块独立负责管理 state 的一...

2018-11-23 11:18:49 112

转载 promise和let、const

Promise 的含义Promise 在JavaScript语言早有实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise 对象。所谓Promise ，就是一个对象，用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的API，可供进一步处理。Promise 对象有以下两个特点。（1）对象的状态不受外界影响。Promise...

2018-11-23 11:18:37 519

转载 key和居中

react中的key属性，它是一个特殊的属性，它是出现不是给开发者用的（例如你为一个组件设置key之后不能获取组件的这个key props），而是给react自己用的。react利用key来识别组件，它是一种身份标识标识。每个key对应一个组件，相同的key react认为是同一个组件，这样后续相同的key对应组件都不会被创建。key相同，若组件属性有所变化，则react只更新组件对应的属...

2018-11-23 11:18:25 102

转载 iframe

Web前端之iframe详解iframe基本内涵通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。<iframe src="demo_iframe_sandbox.htm"></iframe>但是，有追求的我们，并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么属性复制代码iframe常用属性:...

2018-11-23 11:18:10 111

转载原型链和闭包

原型链：上图中的复杂关系，实际上来源就两行代码function Foo(){};var f1 = new Foo;【构造函数】　　用来初始化新创建的对象的函数是构造函数。在例子中，Foo()函数是构造函数【实例对象】　　通过构造函数的new操作创建的对象是实例对象。可以用一个构造函数，构造多个实例对象function Foo(){};var f1 = new Foo;...

2018-11-23 11:17:21 189

u010678473的专栏