08 2021 档案

摘要:什么是跨域? 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 什么是同源策略?同源策略/SOP(Same origin policy)是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、C 阅读全文
posted @ 2021-08-30 13:41 Panda的前端笔记 阅读(66) 评论(0) 推荐(0)
摘要:undefined和null在if语句中,都会被自动转为false,相等运算符甚至直接报告两者相等。 if (!undefined) console.log('undefined is false'); // undefined is false if (!null) console.log('nu 阅读全文
posted @ 2021-08-30 12:23 Panda的前端笔记 阅读(73) 评论(0) 推荐(0)
摘要:哪个生命周期可以发起请求 在created 钩子函数触发时,组件的 data 数据、通过路由注入的数据已经具备,此时可以使用这些数据发送 ajax 请求。 在 mounted 钩子函数中发起也可以,但是相对比 created 稍微迟了一些。 如果不需要依赖任何数据发起 ajax 请求,那么在 bef 阅读全文
posted @ 2021-08-25 17:03 Panda的前端笔记 阅读(75) 评论(0) 推荐(0)
摘要:插件按需加载 路由懒加载 { // 话题 path: '/topic', name: 'topic', component: () => import('@/views/hashtag/topic.vue'),路由懒加载 } 不生成map文件 设置productionsourcemap false 阅读全文
posted @ 2021-08-11 13:55 Panda的前端笔记 阅读(69) 评论(0) 推荐(0)
摘要:精简代码 css js html 压缩代码 优化代码 引入cdn CSS 选择器解析问题。编码过程中用尽可能少的选择器来表示一个元素,因为 CSS 是从右往左加载的。 css在head中 因为下载完css就开始渲染 js最后 因为会阻塞加载 图片懒加载 防抖(延迟执行) 搜索框 节流(一定时间只执行 阅读全文
posted @ 2021-08-11 13:55 Panda的前端笔记 阅读(43) 评论(0) 推荐(0)
摘要:ref注册子组件 父组件通过$refs.子组件方法调用 子组件通过$emit 父向子传值 父 :dataname = val 子 props: ['dataname']后直接用 子向父 子 this.$emit("functionname",dataval) $emit触发自定义事件 父 @func 阅读全文
posted @ 2021-08-11 13:54 Panda的前端笔记 阅读(112) 评论(0) 推荐(0)
摘要:数据类型 JS分两种数据类型: 基本数据类型:Number、String、Boolean、Null、 Undefined、Symbol(ES6),这些类型可以直接操作保存在变量中的实际值。 引用数据类型:Object(在JS中除了基本数据类型以外的都是对象,数据是对象,函数是对象,正则表达式是对象, 阅读全文
posted @ 2021-08-11 13:49 Panda的前端笔记 阅读(74) 评论(0) 推荐(0)
摘要:this 永远指向最后调用它的那个对象 普通函数中 this 的指向,是 this 执行时的上下文 箭头函数中 this 的指向,是 this 定义时的上下文 箭头函数的this绑定看的是this所在的函数定义在哪个对象下,绑定到哪个对象则this就指向哪个对象 如果有对象嵌套的情况,则this绑定 阅读全文
posted @ 2021-08-10 15:51 Panda的前端笔记 阅读(46) 评论(0) 推荐(0)
摘要:Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。(ps:什么是原型:https://blog.csdn.net/qq_34645412/article/details/105997336) P 阅读全文
posted @ 2021-08-10 15:45 Panda的前端笔记 阅读(58) 评论(0) 推荐(0)
摘要:工厂模式,创建方式 function createPerson(name,age,job){ var o = new Object(); o.name=name; o.age=age; o.job=job; o.sayName = function(){ alert(this.name); } re 阅读全文
posted @ 2021-08-10 15:35 Panda的前端笔记 阅读(66) 评论(0) 推荐(0)
摘要:call()、apply()、bind() 都是用来重定义 this 这个对象的 call接收参数列表,apply接收数组参数,bind和call一样,但是返回值是函数需要再调用才执行 var f1 = function(a,b) { console.log(a+b); } var f2 = fun 阅读全文
posted @ 2021-08-10 15:30 Panda的前端笔记 阅读(34) 评论(0) 推荐(0)
摘要:防抖 如果短时间内大量触发同一事件,只会执行一次函数。 事件延迟执行,再触发刷新时间 /*****************************简化后的分割线 ******************************/ function debounce(fn,delay){ let time 阅读全文
posted @ 2021-08-10 15:03 Panda的前端笔记 阅读(51) 评论(0) 推荐(0)
摘要:简单说就是 定义在一个函数内部的函数,内部函数持有 外部函数 内的变量 或 参数的引用。内部函数依赖外部函数, 外部函数参数和变量 不会被垃圾回收机制回收,这些变量会始终存在于内存中。 好处可以读取函数内部的变量,可以避免全局变量的污染,坏处会增加内存的使用量,容易导致内存泄漏,解决方法就是退出函数 阅读全文
posted @ 2021-08-10 14:29 Panda的前端笔记 阅读(76) 评论(0) 推荐(0)
摘要:首先创建一个空对象 tempObj = {}。 接着调用 Foo.apply 方法,将 tempObj 作为 apply 方法的参数,这样当 Foo 的执行上下文创建时,它的 this 就指向 tempObj 对象。 然后执行 Foo 函数,此时的 Foo 函数执行上下文中的 this 指向了 te 阅读全文
posted @ 2021-08-09 16:20 Panda的前端笔记 阅读(100) 评论(0) 推荐(0)