2021年8月30日
跨域
摘要： 什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 什么是同源策略？同源策略/SOP（Same origin policy）是一种约定，由Netscape公司1995年引入浏览器，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、C 阅读全文
posted @ 2021-08-30 13:41 Panda的前端笔记 阅读(46) 评论(0) 推荐(0)
null和undefined
摘要： 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的前端笔记 阅读(50) 评论(0) 推荐(0)
2021年8月25日
vue问题总结3
摘要： 哪个生命周期可以发起请求 在created 钩子函数触发时，组件的 data 数据、通过路由注入的数据已经具备，此时可以使用这些数据发送 ajax 请求。 在 mounted 钩子函数中发起也可以，但是相对比 created 稍微迟了一些。 如果不需要依赖任何数据发起 ajax 请求，那么在 bef 阅读全文
posted @ 2021-08-25 17:03 Panda的前端笔记 阅读(64) 评论(0) 推荐(0)
2021年8月11日
vue优化
摘要： 插件按需加载 路由懒加载 { // 话题 path: '/topic', name: 'topic', component: () => import('@/views/hashtag/topic.vue'),路由懒加载 } 不生成map文件 设置productionsourcemap false 阅读全文
posted @ 2021-08-11 13:55 Panda的前端笔记 阅读(45) 评论(0) 推荐(0)
性能优化
摘要： 精简代码 css js html 压缩代码 优化代码 引入cdn CSS 选择器解析问题。编码过程中用尽可能少的选择器来表示一个元素，因为 CSS 是从右往左加载的。 css在head中 因为下载完css就开始渲染 js最后 因为会阻塞加载 图片懒加载 防抖（延迟执行） 搜索框 节流（一定时间只执行 阅读全文
posted @ 2021-08-11 13:55 Panda的前端笔记 阅读(25) 评论(0) 推荐(0)
vue问题总结2
摘要： ref注册子组件 父组件通过$refs.子组件方法调用 子组件通过$emit 父向子传值 父 :dataname = val 子 props: ['dataname']后直接用 子向父 子 this.$emit("functionname",dataval) $emit触发自定义事件 父 @func 阅读全文
posted @ 2021-08-11 13:54 Panda的前端笔记 阅读(88) 评论(0) 推荐(0)
js知识点
摘要： 数据类型 JS分两种数据类型： 基本数据类型：Number、String、Boolean、Null、 Undefined、Symbol（ES6），这些类型可以直接操作保存在变量中的实际值。 引用数据类型：Object（在JS中除了基本数据类型以外的都是对象，数据是对象，函数是对象，正则表达式是对象， 阅读全文
posted @ 2021-08-11 13:49 Panda的前端笔记 阅读(59) 评论(0) 推荐(0)
2021年8月10日
this
摘要： this 永远指向最后调用它的那个对象 普通函数中 this 的指向，是 this 执行时的上下文 箭头函数中 this 的指向，是 this 定义时的上下文 箭头函数的this绑定看的是this所在的函数定义在哪个对象下，绑定到哪个对象则this就指向哪个对象 如果有对象嵌套的情况，则this绑定 阅读全文
posted @ 2021-08-10 15:51 Panda的前端笔记 阅读(23) 评论(0) 推荐(0)
promise
摘要： Promise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。（ps:什么是原型：https://blog.csdn.net/qq_34645412/article/details/105997336） P 阅读全文
posted @ 2021-08-10 15:45 Panda的前端笔记 阅读(28) 评论(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的前端笔记 阅读(42) 评论(0) 推荐(0)
下一页