10 2022 档案
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：Vue监视数据的原理： 1. vue会监视data中所有层次的数据。 2. 如何监测对象中的数据？ 通过setter实现监视，且要在new Vue时就传入要监测的数据。 (1).对象中后追加的属性，Vue默认不做响应式处理 (2).如需给后添加的属性做响应式，请使用如下API： Vue.set(ta
阅读全文
摘要：1. 虚拟DOM中key的作用： key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】, 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下： 2.对比规则： (1).旧虚拟DOM中找到了与新虚拟DOM相同的key： ①.若虚拟DOM中内
阅读全文
摘要：MVVM模型 1. M：模型(Model) ：data中的数据 2. V：视图(View) ：模板代码 3. VM：视图模型(ViewModel)：Vue实例 观察发现： 1.data中所有的属性，最后都出现在了vm身上。 2.vm身上所有的属性 及 Vue原型上所有属性，在Vue模板中都可以直接使
阅读全文
摘要：Vue模板语法有2大类： 1.插值语法： 功能：用于解析标签体内容。 写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。 2.指令语法： 功能：用于解析标签（包括：标签属性、标签体内容、绑定事件.....）。 举例：v-bind:href="xxx" 或 简写为 :hr
阅读全文
摘要：白屏时间：window.performance.timing.domLoading - window.performance.timing.navigationStart 首屏时间：window.performance.timing.domInteractive - window.performan
阅读全文
摘要：1.单线程的JavaScript JavaScript是一门单线程语言，起因是设计之初js只用来操作dom，对表单进行简单的校验。在这种执行环境简单的情况下，自然就选择了单线程来处理程序。但是单线程如果遇到执行时间较长的程序片段，会拖延甚至阻塞程序的执行，对于用户来说，页面呈现"卡死状态"，这是最糟
阅读全文
摘要：总结: this 4种: 1. obj.fun() this->点前的obj对象 2. new Fun() this->new正在创建的新对象 3. 类型名.prototype.共有方法=function(){ ... } this->将来谁调用这个函数，就指谁 将来调用这个函数的.前的某个子对象
阅读全文
摘要：vue中有一个较为特殊的API，nextTick。根据官方文档的解释，它可以在DOM更新完毕之后执行一个回调，用法如下： // 修改数据 vm.msg = 'Hello' // DOM 还没有更新 Vue.nextTick(function () { // DOM 更新了 }) 尽管MVVM框架并不
阅读全文
摘要：1.vue中组件是用来复用的，为了防止data复用（同一个组件被复用多次会创建多个实例）。 2.vue组件中的data数据都应该是相互隔离，互不影响的，组件每复用一次，data数据就应该被复制一次，之后，当某一处复用的地方组件内data数据被改变时，其他复用地方组件的data数据不受影响，就需要通过
阅读全文
摘要：定义：父对象中的成员，子对象无需创建，就直接可以使用 实现： 1.js中的继承都是通过继承原型对象来实现的 2.原型对象：专门保存一个类型的所有子对象共有的成员的父对象 3.什么时候使用原型对象： 在js中，只要为一个类型下的所有子对象定义的共有成员，都要放在父对象/原型对象中 4.如何创建原型对象
阅读全文
摘要：1. 只要验证字符串格式或查找、屏蔽敏感词时都要用正则 (1). 最简单的正则: 一个敏感词的原文 (2). 某一位字符上可能有多种备选字时用: [备选字列表] (3). 如果[]中部分字符是连续的，可用: [x-x] a. 一位小写字母: [a-z] b. 一位大写字母: [A-Z] c. 一位字
阅读全文
摘要：实现跨域的几种方式1、CORS 跨域资源共享，在后端的响应头中设置Access-Control-Allow-Origin: *即可。 2、jsonp jsonp进行跨域的原理：利用script标签进行网络请求，在本地定义好接收数据的函数，然后通过在请求url中添加参数的方式发送本地函数名，后端通过解
阅读全文
摘要：1.什么是浏览器缓存？ 浏览器和服务器的通信方式是应答模式。浏览器想得到数据，需要发送http请求给服务器，服务器响应该请求并返回结果。如果每一次浏览器都重新去请求服务器，那么服务器的压力也会很大。而浏览器缓存呢，是把一个请求过的资源拷贝一份副本进行存储，当再次请求这个资源的时候，根据缓存机制决定直
阅读全文
摘要：同域指页面URL的协议，端口号和host(document.domain)一样。 方法1:用 postMessage 两个页面需要如果存在如下两种关系之一，才可以用 postMessage 来传递数据。 关系1: 页面1 用 window.open 打开 页面2 关系2: 页面1 有 iframe，
阅读全文
摘要：区别watchwatch是监听一个值的变化，然后执行对应的回调；watch中的函数不需要调用；watch有两个参数；immediate：组件加载立即触发回调函数执行，deep: 深度监听，为了发现对象内部值的变化，复杂类型的数据时使用，例如数组中的对象内容的改变watch中的函数名称必须要和data
阅读全文
摘要：他们两者的共同点就是都是一种框架在推广的过程中对模块定义的规范产出；而且他们都是异步加载模块。 AMD即Asynchronous Module Definition,翻译过来就是异步模块化定义，是一个模块化开发的规范。此处是规范链接 那么AMD是怎么弄出来的呢？其实AMD是在RequireJS之后才
阅读全文
摘要：盒子模型有几种，它们之间有什么区别。一、标准盒模型（W3C）1.给标签添加：box-sizing:content-box；(元素默认)2.这个标签就转换为了标准盒模型3.标签得实际宽度 = 设置的宽度 + border宽度 + padding的宽度 二、IE盒模型（怪异）1.给标签添加：box-si
阅读全文
摘要：、概念Ajax全称“Asynchronous JavaScript and Xml”异步JavaScript和XML),是一门创建交互式网页的开发技术，可以在网页不加载的情况下，实现局部更新，进行少量的数据交换。2、原理Ajax依赖于浏览器内置对象XHR（XMLHttpRequest），通过XHR
阅读全文
摘要：Cache-Control 特性： 可缓存性（哪些地方可以执行缓存）： public（这个HTTP请求返回的内容所经过的任何路径当中，包括代理服务器以及发送请求的客户端浏览器，都可以进行对这个返回内容的缓存的操作） private（只有发起请求的浏览器才可以进行缓存） no-cache （我们可以在
阅读全文
摘要：、keep-alive是什么keep-alive是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件链中；使keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 一个场景用户在某个列表页面选择筛选条件过滤出一份数据列表，由列表页面进入数据详情页面，再返回该列表页面
阅读全文
摘要：loader是什么？loader 让 webpack 能够去处理其他类型的文件，并将它们转换为有效模块。以供应用程序使用，以及被添加到依赖图中。loader 本质上是导出为函数的 JavaScript 模块。 在 webpack 使用过程中，经常会出现以下两种形式： 在 webpack.config
阅读全文
摘要：在文档流中，父元素的高度默认是被子元素撑开的（没有设置宽高的时候），也就是子元素多高，父元素就多高。 当父元素的子元素设置为浮动类型时，那么因为其子元素脱离正常文档流，所以父元素无法检测到子元素的高度而产生折叠，这就是所谓的高度塌陷。 <head> <style> .right { height:
阅读全文
摘要：清除浮动的含义是什么？清除浮动带来的影响影响：如果子元素浮动了，此时子元素不能撑开父元素➢ 清除浮动的目的是什么？需要父元素有高度，从而不影响其他网页元素的布局注意：父子级标签, 子级浮动, 父级没有高度, 后面的标准流盒子会受影响, 显示到上面的位置clear:both;/* 清除左右两侧浮动的影
阅读全文
摘要：明确: defer和 async的使用,可以用于提升网页性能script标签存在两个属性，defer和async，因此 script标签的使用分为三种情况： <script src="example.js"></script>没有defer或async属性，浏览器会立即加载并执行相应的脚本。不等待后
阅读全文
摘要：1.什么是垃圾 （1）没有被引用的对象或变量 （2）无法访问到的对象（几个对象引用形成一个环，互相引用） 可达性是指那些以某种方式可以访问到或可以用到的值，它们被保证存储在内存中。 有一组基本的固有可达值，由于显而易见而无法删除：（1）本地函数的局部变量和参数（2）嵌套调用链上的其他函数的变量与参数
阅读全文
摘要：什么是BFC？BFC（Block Formatting Context）直译为“块级格式化范围”。它是指一个独立的块级渲染区域，只有Block-level BOX参与，该区域拥有一套渲染规则来约束块级盒子的布局，且与区域外部无关。 简单来说，BFC就是一个独立不干扰外界也不受外界干扰的盒子。 布局规
阅读全文
摘要：position最常用的值有：静态定位——static 相对定位——relative 绝对定位——absolute 固定定位——fixed 1、static(静态）：HTML元素的默认值，不受top、bottom、left、right属性影响，元素占用文档流 2、Relative(相对）:相对定位。
阅读全文
摘要：一、基本类型：number ， string ，boolean，null ，undefined ，放在栈，栈内存是自动分配内存的。①基本类型比较是值的比较。②基本类型是按值访问，可以直接得到变量值。 储存类型：值类型。存的是值，赋值之后原变量值不能改。注：任何方法都无法改变一个基本类型的值，也不可以
阅读全文
