10 2021 档案
Vue中自定义Toast插件
摘要：Toast组件用于展示提示信息，属于项目全局都可以使用。 1. Toast.vue <template> <div class="toast" v-show="isShow"> {{ message }} </div> </template> <script> export default { na
Vue 的响应式原理
摘要：1. 前言 当data中的数据发生改变，Vue内部是如何监听message数据的改变？ 使用Object.defineProperty > 监听对象属性的改变 当数据发生改变，Vue是如何知道要通知哪些人？哪些页面进行更新？ 使用 发布订阅者模式 实现 2. 过程 2.1 首先new Vue() n
Nginx 项目部署
摘要：1. Window 本地部署 1.1 下载安装 官方地址https://nginx.org/ 其中包含很多nginx版本，大致可以分为： Mainline version ： Mainline是 Nginx目前主力在做的版本，可以说是开发版 Stable version：最新稳定版，生产环境上建议使
Git 学习笔记
摘要：Git是分布式服务器 自报家门：你的名字和Email地址 # 安装完，使用Git前需 自报家门 git config --global user.name "Your Name" git config --global user.email "email@example.com" 1. 创建仓库(创
认识 Flex 布局
摘要：1. 什么是flex布局? Flex 是 Flexible Box 的缩写，意为" 弹性布局 "( 弹性盒模型 )，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } .box1{ display: inline-flex; }
Proxy 可以实现什么功能？
摘要：Proxy 可以实现什么功能？ 在 Vue3 中通过 Proxy 来替换原本的 Object.defineProperty 来实现数据响应式。 Proxy 是 ES6 中新增的功能，它可以用来自定义对象中的操作。 let p = new Proxy(target, handler) target 代
浏览器的缓存机制
摘要：1. 介绍 浏览器的缓存机制指的是通过在一段时间内保留已接收到的 web 资源的一个副本，如果在资源的有效时间内，发起了对这个资源的再一次请求，那么浏览器会直接使用缓存的副本，而不是向服务器发起请求。使用 web 缓存可以有效地提高页面的打开速度，减少不必要的网络带宽的消耗。 2. 缓存机制的分类
JS中，new 操作符具体干了什么？
摘要：new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象类型之一。 一、过程： new 共经历了4个过程。 var fn = function () { }; var fnObj = new fn(); 1、创建了一个空对象 var obj = new object(); 2、设置原型
异步加载图片
摘要：1. 使用场景 在图片访问比较慢的情况，可以优先给图片设置灰色的等待加载图，等到图片加载完成，替换原来的灰色占位图片。达到图片未加载时结构不乱，拥有页面效果； 2. JS 实现 // 异步加载图片 export function loadImageAsync(url) { return new Pr
React 中 redux 的配置和使用
摘要：1. 下载依赖 npm i -S redux npm i -S react-redux npm i -S redux-devtools-extension 2. 创建文件 在src文件夹下创建redux文件夹 创建文件夹及文件 store文件夹和其下的index.js actions文件夹(存放操作
配置/封装 axios 网络请求
摘要：1. 为什么要封装 axios ？ 实际开发过程中，我们项目可能会有大量接口，而接口的URL地址可以分为好几类，如果我们使用全局配置axios的baseURL是不太现实的。 每类接口所需要的超时时间timeout各不相同。 当服务器端接口地址改变或者参数改变，需要一个一个组件 / 页面去修改 axi
rem的使用和自适应布局
摘要：1. 什么是 rem ? rem是CSS3新增的一个相对单位（root em，根em）,使用 rem 为元素设定字体大小时，是相对大小，相对的只是 HTML 根元素的字体大小。 根据不同的HTML 根元素的字体大小，可以完成自适应布局。 2. 为HTML设置font-size rem 自适应JS /
在React中配置，支持Less
摘要：1.创建项目 通过脚手架搭建的环境中，默认支持的是CSS和Sass/Scss，需要自己配置Less #通过React脚手架创建项目 npx create-react-app ‘项目名’ 2. 执行命令 # 创建完项目直接执行命令 npm run eject **注意：**如果我们修改了文件，npm
JS--原生Ajax
摘要：GET 请求 // GET 请求 // 创建XMLHTTPRequest对象 const xhr = new XMLHttpRequest(); // 设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数 xhr.open("get", `url地址?id=${id}`); /
JS--继承，多种继承方式
摘要：1. 原型链继承 // 原型链继承 function Parent(){ this.name = ["原型链继承"]; } // 原型上挂载方法 Parent.prototype.getName = function(){ console.log(this.name); } function Chi
