- 博客(14)
- 收藏
- 关注
原创 全局组件定义的四种方式
在子组件中,如果将模板字符串,定义到了script标签中,那么,要访问子组件身上的data属性中的值,需要使用this来访问;// 1.Vue.extend 和 Vue.component 搭配使用。template: "登录1"// 2.直接使用 Vue.component 方法。template: "登录1"在组件中,data需要被定义为一个方法,获取的是返回值,为了数据隔离,组件中展示数据和响应事件。全局组件定义的四种方式。
2023-01-11 19:35:15
119
原创 vue生命周期
从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数,这给了用户在不同阶段添加自己的代码的机会。生命周期函数=生命周期事件=生命周期钩子 // beforeCreate 执行时 date和methods 还没有被初始化 // created 在created时
2023-01-10 19:11:25
65
原创 set、map
/ WeakMap 弱引用 不过键名的类型必须要求是引用类型的值。// has 判断里面是否有指定的值,有-true,没有-false。// entries( ) 返回键值对的遍历器。// set 参数是数组,数组的值是基本类型。// 在set里面删除元素 delete。// get 获取指定元素,返回值。// 传值必须是对象类型的值[{}]// get 获取指定元素,返回值。// 删除指定键值对 delete。// 删除指定键值对 delete。// 找到指定元素 has。
2023-01-05 19:48:20
52
原创 箭头函数的基本特点
/ 箭头函数本身没有arguments,如果箭头函数在一个function内部,它会将外部函数的arguments拿过来使用。// (6). 箭头函数不能作为Generator函数,不能使用yield关键字。// (8). 箭头函数在ES6 class中声明的方法为实例方法,不是原型方法。// (1). 箭头函数this为父作用域的this,不是调用时的this。// (3). 箭头函数没有arguments,caller,callee。// (9). 多重箭头函数就是一个高阶函数,相当于内嵌函数。
2023-01-03 17:59:59
159
原创 jQueryHTML与插件
上面的三个jQuery方法:text()、html()以及val(),同样拥有回调函数。jQueryUI包含了许多维持状态的小部件(Widget),因此,它与典型的jQuery插件使。其他的使用attr();所有的jQueryUI小部件(Widget)使用相同的模式,所以,只要您学会。delegate()方法为指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。jquery不可能包含所有的功能,我们可以通过插件扩展jquery的功能。
2022-12-27 18:13:48
85
原创 函数的防抖(debounce)
我们在平时开发的时候,会有很多场景会频繁触发事件,比如说搜索框实时发请求,onmousemove, resize, onscroll等等,有些时候,我们并不能或者不想频繁触发事件。非立即执行版的意思是触发事件后函数不会立即执行,而是在 n 秒后执行,如果在 n 秒内又触发了事件,则会重新计算函数执行时间。立即执行版的意思是触发事件后函数会立即执行,然后 n 秒内不触发事件才能继续执行函数的效果。短时间内多次触发同一事件,只执行最后一次,或者只执行最开始的一次,中间的不执行。// 这边的 this 指向谁?
2022-12-22 19:58:32
228
原创 正则符号:
重复一次或更多次\d+ / ab+/:表示一个字符串有一个a后面跟着至少一个b或者更多;:表示一个字符串有一个a后面跟着零个或若干个b。$/:表示一个字符串有一个a后面跟着零个或者一个b。\ 转义符: \的用法 \ 主要是用法是在正则表达式中的特殊符号转换为它本身的意思。[] 字符串用中括号括起来,表示匹配其中的任一字符,相当于或的意思 [0-9]表示匹配行首的文本(以谁开始) ^\d。匹配至少有一个不是字母,数字,下划线。匹配至少一个字母或数字或下划线。匹配至少任意一个非数字的字符。
2022-12-21 21:26:13
59
原创 改变this指向
/ // 4、apply()方法可以改变this的指向,如果有多个参数,this指第一个参数,可以为null或者window,第二个参数是数组。// 4、call()方法可以改变this的指向,如果有多个参数,this指向第一个参数,剩下的是个参数列表(构造函数继承的案例。// // 2、apply()方法可以改变this的指向,如果没有参数,this指向window。// // 3、apply()方法可以改变this的指向,如果有一个参数,this指向该参数。
2022-12-17 20:34:28
42
原创 动画以及封装
scrollWidth和scrollHeight:获得元素的实际宽度和高度,在内容没有超出盒子时,获得的是盒子的内部高度和宽度。clientWidth和clientHeight:获取可视范围的宽度高度,即边框内部的,不包括border,包括padding.当盒子内部存在滚动条时,获得的高度和宽度不包括滚动条。scrollTop和scrollLeft:获得的是内容卷曲出去的高度和宽度,当滚动条向下拉时,内容往上走,获得的就是上面跑出盒子范围的那部分高度。(2)、如果父元素有定位,距离父元素最左侧的距离。
2022-12-02 21:05:15
66
原创 DOM节点操作和BOM
window是浏览器的顶级对象,当调用window下的属性和方法时,可以省略window注意:window下一个特殊的属性 window.name。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。属性的节点类型---2,getAttributeNode("属性"):获取元素的属性节点。子节点--childNodes:标签节点、文本节点、注释节点 得到的是伪数组。文本的节点类型---3,元素的第一个子节点就是文本节点。
2022-12-01 20:41:41
141
1
原创 事件总结(某些)
getAttribute("属性"):不仅可以获取元素本身的属性的属性值,还可以获取元素自定义的属性的属性值。removeAttribute("属性"):不仅可以移除元素本身的属性,还可以移除元素自定义的属性。解绑监听事件removeEventListener("事件的类型",事件的处理程序)绑定监听事件 addEventListener("事件的类型",事件的处理程序)元素的属性的设置:不仅可以设置元素本身的属性,还可以设置元素自定义的属性。setAttribute("属性的名字","属性的值");
2022-11-30 19:18:26
102
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人