10 2021 档案

摘要:区分 mouseover 和 mouseenter mouseover:在移入子元素时也会触发,对应 mouseout mouseenter:只在移入当前元素时才触发,对应 mouseleave hover() 使用的就是 mouseenter() 和 mouseleave() 区别 on('eve 阅读全文
posted @ 2021-10-26 20:01 RikkaXl 阅读(24) 评论(0) 推荐(0) 编辑
摘要:jQuery核心函数:$ 和 jQuery 一般作为函数使用:$(param) 1、参数为函数:当 DOM 加载完成后,执行此回调函数 2、参数为选择器字符串:查找所有匹配的标签,并将它们封装成 jQuery 对象 3、参数为 DOM 对象,将 DOM 对象封装成 jQuery 对象 4、参数为 h 阅读全文
posted @ 2021-10-24 19:25 RikkaXl 阅读(41) 评论(0) 推荐(0) 编辑
摘要:1.x:兼容老版本 IE ;文件更大; 2.x:部分 IE8 及以下不支持;文件小,执行效率更高; 3.x:完全不再支持 IE8 及以下版本;提供一些新的 API ;提供不包含 AJAX /动画 API 的版本 阅读全文
posted @ 2021-10-24 19:04 RikkaXl 阅读(109) 评论(0) 推荐(0) 编辑
摘要:axios与Axios的关系 1、从语法上来说:axios 不是 Axios 的实例 2、从功能上来说:axios 是 Axios 的实例 3、axios 是 Axios.prototype.request函数 bind() 返回的函数 4、axios 作为对象有 Axios 原型对象上的所有方法, 阅读全文
posted @ 2021-10-23 16:21 RikkaXl 阅读(113) 评论(0) 推荐(0) 编辑
摘要:1、在axios实例对象创建时,会往实例对象上添加两个属性 defaults(默认属性等) 和 interceptors(拦截器中两个对象 request,response) 2、往原型对象上添加方法 request、delete、get、post等 3、将实例对象上的属性和方法通过 extend 阅读全文
posted @ 2021-10-23 15:56 RikkaXl 阅读(126) 评论(0) 推荐(0) 编辑
摘要:1.Ajax的特点 AJAX 的优点 可以无需刷新页面而与服务器端进行通信 允许你根据用户事件来更新部分页面内容 AJAX 的缺点 没有浏览历史,不能回退 存在跨域问题(同源) SEO 不友好 2.发送get / post 请求 页面: const btn=document.getElementsB 阅读全文
posted @ 2021-10-08 20:35 RikkaXl 阅读(229) 评论(0) 推荐(0) 编辑
摘要:父传子: 父组件在子组件的标签处定义一个变量(v-bind),在子组件处props接收 子传父: 在父组件处定义一个函数,通过子组件的标签将这个函数传过去(@),子组件通过 $emit (定义函数名) 进行调用传回结果 兄弟传值: 发送的组件通过 $emit ('订阅名字',参数),通过 $on ( 阅读全文
posted @ 2021-10-07 20:59 RikkaXl 阅读(24) 评论(0) 推荐(0) 编辑
摘要:计算属性computed和方法methods的区别 1.如果一个业务流程没有返回值,则用methods实现,有返回值,用computed和methods都可以实现 2.计算属性和方法都是函数,计算属性一定有返回值,它通过对数据进行处理,返回一个结果 3.在模板中调用时,计算属性不加(),而metho 阅读全文
posted @ 2021-10-07 20:11 RikkaXl 阅读(229) 评论(0) 推荐(0) 编辑
摘要:const print({type,name) = {})=>{ if(!type) return 'no type'; if(!name) return 'no name'; return `${type}${name}` } //{type,name) = {}这里为ES6的对象解构赋值,默认传 阅读全文
posted @ 2021-10-07 15:22 RikkaXl 阅读(173) 评论(0) 推荐(0) 编辑
摘要:1.自带的方法——flat() 2.正则表达式 const res = JSON.stringify(arr).replace(/\[|\]/g,'') res.split(',') 通过 JSON.stringify 将数组对象转换成字符串,再从字符串中将 [ 和 ] 符号替换成空,之后调用spl 阅读全文
posted @ 2021-10-06 19:56 RikkaXl 阅读(56) 评论(0) 推荐(0) 编辑
摘要:BFC:块级格式化上下文 如何创建BFC: 1.将父级元素的 float 属性修改为除 none 外的值 2.将父级元素的 position 属性修改为除 static 和 relative 外的值 3.将父级元素的 display 属性修改为 inline-block、flex 和 inline- 阅读全文
posted @ 2021-10-06 19:26 RikkaXl 阅读(148) 评论(0) 推荐(0) 编辑
摘要://单例的职责 var getSingle = function(fn){ var result; return function(){ return result || (result = fn.apply(this,arguments)); } } //创建具体方法的职责 var createL 阅读全文
posted @ 2021-10-06 17:05 RikkaXl 阅读(22) 评论(0) 推荐(0) 编辑
摘要:event-loop开始的时候,会从全局一行一行的执行,遇到函数调用,会压入到调用栈中,被压入的函数被称之为帧,当函数返回后会从调用栈中弹出 js中的异步操作,比如fetch、setTimeout、setInterval压入到调用栈中的时候里面的消息会进去到消息队列中去,消息队列中会等到调用栈清空之 阅读全文
posted @ 2021-10-06 16:13 RikkaXl 阅读(36) 评论(0) 推荐(0) 编辑
摘要:1、内存溢出 内存溢出的原因:当程序运行需要的内存超过了剩余的内存时,抛出内存溢出的错误 2、内存泄漏 内存泄漏的原因:占用的内存没有及时释放,内存泄漏多了就容易导致内存溢出 会造成内存泄漏的有: 闭包 意外的全局变量( a = 1 不准确的写法) 被遗忘的定时器或回调函数 脱离DOM的引用 阅读全文
posted @ 2021-10-06 15:43 RikkaXl 阅读(58) 评论(0) 推荐(0) 编辑
摘要:1、执行上下文的理解: 1、执行期的上下文: 当函数代码执行的前期,会创建一个执行期上下文的内部对象 AO(函数作用域) 这个内部的对象是预编译的时候创建出来的,因为当函数被调用的时候,会先进行预编译 在全局代码执行的前期会创建一个执行期的上下文对象 GO(全局作用域) 2、函数执行上下文预编译流程 阅读全文
posted @ 2021-10-05 23:04 RikkaXl 阅读(105) 评论(0) 推荐(0) 编辑
摘要:function debounce(delay,value){ let timer; clearTimeout(timer); //取消上一次的计时行为,防止在短时间内(既小于delay)又一次触发计时器 timer=setTimeout(function(){ console.log(value) 阅读全文
posted @ 2021-10-05 19:26 RikkaXl 阅读(45) 评论(0) 推荐(0) 编辑
摘要:1 var s1=document.getElementById('s1'); 2 //span对象 3 s1.onclick=function(event){ 4 alert('s1'); 5 event.cancelBubble=true//取消事件冒泡 6 }; 7 var s2=docume 阅读全文
posted @ 2021-10-04 17:05 RikkaXl 阅读(19) 评论(0) 推荐(0) 编辑
摘要:1.节点Node,是构成我们网页的最基本的组成部分,网页中的每一个部分都可以称为是一个节点,比如:html标签、属性、文本、注释、整个文档等都是一个节点 2.虽然都是节点,但是他们的具体类型是不同的,比如:标签为元素节点、属性为属性节点、文本为文本节点、文档为文档节点 3.节点的类型不同,属性和方法 阅读全文
posted @ 2021-10-03 18:12 RikkaXl 阅读(95) 评论(0) 推荐(0) 编辑
摘要:1.DOM,全称Document Object Model文档对象模型 2.JavaScript中通过DOM来对HTML文档进行操作,只要理解了DOM就可以操作WEB页面 3.文档: 文档表示的就是整个的HTML网页文档 对象: 对象表示将网页中的每一部分都转换为了一个对象 模型: 使用模型来表示对 阅读全文
posted @ 2021-10-03 17:50 RikkaXl 阅读(17) 评论(0) 推荐(0) 编辑
摘要:1.slice() 传入两个参数,第一个为开始位置的索引,第二个为结束位置的索引(可以传入负数,表示从后面开始查),返回一个新的字符串 2.substring()(推荐使用这个!!!) 传入两个参数,第一个为截取位置的索引,第二个为结束位置的索引(不可以传入负数,传入默认当做为0)。若第二个参数小于 阅读全文
posted @ 2021-10-03 16:11 RikkaXl 阅读(776) 评论(0) 推荐(0) 编辑
摘要:1、call()和apply()的关系 call() 和 apply() 共同点: 这两个方法都是函数对象的方法,需要通过函数对象来调用 当对函数调用 call() 和 apply() 都会调用函数执行 在调用 call() 和 apply() 可以将一个对象指定为第一个参数,此时这个对象将会成为函 阅读全文
posted @ 2021-10-02 22:40 RikkaXl 阅读(31) 评论(0) 推荐(0) 编辑
摘要:1 var arr=[1,2,2,3,4,5,4,6,3,7,8] 2 for(var i=0;i<arr.length;i++){ 3 for(var j=i+1;j<arr.length;j++){ 4 if(arr[i]==arr[j]){ 5 arr.splice(j,1); 6 j--;/ 阅读全文
posted @ 2021-10-02 22:04 RikkaXl 阅读(22) 评论(0) 推荐(0) 编辑
摘要:this的情况: 当以函数形式调用时,this是window 当以方法的形式时调用时,谁调用方法this就是谁 当以构造函数的形式调用时,this就是新创建的那个对象 阅读全文
posted @ 2021-10-02 16:00 RikkaXl 阅读(22) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示