09 2021 档案
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>发光输入框</title> <style type="text/css"> input{width: 280px;height: 30px;} textarea{width: 280
阅读全文
摘要：伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息； 伪元素本质上是创建了一个有内容的虚拟容器；（这个容器不包含任何DOM元素） CSS3中伪类和伪元素的语法不同； 可以同时使用多个伪类，而只能同时使用一个伪元素；
阅读全文
摘要：input{ -webkit-appearance: none; -moz-appearance: none; appearance: none; display: inline-block;}input:after{ content: ""; font-size: 18px; display: i
阅读全文
摘要：<template> <div> <div class="loading"></div> </div> </template> <script> export default { props: {}, data() { return {}; }, methods: {} }; </script> <
阅读全文
摘要：ref属性可以设置为一个回调函数，这也是官方强烈推荐的用法；这个函数执行的时机为： 组件被挂载后，回调函数被立即执行，回调函数的参数为该组件的具体实例。 组件被卸载或者原有的ref属性本身发生变化时，回调也会被立即执行，此时回调函数参数为null，以确保内存泄露。 例如下面代码： import Re
阅读全文
摘要：卡槽的作用 常用的一种子传父的通信方式，作用域插槽其实就是带数据的插槽，即带参数的插槽，简单的来说就是子组件提供给父组件的参数，该参数仅限于插槽中使用，父组件可根据子组件传过来的插槽数据来进行不同的方式展现和填充插槽内容。 卡槽经典案例element-ui中的表格 <template slot-sc
阅读全文
摘要：（1）交换变量的值 [x, y] = [y, x]; （2）提取JSON数据 var jsonData = { id: 42, status: "OK", data: [867, 5309] }; let { id, status, data: number } = jsonData; consol
阅读全文
摘要：1.数组的解构赋值 let [x = 1, y = x] = []; // x=1; y=1 let [x = 1, y = x] = [2]; // x=2; y=2 let [x = 1, y = x] = [1, 2]; // x=1; y=2 let [x = y, y = 1] = [];
阅读全文
摘要：有两个非常相似的组件，他们的基本功能是一样的，但他们之间又存在着足够的差异性，此时的你就像是来到了一个分岔路口：我是把它拆分成两个不同的组件呢？还是保留为一个组件，然后通过props传值来创造差异性从而进行区分呢？
阅读全文
摘要：import Vue from 'vue'; import ElementUI from 'element-ui'; Vue.component('el-input', { extends: ElementUI.Input, created() { this.$on('change', (value
阅读全文
摘要：1.在JavaScript语言之中，一切皆对象，运行环境也是对象，所以函数都是在某个对象下运行，而this就是函数运行时所在的对象（环境）。 2.存函数的 地址 所属的对象，决定了this的运行环境。 实例： function foo() { console.log(this.a); } var o
阅读全文
摘要：作用：从外部读取局部变量 为什么外部变量不能读取局部变量 Javascript语言特有的"链式作用域"结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。因此可以把闭包简单理解成"定义在一个函数内部的函数"。 优点：个
阅读全文
摘要：1.在app.js文件中，设置、读取和修改 globalData: { userInfo: null } this.globalData.userInfo this.globalData.userInfo = {} 2.在其他页面文件中，设置、读取和修改 index.js const app = g
阅读全文
摘要："pages": [ "pages/index/index" ] 1.新建页面少两个文件index.json、index.wxss，需要手动添加 2.遇到很神奇的一个问题index.json手动添加却不读取，项目重新在微信小程序编译工具中打开，好了，不知道为什么？？？？？？？？？
阅读全文
摘要：1.所声明的变量，只在let命令所在的代码块内有效。 var a = []; for (let i = 0; i < 10; i++) { a[i] = function () { console.log(i); }; } a[6](); // 6变量i是let声明的，当前的i只在本轮循环有效，所以
阅读全文
摘要：1.初始化package.json npm init -y 2.下载npm资源包 npm i @vant/weapp -S --production 3.在微信开发者工具里面进行配置 点击详情 使用npm模块 点击工具 构建npm 4.使用 // app.json "usingComponents"
阅读全文
摘要：1.创建store import { createStore } from 'redux'; import reducers from '../reducers/index'; export default createStore(reducers); 2.reducer（接受state和actio
阅读全文
摘要：1.父盒子设置text-align: center;后，盒子里面的 文字内容、行内元素、行内块元素、 都可以水平居中对齐；而块级元素一般是不可以水平居中的。 2. 未设置宽高+父盒子设置text-align: center;的块级元素可以水平居中设置了宽高+未设置margin:0 auto;的块级元
阅读全文
摘要：/specs-and-compare/:carId <keep-alive> <router-view :key="$route.fullPath" v-if="$route.meta.keepAlive" /> </keep-alive> this.$router.push({ path: "/s
阅读全文
摘要：1.async 函数中可能会有 await 表达式，async 函数执行时，如果遇到 await 就会先暂停执行 ，等到触发的异步操作完成后，恢复 async 函数的执行并返回解析值。 （await 关键字仅在 async function 中有效。如果在 async function 函数体外使用
阅读全文
摘要：1.绝对居中： .box { display: flex; width: 100%; height: 500px; background: #cccccc; justify-content: center;//主轴居中 align-items: center; //交叉轴居中 } .box div
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0;padding:0; } .container{ display: flex; heigh
阅读全文
浙公网安备 33010602011771号