10 2021 档案
摘要：flex属性 是 flex-grow、flex-shrink、flex-basis三个属性的缩写。 推荐使用此简写属性，而不是单独写这三个属性。 flex-grow：定义项目的的放大比例； 默认为0，即 即使存在剩余空间，也不会放大； 所有项目的flex-grow为1：等分剩余空间（自动放大占位）；
阅读全文
摘要：什么是回流 当render tree中的一部分(或全部)因为元素的规模尺寸，布局，隐藏等改变而需要重新构建。这就称为回流(reflow)。每个页面至少需要一次回流，就是在页面第一次加载的时候，这时候是一定会发生回流的，因为要构建render tree。在回流的时候，浏览器会使渲染树中受到影响的部分失
阅读全文
摘要：rem是相对于根元素的，通常的做法是在html元素设置一个font-size属性，其他的元素大小都是相对于根元素大小来计算的em是相对于父元素的，当使用width、height、padding、margin时，如果是用em做单位，此属性的大小是相对于该元素的font-size属性px像素的意思，像素
阅读全文
摘要：// 获取异步请求对象function getXhr(){var xhr=null;if(window.XMLHttpRequest){ xhr=new XMLHttprequest();}else{ // 如果浏览器版本是IE8以下浏览器 xhr=new ActiveXObject('Micros
阅读全文
摘要：<component v-bind:is="currentTabComponent"></component> 应用场景：tab切换
阅读全文
摘要：事件修饰符：v-on：.stop、.prevent、.capture、.self、.once 按键修饰符：.enter、.tab、.delete(捕获“删除”和“退格”键)、.esc、.space、.up、.down、.left、.right 系统修饰符：.ctrl、.alt、.shift、.met
阅读全文
摘要：全局前置守卫：beforeEach、beforeResolve、afterEach 使用场景：1.用于登录验证（及用户长时间不登录的时候，跳出是否满意） 3.修改title，注意1中也可以修改，但是万一不跳到下一个页面，在1中修改会出错 路由独享守卫：beforeEnter 用于需要特别处理的情况（
阅读全文
摘要：1. npm install process 2. "serve": "vue-cli-service serve --mode local", "serve-qalocal": "vue-cli-service serve --mode qalocal" 3. 新建如下两个文件： .env.loc
阅读全文
摘要：写在一个函数中方便优化 getAddNum() { const timer = setInterval(() => { this.nums = this.nums+1 }, 500); // 通过$once来监听定时器，在beforeDestroy钩子可以被清除。 this.$once("hook:
阅读全文
摘要：加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted 子组件更新过程 父beforeUpdate->子beforeUpdate->子updated
阅读全文
摘要：#line1 { border-bottom: 1px solid black; transform: scaleY(0.5);} <meta name="viewport" content="width=device-width, initial-scale=0.5"><style> #line3
阅读全文
摘要：<meta name="viewport" content="width=device-width, initial-scale=1"> layout viewport(布局视口)、visual viewport(视觉视口)、ideal viewport(理想视口)
阅读全文
摘要：const PrerenderSPAPlugin = require('prerender-spa-plugin'); const Renderer = PrerenderSPAPlugin.PuppeteerRenderer; const path = require('path'); funct
阅读全文
摘要：在标准模式下，一个块的总宽度= width + margin(左右) + padding(左右) + border(左右) IE:一个块的总宽度= width + margin(左右)（即width已经包含了padding和border值） box-sizing: content-box （宽度和高
阅读全文
摘要：<script>: 脚本的获取和执行是同步的。此过程中页面被阻塞，停止解析。 defer： async：
阅读全文
摘要：<input type="" bindinput="handleInput"></input><button bindtap="handtap" data-operation="{{1}}">+</button><button bindtap="handtap" data-operation="{{
阅读全文
摘要：<!--template.wxml--> <template name="msgItem"> <view class="template_style"> <text class="info">This is template.wxml文件，我是一个模板</text> </view> </templa
阅读全文
摘要：settings.json { "files.associations": { "*.js": "javascriptreact" }, // 全局formater "editor.tabSize": 2, "editor.defaultFormatter": "esbenp.prettier-vs
阅读全文
摘要：1.实例属性指的是在构造函数方法中定义的属性和方法，每一个实例对象都独立开辟一块内存空间用于保存属性和方法。 function Products() { this.name = 'car', this.ids = [1,2]}var product1 = new Products();var pro
阅读全文
摘要：Vue-router传参可以分为两大类，分别是编程式的导航 router.push和声明式的导航1、router.push1.1）字符串：直接传递路由地址，但是不能传递参数this.$router.push("home")对象：1.2）命名路由 这种方式传递参数，目标页面刷新会报错this.$rou
阅读全文
摘要：1. DNS解析2. TCP连接3. 发送HTTP请求4. 服务器处理请求并返回HTTP报文5. 浏览器解析渲染页面6. 连接结束
阅读全文
摘要：TCP是底层通讯协议，定义的是数据传输和连接方式的规范HTTP是应用层协议，定义的是传输数据的内容的规范HTTP协议中的数据是利用TCP协议传输的，所以支持HTTP也就一定支持TCP HTTP支持的是www服务 而TCP/IP是协议
阅读全文
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://unpkg.com/vue/dist/vue.js"></script></
阅读全文
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>Vue 测试实例 - 菜鸟教程(runoob.com)</title><script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.j
阅读全文
摘要：1、<router-link to="需要跳转到页面的路径">2、this.$router.push()跳转到指定的url，并在history中添加记录，点击回退返回到上一个页面3、this.$router.replace()跳转到指定的url，但是history中不会添加记录，点击回退到上上个页面
阅读全文
摘要：hash模式 #后面 hash 值的变化，并不会导致浏览器向服务器发出请求，浏览器不发出请求，也就不会刷新页面。每次 hash 值的变化，会触发hashchange 这个事件，通过这个事件我们就可以知道 hash 值发生了哪些变化，然后我们便可以监听hashchange来实现更新页面部分内容的。 h
阅读全文
摘要：computed: 1.(1)存在依赖型数据( 2)依赖型数据发生改变这两个条件,computed才会重新计算。 2.在template调用时，直接写计算属性名即可（类似data） 1.watch擅长处理的场景：一个数据影响多个数据 2.computed擅长处理的场景：一个数据受多个数据影响 met
阅读全文
摘要：class Promise { constructor(executer) { //构造函数 constructor 里面是个执行器 this.status = 'pending'; //默认的状态 pending this.value = undefined //成功的值默认 undefined
阅读全文
摘要：async 函数的实现，就是将 Generator 函数和自动执行器，包装在一个函数里 function getCallSettings() { return utils.ajax({ url: '/dialer/dialerSetting', method: "GET", }); } async
阅读全文
摘要：1.next()永远都会比yield多一个 2.消息传递 当next(..)执行到yield语句处时会暂停生成器的执行，同时next(...)会得到一个带有value属性的对象，yield语句后面带的值会赋给value(如果yield后面没有值，value就为undefined)。可以将yield
阅读全文
摘要：Iterator实现原理 创建一个指针对象，指向当前数据结构的起始位置。也就是说，遍历器对象本质上，就是一个指针对象。 第一次调用指针对象的next方法，可以将指针指向数据结构的第一个成员。 第二次调用指针对象的next方法，指针就指向数据结构的第二个成员。 不断调用指针对象的next方法，直到它指
阅读全文
摘要：1.只是new了一个对象，并没有调用它，我们传进去的函数就已经执行了，这是需要注意的一个细节。所以我们用Promise的时候一般是包在一个函数中，在需要的时候去运行这个函数。 2.catch和then的第二个参数一样，用来指定reject的回调。有另外一个作用：在执行resolve的回调（也就是上面
阅读全文
摘要：1. 在一个事件循环中，异步事件返回结果后会被放到一个任务队列中。然而，根据这个异步事件的类型，这个事件实际上会被对应的宏任务队列或者微任务队列中去。并且在当前执行栈为空的时候，主线程会 查看微任务队列是否有事件存在。如果不存在，那么再去宏任务队列中取出一个事件并把对应的回到加入当前执行栈；如果存在
阅读全文
摘要：防抖是将多次执行变为只执行一次，节流是将多次执行变为每隔一段时间执行 防抖(debounce) search搜索联想，用户在不断输入值时，用防抖来节约请求资源。 window触发resize的时候，不断的调整浏览器窗口大小会不断的触发这个事件，用防抖来让其只触发一次 节流(throttle) 鼠标不
阅读全文
摘要：1.原型链继承 //父类：人 function Person () { this.head = '脑袋瓜子'; this.emotion = ['喜', '怒', '哀', '乐']; //人都有喜怒哀乐 } //将 Person 类中需共享的方法放到 prototype 中，实现复用 Person
阅读全文
摘要：（1）值类型（基本类型）：字符串（string）、数值（number）、布尔值（boolean）、undefined、null （这5种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值）(ECMAScript 2016新增了一种基本数据类型：symbol ) 保存在栈中 （2）引用类型：
阅读全文
摘要：nName();function fnName(){ ...}//正常，因为‘提升’了函数声明，函数调用可在函数声明之前 fnName();var fnName=function(){ ...}//报错，变量fnName还未保存对函数的引用，函数调用必须在函数表达式之后 (function(a){
阅读全文
摘要：element.addEventListener(event, function, useCapture) useCapture 可选。布尔值，指定事件是否在捕获或冒泡阶段执行。 可能值:true - 事件句柄在捕获阶段执行false- false- 默认。事件句柄在冒泡阶段执行 <!DOCTYPE
阅读全文
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>发光输入框</title> <style type="text/css"> #box { position: absolute; width: 100px; height: 100p
阅读全文
摘要：let func = new Function(arg1, arg2, ..., body); new Function('a', 'b', 'return a + b'); // 基础语法 但是当使用new Function()创建函数时，其[[Environment]]不是引用当前的词法环境，而
阅读全文
摘要：1、字面量对象 // 默认这个对象的原型链指向objectvar o1 = {name: '01'};2、通过new Object声明一个对象var o11 = new Object({name: '011'});3、使用显式的构造函数创建对象var M = function(){this.name
阅读全文
摘要：typeof是判断变量是什么基本类型的； instanceof是判断对象到底是什么类型的； 如果你不好记忆 ： type类型 instance实例 如果需要通用检测数据类型，可以采用Object.prototype.toString，调用该方法，统一返回格式“[object Xxx]”的字符串 fu
阅读全文
摘要：1.stopPropagation()阻止事件流function stopBubble(e) { //如果提供了事件对象，则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagatio
阅读全文
摘要：import React, { Component } from 'react' const withConsole = WrappedComponent => { return class extends Component{ componentWillMount() { console.log(
阅读全文
摘要：当组件需要复用的时候，data必须写成对象的形式，并且返回。vue实例之所以不需要，是因为vue实例不需要复用。当组件需要复用时，写成data对象的形式并且返回，才会使各个被复用的组件中的数据不发生干扰。（对比methods，methods可以复用，还是调用相同方法，但是data的数据不行）
阅读全文
摘要：1.vue 可以在钩子函数 created、beforeMount、mounted 中进行异步请求，因为在这三个钩子函数中，data 已经创建，可以将服务端端返回的数据进行赋值。 如果异步请求不需要依赖 Dom 推荐在 created 钩子函数中调用异步请求 2.react componentDid
阅读全文
摘要：<div v-on:click="show"> 1 <div id="app2" v-on:click.capture="show2"> 2 <div id="app3" v-on:click="show1">1</div> </div> </div> <script type="text/java
阅读全文
摘要：function foo() { this.name = 'foo'; }Function.prototype.sayHello = function (parent) { console.log(this.name);}; console.log(foo.__proto__ Function.pr
阅读全文
摘要：当new Object()不传参数时，字面量{}和new关键字创建的对象是Object的实例，原型指向Object.prototype，继承内置对象ObjectObject.create(arg, pro)创建的对象的原型取决于arg，arg为null，新对象是空对象，没有原型，不继承任何对象；ar
阅读全文
摘要：1.call和apply都是改变上下文中的this并立即执行这个函数，bind方法可以让对应的函数想什么时候调就什么时候调用，并且可以将参数在执行的时候添加. 2.apply的第二个参数必须是一个数组
阅读全文
摘要：一.rest参数 1.rest参数中的变量代表一个数组，所以数组特有的方法都可以用于这个变量 2.类数组对象arguments一个合理的替代品。 function push(array, ...items) { items.forEach(function(item) { array.push(it
阅读全文
摘要：1.获取的元素DOM集合 <ul> <li>1111</li> <li>2222</li></ul> 2.arguments（类数组） function show (){ let args = Array.from(arguments) console.log(args)}show(1,2,3,4,
阅读全文
摘要：var arr1 = [1, 2,] var arr2 = new Array(1, 2) let arr3 = Array.of(2) function makeArray() { return Array.from(arguments);}let arr = makeArray('a', 'b'
阅读全文
浙公网安备 33010602011771号