摘要: Proxy 可以实现什么功能? 在 Vue3 中通过 Proxy 来替换原本的 Object.defineProperty 来实现数据响应式。 Proxy 是 ES6 中新增的功能,它可以用来自定义对象中的操作。 let p = new Proxy(target, handler) target 代 阅读全文
posted @ 2021-10-09 09:46 青柠i 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 1. 介绍 浏览器的缓存机制指的是通过在一段时间内保留已接收到的 web 资源的一个副本,如果在资源的有效时间内,发起了对这个资源的再一次请求,那么浏览器会直接使用缓存的副本,而不是向服务器发起请求。使用 web 缓存可以有效地提高页面的打开速度,减少不必要的网络带宽的消耗。 2. 缓存机制的分类 阅读全文
posted @ 2021-10-07 16:10 青柠i 阅读(68) 评论(0) 推荐(0) 编辑
摘要: new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一。 一、过程: new 共经历了4个过程。 var fn = function () { }; var fnObj = new fn(); 1、创建了一个空对象 var obj = new object(); 2、设置原型 阅读全文
posted @ 2021-10-07 11:33 青柠i 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 1. 使用场景 在图片访问比较慢的情况,可以优先给图片设置灰色的等待加载图,等到图片加载完成,替换原来的灰色占位图片。达到图片未加载时结构不乱,拥有页面效果; 2. JS 实现 // 异步加载图片 export function loadImageAsync(url) { return new Pr 阅读全文
posted @ 2021-10-04 10:28 青柠i 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 1. 下载依赖 npm i -S redux npm i -S react-redux npm i -S redux-devtools-extension 2. 创建文件 在src文件夹下创建redux文件夹 创建文件夹及文件 store文件夹和其下的index.js actions文件夹(存放操作 阅读全文
posted @ 2021-10-03 18:01 青柠i 阅读(82) 评论(0) 推荐(1) 编辑
摘要: 1. 为什么要封装 axios ? 实际开发过程中,我们项目可能会有大量接口,而接口的URL地址可以分为好几类,如果我们使用全局配置axios的baseURL是不太现实的。 每类接口所需要的超时时间timeout各不相同。 当服务器端接口地址改变或者参数改变,需要一个一个组件 / 页面去修改 axi 阅读全文
posted @ 2021-10-03 15:00 青柠i 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 1. 什么是 rem ? rem是CSS3新增的一个相对单位(root em,根em),使用 rem 为元素设定字体大小时,是相对大小,相对的只是 HTML 根元素的字体大小。 根据不同的HTML 根元素的字体大小,可以完成自适应布局。 2. 为HTML设置font-size rem 自适应JS / 阅读全文
posted @ 2021-10-03 14:49 青柠i 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 1.创建项目 通过脚手架搭建的环境中,默认支持的是CSS和Sass/Scss,需要自己配置Less #通过React脚手架创建项目 npx create-react-app ‘项目名’ 2. 执行命令 # 创建完项目直接执行命令 npm run eject **注意:**如果我们修改了文件,npm 阅读全文
posted @ 2021-10-02 11:43 青柠i 阅读(137) 评论(0) 推荐(0) 编辑
摘要: GET 请求 // GET 请求 // 创建XMLHTTPRequest对象 const xhr = new XMLHttpRequest(); // 设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数 xhr.open("get", `url地址?id=${id}`); / 阅读全文
posted @ 2021-10-01 13:02 青柠i 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 1. 原型链继承 // 原型链继承 function Parent(){ this.name = ["原型链继承"]; } // 原型上挂载方法 Parent.prototype.getName = function(){ console.log(this.name); } function Chi 阅读全文
posted @ 2021-10-01 11:13 青柠i 阅读(52) 评论(0) 推荐(0) 编辑