03 2022 档案
摘要：react react 组件实例的三大属性 state props refs 方法用箭头函数改this 的指向 class 类中所有定义的方法在局部都开启了严格模式 use strict class Person{ a = "测试" constructor(){ } say(){ console.l
阅读全文
摘要：Vue与REACT两个框架的区别和优势对比 VUE和REACT两个JavaScript框架都是当下比较受欢迎的，他们两者之间的区别有那些，各自的优缺点是什么，本文将为你呈现。 简单介绍 除非你最近一直不关注前端的发展，不然你肯定听说过由Facebook创建的JavaScript UI框架--REAC
阅读全文
摘要：html5总的来说比html4多了十个新特性，但其不支持ie8及ie8以下版本的浏览器 一、语义标签 二、增强型表单 三、视频和音频 四、Canvas绘图 五、SVG绘图 六、地理定位 七、拖放API 八、WebWorker 九、WebStorage 十、WebSocket 一、语义标签 html5
阅读全文
摘要：flex属性-flex:1到底是什么 flex属性 是 flex-grow、flex-shrink、flex-basis三个属性的缩写。 推荐使用此简写属性，而不是单独写这三个属性。 flex-grow：定义项目的的放大比例； - 默认为0，即 即使存在剩余空间，也不会放大； - 所有项目的flex
阅读全文
摘要：js防抖和节流 在进行窗口的resize、scroll，输入框内容校验等操作时，如果事件处理函数调用的频率无限制，会加重浏览器的负担，导致用户体验非常糟糕。此时我们可以采用debounce（防抖）和throttle（节流）的方式来减少调用频率，同时又不影响实际效果。 函数防抖 函数防抖（deboun
阅读全文
摘要：new 的过程和普通的函数返回不同，new 其实是一种继承的方式， 通过new，实例与构造函数通过原型链连接了起来出来，所以实例能访问到构造函数的属性，具体过程如下 开辟一个块内存，创建一个空对象 执行构造函数，对这个空对象进行构造 给这个空对象添加proto属性 __proto__ = User.
阅读全文
摘要：在 ECMAScript 规范中，共定义了 7 种数据类型，分为 基本类型 和 引用类型 两大类，如下所示： 基本类型：String、Number、Boolean、Symbol、Undefined、Null 引用类型：Object 基本类型也称为简单类型，由于其占据空间固定，是简单的数据段，为了便于
阅读全文
摘要：import { baseUrl } from './env' export default async(url = '', data = {}, type = 'GET', method = 'fetch') => { type = type.toUpperCase(); url = baseUr
阅读全文
摘要：1、entry 入口（entry）指示webpack以哪个文件作为入口起点开始打包，分析构建内部依赖图。 2、output 输出（output）指示webpack打包后的资源 bundles 输出到哪里，以及如何命名。 3、loader loader让webpack能够去处理那些非JavaScrip
阅读全文
摘要：很多时候都用@(v-on)来监听子级emit的自定义事件，但在bus总线那块，又用.$on来监听bus自身emit的事件，v-on之间似乎相似但又不同， v-on vm.$on 可监听普通dom的原生事件； 可监听子组件emit的自定义事件； 监听当前实例的自定义事件
阅读全文
摘要：浏览器输入网址打开网页时，浏览器会向服务器发送请求后会收到服务器返回的一个响应报文，报文中的存在有HTTP状态码的头信息。浏览器通过状态码进行一系列操作，状态码反应当前请求的状态。 常见状态码 200正常请求； 301资源（网页等）被永久转移到其它URL； 404请求的资源（网页等）不存在； 500
阅读全文
摘要：一般会经历以下几个过程： 1、首先，在浏览器地址栏中输入url 2、浏览器先查看浏览器缓存-系统缓存-路由器缓存，如果缓存中有，会直接在屏幕中显示页面内容。若没有，则跳到第三步操作。 3、在发送http请求前，需要域名解析(DNS解析)，解析获取相应的IP地址。 4、浏览器向服务器发起tcp连接，与
阅读全文
摘要：1、https协议需要到CA申请证书，一般免费证书较少，因而需要一定费用。 2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl/tls加密传输协议。 3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。 4、http的连接很简单
阅读全文
摘要：this.$store.commit("increment")调用的是vuex中mutation中的increment函数，而this.$store.dispatch("increment")调用的是vuex中actions中的increment函数，mutation有同步限制，就是说mutatio
阅读全文
摘要：进程和线程的区别 程序只是一组指令的有序集合，它本身没有任何运行的含义，它只是一个静态的实体。而进程则不同，它是程序在某个数据集上的执行。进程是一个动态的实体，它有自己的生命周期。它因创建而产生，因调度而运行，因等待资源或事件而被处于等待状态，因完成任务而被撤消。反映了一个程序在一定的数据集上运行的
阅读全文
摘要：MVVM（Model-View-ViewModel）是对 MVC（Model-View-Control）和 MVP（Model-View-Presenter）的进一步改进。 『View』：视图层（UI 用户界面） 『ViewModel』：业务逻辑层（一切 js 可视为业务逻辑） 『Model』：数据
阅读全文
摘要：结构目录 jgvue 构造函数 initrender.js initdata.js vnode.js compiler.js Dep.js watcher.js
阅读全文
摘要：1.call() apply(). bind()都是用来重定义this这个对象的！ 如： obj.myFun.call(db)； // 德玛年龄 99 obj.myFun.apply(db); // 德玛年龄 99 obj.myFun.bind(db)(); // 德玛年龄 99bind返回的是一个
阅读全文
摘要：对于vue 来说，组件之间的消息传递是非常重要的，下面是我对组件之间消息传递的常用方式的总结。 props 和$emit (常用) $attrs和$listeners 中央事件总线（非父子组件间通信） v-model provide和inject $parent和$children vuex 1.p
阅读全文
摘要：macrotask:(宏任务) sccript(整体代码) setTimeout, setInterval, setImmdiate, I/O UI rendering microtask:(微任务) process.nextTick,Promises,Object.observe,Mutation
阅读全文
摘要：Computed 是有缓存的 methods 没得缓存 Computed vs watch 的区别 Watch 是监听，数据或者路由发生了改变才可以响应（执行） computed 计算某一个属性的改变，如果某一个值改变了，计算属性会监听到进行返回 Watch 是当前监听到数据改变了，才会执行内部代码
阅读全文
摘要：在数据变化后要执行的某个操作，而这个操作需要使用数据改变而改变的DOM 结构的时候，这个操作都应该放进Vue.nextTick()的回调函数中
阅读全文
摘要：路由模式有两种 history hash 1 表现形式的区别 2. 跳转请求 history （发送请求） hash (不会发送请求) 3. 打包后前端自测要使用hash,如果使用history 会出现空白页
阅读全文
摘要：全局的：beforeEach() beforeResolve() (同时在所有组件内守卫和异步路由组件被解析之后) afterEach() 路由独享： beforeEnter() 组件内的：beforeRouteEnter() beforeRouteUpdate() beforeRouteLeave
阅读全文
摘要：const oldObj = { name:"哈默", age:20, colors:['orange','green','blue'], friend:{ name:"小夏" } } // const newObj1 = oldObj; // newObj1.name='小野'; // conso
阅读全文
摘要：State getters mutations actions modules State 类似于组件中data,存放数据 Mutations 类似于组件中 methods Actions 提交 mutations 的 Modules 把 以上4个属性再细分，让仓库更好管理 Vuex 是单向数据流
阅读全文
摘要：beforeCreate Created beforeMount Mounted beforeUpdate Updated beforeDestroy Destroyed 一旦进入到页面或者组件，会执行哪些生命周期，顺序 BeforeCreate Created beforeMount Mounte
阅读全文
摘要：判断是数组的方法 var arr = [1,2,3] 第一种： Array.isArray(arr) 第二种：arr instanceof Array (instanceof 是判断原型上是否继承数组的原型) 第三种：Object.prototype.toString.call(arr).index
阅读全文
摘要：常见的几种变量交换方法 // var a = 3, b = 5 //1 中间变量 // var c = b; // b = a; // a = c; //2 加减法 // a = a + b // b = a - b; // a = a - b; //3 数组法 // a = [a,b]; // b
阅读全文
