caopinpin-优快云博客

原创 redux-saga

redux-saga是管理redux异步操作的中间件 redux-saga通过创建sagas将所有异步操作逻辑收集在一个地方集中处理。 sagas采用Generator函数来yield Effects。Generator函数可以暂停执行，再次执行的时候从上次暂停的地方继续执行。常见的effect有：fork，call，take，put，cancel 由于使用了generator函数，redux...

2019-08-20 14:47:14 165

原创前端面试题

CSS 盒模型模型的组成大家肯定都懂，由里向外content,padding,border,margin. 盒模型是有两种标准的，一个是标准模型，一个是IE模型。盒模型的宽高只是内容（content）的宽高，而在IE模型中盒模型的宽高是内容(content)+填充 (padding)+边框(border)的总宽高。 css如何设置两种模型这里用到了CSS3 的属性 box-...

2019-08-01 19:12:00 655

原创 openId和unionId的区别

微信openid和unionid长度是不一样的 openid=28，unionid=29 openid同一用户同一应用唯一，unionid同一用户不同应用唯一。这里的不同应用是指在同一微信开发平台下的不同应用为了识别用户，每个用户针对每个公众号会产生一个安全的openid。如果需要在多公众号、移动应用之间做用户共通，则需要前往微信开放平台，将这些公众号和应用绑定到一个开放平台账号下，绑定后，...

2019-08-01 17:09:11 218

转载 JS-构造函数类和原型prototype定义属性和方法的区别

js在定义构造函数的方法时，最好的使用原型的方式，其原因为:将方法定义到构造方法的prototype上，通过该类生成的实例所拥有的方法都指向一个函数的索引，这样可以节省内存。在实现向并非只有将放法定义到prototype上才能实现这样的效果，我们可以将方法定义在构造函数外部，然后使用this.method = method 的方式，这样生成的实例的方法也都通过索引指向一个函数。 //不使用原型定...

2019-07-24 08:50:24 661

转载前端和后台如何做交互

1、前端请求数据URL由谁来写在开发中，URL主要是由后台来写好给前端。若后台在查询数据，需要借助查询条件才能查询到前端需要的数据时，这时后台会要求前端提供相关的查询参数（即URL请求的参数）。 2、接口文档主要由谁来写接口文档主要由后台设计和修改。后台直接跟数据打交道，最清楚数据库里有什么数据，能返回什么数据。前端只是数据的被动接受者，只是接口文档的使用者。使用过程中，发现返回的数据...

2019-07-22 21:17:49 1518

原创对象根据key排序

let obj= { 'b': 'foo', 'c': 'bar', 'a': 'baz', 1:'123', 56: '121', 2: '123' }; function objSort(obj) { let temp = {}; Object.keys(obj).reverse().forEach...

2019-07-19 11:56:09 269

原创防抖节流

// 防抖，直到事件触发间隔频率大于一定时间再触发一次 export function Debounce(func, ms=500){ let timer = 0; return function(){ window.clearTimeout(timer); timer = setTimeout(()=>{ func() }, ms) } } // ...

2019-07-19 11:39:42 120

转载 Vue 页面加载闪现代码问题

Vue 页面加载闪现代码问题 CSS中 [v-cloak] { display: none; } HTML中 <div v-cloak> {{ message }} </div>

2019-07-18 19:06:52 431

转载数组和字符串对象中的共有的方法

数组和字符串都有的方法： concat、includes、indexOf、lastIndexOf、slice、toString concat: 数组中concat concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。字符串中的concat concat 方法将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回。 concat方法并不影响原字符串。 ...

2019-07-13 11:59:35 353

原创虚拟dom

虚拟DOM与真实DOM的区别虚拟DOM不会进行排版与重绘操作虚拟DOM进行频繁修改，然后一次性比较并修改真实DOM中需要改的部分（注意！），最后并在真实DOM中进行排版与重绘，减少过多DOM节点排版与重绘损耗真实DOM频繁排版与重绘的效率是相当低的虚拟DOM有效降低大面积（真实DOM节点）的重绘与排版，因为最终与真实DOM比较差异，可以只渲染局部使用虚拟DOM的损耗计算：总损耗 =...

2019-07-13 09:58:31 203

转载 openId和unionId的区别