- 博客(14)
- 收藏
- 关注
RSS订阅原创 全局组件定义的四种方式
在子组件中，如果将模板字符串，定义到了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关注的人