随手笔记

摘要： // ts声明简单类型 let number: number = 4 let str: string = '4' let bool: boolean = true let u: undefined = undefined // 报错 不能将u赋值为string类型 // u = 's' // und 阅读全文

摘要： 概念：将前后两个模板进行对比，将差异修补的过程（patch）。 是如何比较：是对比操作前后的DOM树的同一层级的每一个节点进行对比，然后对差异进行修补后形成全新的DOM树，最后重新渲染。 为什么v-for时，常需要加上key值：vue在处理高度复用的组件时，为避免对比时出现匹配错误的情况，为每个节点 阅读全文

摘要： // 模式是vue-cli项目中一个重要的概念，默认情况下vue有三种模式： development(开发环境): vue-cli-service serve。(npm run serve 或 npm run dev 寻找的是.env.development配置的环境和请求地址) test(测试环境 阅读全文

摘要： input { background-color: #fff !important; } /* 核心代码 */ input:-webkit-autofill { transition: background-color 5000s ease-in-out 0s; } input:-webkit-au 阅读全文

摘要： // 获取焦点 input:focus { border: none; } // 失去焦点 input:valid { border: none; } 阅读全文

摘要： 单行： white-space: nowrap;// 文本内容不会自动换行。 overflow: hidden; //超过盒子宽度部分隐藏。 text-overflow: ellipsis;// 超过盒子宽度部分用省略号代替。 多行： word-break:break-all; display:-w 阅读全文

摘要： let obj = {} console.log(JSON.stringify(obj) "{}"); // true //或者转换成数组，长度是否为0 Object.keys(obj).length 0 阅读全文

摘要： 原因：由于js存储的生活会有精度丢失的问题 方式1: （0.1 * 1000 + 0.2 * 1000） 0.3 方式2: fn (a, b) => Math.abs(a - b) < Number.EPSILON let a = 0.1 + 0.2, b = 0.3 fn(a, b) 阅读全文

摘要： 在实现级联选择时，如果数据过长需要滚动时（overflow：auto），会忽略子元素的position:absolute;属性。导致position未能脱标。x轴会出现滚动条。不符合设计要求。 思路：用一个大盒子包裹，三个盒子并列排开。 布局： 1、在外层用一个div包裹第一层、第二层、第三层的盒子 阅读全文

摘要： vue 父子组件加载顺序： 父 beforeCreate 父 created 父 beforeMount 子 beforeCreate 子 created 子 beforeMount 子 mounted 父 mounted 子组件若有 props 的话更新顺序是四步，若无的话两步不触发父亲的钩子。 阅读全文