2019年04月_yakunyang（2016）

原创 js原生渲染递归组件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-04-30 17:50:25 611

原创 bind call 深入理解

前言，对待知识要有追根溯源的决心。一次记不住，那就再来一次，，那就一行一行解析，再试一次；同样的知识可以记忆 2，次3次，4次，直到我真真理解了每一句话的意思和思想。品味其中的道理（2019/4/30 于宜信集团）知识点1:首先： bind 是改变context 指向的挂载在Function 内置构造函数身上的方法例如： function foo() { this.b = 100...

2019-04-30 16:45:42 456

原创自定义指令

Vue.directive('enterNumber', {inserted: function(el) { el.addEventListener('keypress', function(e) {e = e || window.eventconst charcode = typeof e.charCode === 'number'...

2019-04-23 15:14:43 143

原创点击穿透 touch事件与点击穿透问题

click 事件的300毫秒的延后性质造成了，点击了上层消失后，click 事件还没有触发到，上层消失后，下面的documenr 被触发 click 事件；仿佛穿透；在手机上，当我们手触碰屏幕时，要过300ms左右才会触发mousedown事件，所以click事件在手机上看起来就像慢半拍一样。PC网页上的大部分操作都是用鼠标的，即响应的是鼠标事件，包括mousedown、mouseup...

2019-04-23 09:51:21 788

原创二叉树

一棵深度为k，且有2^k-1个节点的二叉树，称为满二叉树。https://www.cnblogs.com/webFrontDev/p/3865719.html树型结构是一类非常重要的非线性结构。直观地，树型结构是以分支关系定义的层次结构。树在计算机领域中也有着广泛的应用，例如在编译程序中，用树来表示源程序的语法结构；在数据库系统中，可用树来组织信息；在分析算法的行为时，可用树来描述其执...

2019-04-22 22:19:56 214

原创 apply call apply 的使用和原理

varcontext = {id: 12}; function fun (name, age) { console.log(this.id, name, age) } bindbind()方法会创建一个新函数。当这个新函数被调用时，bind() 的第一个参数将作为它运行时的 this，之后的一序列参数将会在传递的实参前传入作为它的参数。　...

2019-04-21 23:28:21 140

原创 {} 空检测， JSON.parse() JSON.stringify(obj)缺点

let obj = {"name";1}方法 1: Object.getOwnPropertyNames(data).length方法2: JSON.stringify(c) =="{}"'{"a":1}'JSON.parse() 应该是1 单引号套双引号；否则报错，2不允许逗号结尾；如果obj里面有时间对象，则JSON.stringify后再JSON.parse...

2019-04-18 20:07:04 2109

原创 vue sync 修饰符 vue2.23 重新引入了

这篇博客已经写的很清楚了，但是还需要补充一点。https://www.jianshu.com/p/6b062af8cf01 感谢！具体小坑如下图：

2019-04-18 15:44:39 118

原创 vue 使用underscore lodash debounce throttle

在解析研究underscore， lodash源码，的使用，我想underscore 引入vue，本来很简单的事情第一步： npm installunderscore --save第二，在自己的组件内引入import _ from "underscore"第三使用：使用，这时候出问题了， arr 方法 obj 方法都是好用的正常的，例如var numbers ...

2019-04-16 15:14:37 2055

原创 axios 取消已经发送的请求

Axios 如何取消已发送的请求？https://www.jianshu.com/p/d5d3bea46c5c最近遇到一个问题，在连续发送同一请求时，如果第二次请求比第一次请求快，那么实际显示的是第一次请求的数据，这就会造成数据和我选择的内容不一致的问题。解决的方案：在后续发送请求时，判断之前的请求是否完成（同一个接口），如果未完成则立即取消。然后在发送新的请求。Axios 介绍A...

2019-04-03 15:42:47 660

原创常用正则，姓名匹配，去空格等

中英文姓名正则匹配中文姓名匹配的表达式为：var namereg = /^[\u4E00-\u9FA5]{2,4}$/;表达式前段标识匹配中文字符，后面的2，4表示长度不小于2，不大于4，鉴于少数民族的姓名长度较长，并且中间会出现“·”，增强的中文姓名匹配正则表达式如下：var namereg = /^[\u4E00-\u9FA5]+(·[\u4E00-\u9FA5]+)*$/...

2019-04-03 15:33:07 4112

原创身份证号码验证

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compa...

2019-04-03 13:36:16 336

原创 h5 小属性，页面滚动