04 2019 档案

Pormise
摘要：//Pormise function MyPromise (executor) { var self = this self.status = 'pending' self.resolveValue = null self.rejectValue = null self.resolveCallbac 阅读全文
posted @ 2019-04-29 18:41 那个村 阅读(1015) 评论(0) 推荐(0)
combineReducers
摘要：const reactInit = '@@react/Init' const combineReducers = (reducers) => { const finalReducers = {} for (let key in reducers) { const reducer = reducers[key] if (typeof reducer === ... 阅读全文
posted @ 2019-04-28 14:32 那个村 阅读(165) 评论(0) 推荐(0)
redux&&createStore
摘要：const createStore = (reducer,presetState, enhancer) => { if (typeof presetState "function") { enhancer = presetState presetState = undefined } if (typ 阅读全文
posted @ 2019-04-28 10:53 那个村 阅读(268) 评论(0) 推荐(0)
前端优化
摘要：前端性能优化有七大手段：减少请求数量，减少资源大小，优化网络连接，优化资源加载，减少重绘回流，使用性能更好的API和构建优化 减少请求数量：通过减少重定向，使用缓存，不适用CSS@import，避免使用空的src和href等手段 减少资源大小：通过压缩HTML，CSS，JS，图片，此外在安卓下可以使 阅读全文
posted @ 2019-04-09 12:57 那个村 阅读(173) 评论(0) 推荐(0)
发布订阅模式
摘要：//node事件模块function Event () { this.cacheEvent = {}}//添加订阅事件Event.prototype.on = function (type, handle) { if (!this.cacheEvent[type]){ this.cacheEvent[type] = [handle] } else { ... 阅读全文
posted @ 2019-04-05 18:15 那个村 阅读(261) 评论(0) 推荐(0)
react生命周期函数
摘要：初始化 1、getDefaultProps() 设置默认的props，也可以用dufaultProps设置组件的默认属性. 2、getInitialState() 在使用es6的class语法时是没有这个钩子函数的，可以直接在constructor中定义this.state。此时可以访问this.p 阅读全文
posted @ 2019-04-05 14:00 那个村 阅读(371) 评论(0) 推荐(0)
react生命周期和组件生命周期
摘要：React的组件在第一次挂在的时候首先获取父组件传递的props，接着获取初始的state值，接着经历挂载阶段的三个生命周期函数，也就是ComponentWillMount，render，ComponentDidMount，这三个函数分别代表组件将会挂载，组件渲染，组件挂载完毕三个阶段，在组件挂载完 阅读全文
posted @ 2019-04-05 13:41 那个村 阅读(526) 评论(0) 推荐(0)
CORS
摘要：服务端定义响应头head = { 'Access-Control-Allow-Origin': '*', "Access-Control-Allow-Methods": 'GET', 'Access-Control-Allow-Headers': 'x-required-with, content- 阅读全文
posted @ 2019-04-04 21:08 那个村 阅读(171) 评论(0) 推荐(0)
箭头函数
摘要：ES6 增加了箭头函数，基本语法为 let func = value => value; 相当于 let func = function (value) { return value; }; 箭头函数与普通函数的区别在于： 1、箭头函数没有this，所以需要通过查找作用域链来确定this的值，这就意 阅读全文
posted @ 2019-04-04 15:25 那个村 阅读(140) 评论(0) 推荐(0)
vue生命周期
摘要：Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、销毁等一系列过程，我们称这是Vue的生命周期。通俗说就是Vue实例从创建到销毁的过程，就是生命周期。 每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁。 实例、组 阅读全文
posted @ 2019-04-03 22:36 那个村 阅读(248) 评论(0) 推荐(0)
虚拟DOM
摘要：用JavaScript 对象结构表示 DOM 树的结构；然后用这个树构建一个真正的 DOM 树，插到文档当中 当状态变更的时候，重新构造一棵新的对象树。然后用新的树和旧的树进行比较，记录两棵树差异 把所记录的差异应用到所构建的真正的DOM树上，视图就更新了。Virtual DOM 本质上就是在 JS 阅读全文
posted @ 2019-04-03 22:21 那个村 阅读(137) 评论(0) 推荐(0)
深度拷贝
摘要：function clone( obj ) { var copy; switch( typeof obj ) { case "undefined": break; case "number": copy = obj - 0; break; case "string": copy = obj + "" 阅读全文
posted @ 2019-04-03 21:58 那个村 阅读(142) 评论(0) 推荐(0)
网页性能优化
摘要：减少HTTP请求 使用内容发布网络（CDN） 添加本地缓存 压缩资源文件 将CSS样式表放在顶部，把javascript放在底部（浏览器的运行机制决定） 避免使用CSS表达式 减少DNS查询 使用外部javascript和CSS 避免重定向 图片lazyLoad 阅读全文
posted @ 2019-04-03 20:25 那个村 阅读(132) 评论(0) 推荐(0)
bind封装
摘要：原理：通过apply或者call方法来实现。 (1)初始版本 Function.prototype.bind=function(obj,arg){ var arg=Array.prototype.slice.call(arguments,1); var context=this; return fu 阅读全文
posted @ 2019-04-03 19:30 那个村 阅读(174) 评论(0) 推荐(0)
对象深度克隆
摘要：function deepClone (target,origin) { var target = target || {}; for (props in origin) { if (origin.hasOwnProperty(props)) { if ( typeof origin[props] 阅读全文
posted @ 2019-04-03 17:48 那个村 阅读(133) 评论(0) 推荐(0)
promise封装的ajax
摘要：var myNewAjax=function(url){ return new Promise(function(resolve,reject){ var xhr = new XMLHttpRequest(); xhr.open('get',url); xhr.send(data); xhr.onr 阅读全文
posted @ 2019-04-03 17:47 那个村 阅读(132) 评论(0) 推荐(0)
BFC
摘要：(1)什么是BFC与IFCa、BFC（Block Formatting Context）即“块级格式化上下文”， IFC（Inline Formatting Context）即行内格式化上下文。常规流（也称标准流、普通流）是一个文档在被显示时最常见的布局形态。一个框在常规流中必须属于一个格式化上下文 阅读全文
posted @ 2019-04-01 10:46 那个村 阅读(144) 评论(0) 推荐(0)