- 博客(7)
- 收藏
- 关注
RSS订阅原创 Vue自定义指令
自定义指令的两个定义方式1、全局指令Vue.directive(name, 配置对象或者一个函数)1.1 配置对象中的钩子函数（bind、inserted、update、componentUpdated、unbind）Vue.directive("hello", { // 只调用一次，指令第一次绑定到元素时调用 bind (el, binding) { console.log('bind') }, // 被绑定元素
2020-06-12 17:54:52
369
原创 Vue 双向数据绑定原理
一句话概括基于 ES5 的 Object.defineProperty() 这个方法对数据做劫持。劫持数据的 setter 与 getter 。然后结合发布订阅模式在数据发生数据，通知页面进行更新。实现时通过三个类：Vue类、Compile(解析双花括号的类)、发布订阅类（Event）由于 ES5 的 Object.defineProperty() 这个方法不兼容 IE8 。所以我们的 vue 的兼容性也是不兼容 IE8 既以下版本核心： // 取值： this.name 的时候，会
2020-06-06 17:21:23
140
原创 form表单的默认行为
有如下一段结构:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form id="form_test" action="/myurl" method="post" > 用户名：<input type="text" value="" id="usern
2020-05-16 10:16:24
4559
原创 数组方法总结
ES5中拓展了几个数组方法，能让我们更高效的去操作数组。我做出以下总结：forEach（）遍历数组，无返回值。语法：XXX.forEach( ( item,index ) =>{ } ),XXX是一个数组，item是数组的每一项，index为数组下标var arr = [1,2,3,4,5]var arr2 = []var Index = []arr.forEach((item,index) => { if(item >= 2){ arr2.push(item.
2020-05-14 20:15:47
121
原创 JQuery常用方法
jQuery选择器选择器：简洁的写法，支持CSS1到CSS3的选择器$(“#test”)选取id为test的元素---单个元素$(“.test”)选取所有class为test的元素---元素集合$(“div”)选取所有的<div>元素---元素集合$(“divspan”)选取<div>里的所有的<span>(可以选到子和孙所有元素)元素---元素集合$(“div:first”)选取所有<div>元素中第1个<div...
2020-05-13 21:39:09
163
原创 函数防抖与函数节流
函数防抖与函数节流防抖（debounce）节流（throttle）一、防抖二、节流在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。防抖（debounce）所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了事件，则会重新计算函数执行时间。节流（throttle）所谓节流，就是指连续触发事件但是在 n 秒中只执行一次函数。节流会稀释函
2020-05-12 15:38:47
148
原创 JS中的this指向
大家都知道，在面向对象编程中常常会用到this这个关键字。那么this代表什么，它的指向又是什么？下面就根据我所查阅到的一些资料和自己的理解说明一下js中的this指向问题。this是什么？this是在函数运行时，自动在函数内部生成的一个对象。随着函数的使用场景不同，this的值也会发生变化。但总的一个原则是this永远指向调用this所在的函数的对象。this指向的4种情况一、this指...
2020-02-22 20:38:06
251
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人