02 2023 档案
摘要：答：相同点：只适用于外联脚本，这一点和defer一致，也就是script标签要有src属性。 不同点：async和defer的执行时机不同,async是在加载完后立即执行,执行的过程仍会阻塞后续html的解析。defer是在html解析完,DomCOntentLoaded 和load之前之前执行 参
阅读全文
摘要：答：声明式渲染->组件化应用->客户端路由->集中式状态管理->项目构建 参考文献：https://www.cnblogs.com/yincece0316/p/12547081.html
阅读全文
摘要：vue-router实现路由懒加载 答：第一种：vue异步组件技术 返回一个promise工厂函数，resolve函数reuqire（）方法返回组件的本身。 第二种：路由懒加载(使用es6中的import)。 第三种：webpack提供的require.ensure()，vue-router配置路由
阅读全文
摘要：答：允许开发者在封装组件时，把不确定的、希望由用户指定的部分定义为插槽 默认插槽： 具名插槽：为每个 插槽指定具体的name 名称。这种带有具体 名称的插槽叫做“具名插槽” 作用域插槽：可以为预留的 插槽绑定props 数据，这种带有props 数据的 叫做“作用域插槽” 参考文献：https://
阅读全文
摘要：1.懒加载和预加载 答： 懒加载实现了js文件按需加载，在需要使用时才进行加载，但是如果js文件非常大加载速度比较慢，在使用时再加载就会使页面出现卡顿。为了优化这个问题，可以使用Prefetch先预加载
阅读全文
摘要：答：防抖：用户触发事件过于频繁，只要最后一次事件的操作 function debounce（fn, t1）{ let t = null return function () { if (t) clearTimeOut t t = setTimeOut( (this) => { fn.call(thi
阅读全文
摘要：答：当使用一个参数，会进行内存的分配，内存的使用，内存的释放。 什么会导致内存泄露 答：1.意外的全局变量 =》必须确保在使用过后将它设置为null 2 定时器 =》 清除定时器 3事件绑定时addEventLister使用的参数，在使用完没有removeEventList =》移除绑定事件 4 减
阅读全文
摘要：答： 参考文献：https://blog.csdn.net/Curry_On/article/details/125376479
阅读全文
摘要：如何做bable缓存和文件资源缓存 （一）bable缓存 答：因为bable要对我们写的js代码做编译处理，编译成一种浏览器能识别的语法，即所谓的js兼容性处理。在编译过程中，假设有100个js模块，只改动其中1个js模块，不可能把全部的模块都重新编译一遍，其他99个应该是不变的，这一点跟前面文章讲
阅读全文
摘要：ajax的请求 答：1.创建一个ajax对象 const xhr = new XMLHttpRequest() 2.配置连接信息 xhr.open('get', './data.php') // xhr.open('请求方式', '请求地址', 是否异步) 3发送请求 .xhr.send() aja
阅读全文
摘要：答：当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域。同源策略并不是浏览器不让请求发出去、或者后端拒绝返回数据。实际情况是请求正常发出去了，后端也正常相应了，只不过数据到了浏览器后浏览器不去作用加载而是丢弃了。 如何跨域 答：jsonp 1.声明一个回调函数，其函数名(
阅读全文
摘要：答：共同点：都是保存在浏览器端、且同源的 区别： 1、cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。cookie数据还有路径（path）的概念，
阅读全文
摘要：1. 数据的响应式不同 答： vue2 是通过object.defineProperty()方法，get是获取属性，set是修改属性。但是新加的属性和删除的属性则没有响应式,还有就是通过数组的下标来修改值，也不会响应式。所以需要通过set 来新增， delete来删除属性。 vue3 是通过 new
阅读全文
摘要：答：vite打包要比webpack快 webpack: 先解析入口文件 =》 在解析路由 =》 在解析模块 =》 在打包 =》开起服务 vite： 先开起服务 =》 在解析路由 =》 在解析模块
阅读全文
摘要：一、http请求的完整过程简述 1、域名解析：使用DNS协议进行域名解析 2、建立连接：发起TCP三次握手 3、发起http请求：建立TCP连接成功后，浏览器发起http请求 4、响应http请求：服务端响应http请求，浏览器得到返回response 5、解析response：浏览器解析respo
阅读全文
摘要：1.常见的指令 答v-if v-else v-else if v-bind v-model v-for v-show v-on v-text v-html v-cloak v-once 2.vue的优点 答：1.轻量级框架，值关注视图层 2.双向数据的绑定，在数据操作方面方法更为简单 3组件化：实现
阅读全文
摘要：** 1. let const ** ** 2. symbol** ** 3. 解构赋值** 答：解构赋值语法是一种 Javascript 表达式。通过解构赋值，可以将属性/值从对象/数组中取出，赋值给其他变量 ** 4.模板字符串** 5. 箭头函数 答： 1，声明式函数不能使用箭头函数，只能赋值
阅读全文
摘要：1.let const var 的区别 答。1 var 有变量提升， let const没有 2 var 没有作用域，但是let const 有作用域 3 var let 声明时可以没有值，但是const声明时必须含有值 4 var 声明的变量会添加到全局的window对象上， let const
阅读全文
摘要：1.媒体查询 + rem（通过媒体查询更改html根字体大小，实现字体大小随屏幕尺寸变化） @media screen and (max-width:320px){ html{ font-size:12px; } } @media screen and (min-width:321px) and (
阅读全文
摘要：html5 1.语义化标签 答： aside article header footer section nav... 2 增加表单的type类型： number date email momth day... 3.增加表单的属性: placehold required ... 4.新增音频标签（a
阅读全文
摘要：1.关于变量在Less和Sass中的唯一区别就是Less用@，Sass用$ 2.处理机制不同，less是在客户端处理，sass是在服务端处理，相比较之下前者解析会比后者慢一点 3.运行环境不同，sass是要基于Ruby环境，less是基于JavaScript 参考文献：https://www.yis
阅读全文
