芭比龙

导航

08 2020 档案

Vue如何实现组件间通信？
摘要：一、子父间通信（props/$emit） ①父组件向子组件传参（props） 父组件： 子组件： 总结：父组件通过props给子组件传递数据。 ②子组件给父组件传递值（$emit） 子组件： 父组件： 总结：儿子组件向父组件传递数据的方式就是通过子组件内 $emit 触发自定义事件，子组件使用时 v 阅读全文

posted @ 2020-08-22 18:44 芭比龙 阅读(344) 评论(0) 推荐(0)

函数防抖和函数节流
摘要：函数防抖和函数节流 场景：在做商城时，有商品的搜索功能，在商品搜索输入框中输入一次，服务器就会去校验。输入一个字符就发送一次请求，这样直观的就会导致性能差。 防抖和节流都是控制事件触发的频率。 防抖 debounce 触发高频率事件n秒后函数只会执行一次，如果n秒内高频时间再次触发就会重新计算时间。 阅读全文

posted @ 2020-08-22 12:34 芭比龙 阅读(132) 评论(0) 推荐(0)

什么是JSONP?什么是CORS?什么是跨域？
摘要：一、什么是跨域？ 跨域就是跨域名访问 例：www.jd.com和www.taobao.com 域名不同。 www.jd.com:8080和www.jd.com:8081 端口号不同。 跨域问题是浏览器对于ajax请求的一种安全限制； 跨域：针对ajax的一种限制。 突破同源策略 跨域 跨域的策略：J 阅读全文

posted @ 2020-08-18 12:18 芭比龙 阅读(472) 评论(0) 推荐(0)

什么是作用域？原生链？它们的区别是什么？
摘要：var a=1;function b(){ var a=2; function c(){ var a=3; console.log(a) }c();}b();//3 一、作用域链 作用域是相对于变量来说的。如 全局作用域==>函数b作用域==>函数c作用域； 作用域的特点是现在自己的变量范围中查找， 阅读全文

posted @ 2020-08-17 11:14 芭比龙 阅读(421) 评论(0) 推荐(0)

HTTP中Get、Post、Put、Delete的区别？
摘要：一、Get请求，向数据库发送获取数据的请求，从而获取信息。 1.1不做修、改、增数据，不影响资源的内容，无论进行多少次，结果都一样。 1.2Get请求是1024个字节。是整个URL的长度，不仅仅是参数值数据长度。 1.Get请求参数实在请求头中的，不安全。 login?username="babil 阅读全文

posted @ 2020-08-16 11:26 芭比龙 阅读(382) 评论(0) 推荐(0)

浏览器的存储？不同点？
摘要：一、cookie 由服务器生成，客户端进行维护和存储，通过cookie可以让服务端知到请求时来自那个客户端，并对客户端状态进行维护。set-cookie cookie的工作并非本地存储，而是状态维持。 应用场景：自动登录、购物车功能等 缺点：存储量只有4KB，4KB容量限制是对cookie中的nam 阅读全文

posted @ 2020-08-14 14:37 芭比龙 阅读(186) 评论(0) 推荐(0)

简述输入URL后的过程
摘要：URL：统一资源定位符 输入URL→DNS解析→服务器处理→浏览器处理与绘制 👇 （浏览器先查看浏览器缓存→系统缓存→路由器缓存，如果缓存中有，则直接显示页面内容） 一、DNS解析 DNS：域名系统 基本的URL包括：协议、IP地址、路径、文件名。 1. 协议：http：超文本传协议 80 htt 阅读全文

posted @ 2020-08-14 11:53 芭比龙 阅读(378) 评论(0) 推荐(0)

DOM的三个阶段？（捕获阶段、目标阶段、冒泡阶段）
摘要：document.addEventListener("Event",Function,true/false)true:捕获阶段 falses：冒泡阶段 一、捕获阶段 DOM树的某个节点发生了某种操作，从window发出一个事件，不断经过下级节点最终到达目标节点之前的阶段。（当某个事件发生时，父元素最 阅读全文

posted @ 2020-08-08 17:10 芭比龙 阅读(517) 评论(0) 推荐(0)

meta viewport是做什么的？怎么写？
摘要：一、什么是viewport viewport就是我们移动设备屏幕上显示网页的那一块区域，就是浏览器显示网页的区域。一般情况下移动设备的viewport比浏览器的viewport要大。为什么要设置meta viewport标签呢？一般移动设备viewport的宽度默认为980px或者是1024px，这 阅读全文

posted @ 2020-08-08 11:42 芭比龙 阅读(543) 评论(0) 推荐(0)

HTTP缓存机制？
摘要：HTTP的缓存机制也是浏览器的缓存机制，其机制是根据HTTP报文的缓存标识符进行的缓存过程。 由上图可知： ①浏览器每次请求，都先在浏览器的缓存中查找结果及缓存标识符。 ②浏览器每次拿到返回的结果和缓存标识符都会存入浏览器的缓存中。 浏览器缓存分为强制缓存（时效缓存）和协商缓存（非时效缓存）。 强制 阅读全文

posted @ 2020-08-06 12:00 芭比龙 阅读(157) 评论(0) 推荐(0)

HTTP的状态码知道那些？分别什么意思？
摘要：HTTP状态码是当用户在浏览网页的时候，浏览器会返回一个http状态码，来响应浏览器的请求。 HTTP状态码一般是3位数。 常见HTTP状态码： 200：请求成功 301：资源（网页）别永久转移到其他URL 404：请求的资源不存在 500：服务器内部错误 HTTP状态码分类： 1**：服务端收到请 阅读全文

posted @ 2020-08-06 11:06 芭比龙 阅读(358) 评论(0) 推荐(0)

CSS选择器优先级
摘要：1.CSS中有哪些基本选择器？ .class类选择器 （class="warp" .warp{}） #id id选择器 (id="name" #name{}) html，body 标签选择器 (html{}) div p 后代选择器 (div a{} 表示<div>元素内的左右<a>元素) div> 阅读全文

posted @ 2020-08-06 10:48 芭比龙 阅读(163) 评论(0) 推荐(0)

CSS实现垂直居中
摘要：1.flex布局 先渲染出一个正方形 <body> <div class="box"></div> </body> <style> .box{ width: 300px; height: 300px; background-color: red; } </style> 将元素的父类设置flex布局 阅读全文

posted @ 2020-08-05 18:53 芭比龙 阅读(111) 评论(0) 推荐(0)

watch和computed和methods区别是什么？
摘要：1.computed 计算属性 conputed计算属性是基于它们的依赖进行缓存的，计算属性只有在它监听的数据发生变化时才会重新计算求值。只要数据中message不发生改变，多次访问reversedMessage计算属性会立即返回之前的计算结果，不会在执行函数。 1.1.计算属性都是同步的，不支持异 阅读全文

posted @ 2020-08-05 11:52 芭比龙 阅读(857) 评论(0) 推荐(0)

什么是async和await？ 怎么捕获异常？
摘要：1.async和await？ async/await主要用于进行异步请求。 1.1被async修饰的函数是异步函数，异步函数就是代码执行起来不会阻塞后面后面代码的进程。 1.3async返回一个Promise对象，await等待一个Promise对象，而await等待的就是async返回的Promi 阅读全文

posted @ 2020-08-04 13:09 芭比龙 阅读(4871) 评论(0) 推荐(0)