摘要：
原理 在css中如果值为0，可以省略单位。在css应用场景中，有可能是多端多人维护。即可能维护的人有A及B及C…，应用场景中有电脑端及手机端及小程序及打印机之类的。 结论 个人认为不要省略单位，不要留下后续维护的坑。多端多设备时，最好当时就想好用什么单位更合适，如果想不到，用rem或px也行，反正实 阅读全文
摘要：
原理 v-bind="$attrs"继承所有属性和props。v-on="$listeners"继承所有的方法。 <template> <div style="display: contents;"> <第三方组件名称 v-bind="$attrs" v-on="$listeners" @click 阅读全文
摘要：
为什么要强制将某个未知类型变量转成基础数据类型？ 实际业务场景里，一个变量的数据是否合法或符合预期，会影响到自己的代码的可靠性。比如在别人使用自己写的自定义函数，而自己写的函数中的一些值是需要对入参严格限制为数字的，同时自己想，如果别人输入错误，就使用一些默认值。 //自己写的代码 名为[自定义函数 阅读全文
摘要：
为什么要判断一个变量的常用数据？ 实际业务场景里，一个变量的数据是否合法或符合预期，会影响到项目中用到的UI组件库特定组件的运行。比如element-ui中的el-select组件，单选时绑定的数据不能为数组，多选时要为数组。有些函数也是要限定某些合法数据的。比如Date()里可以是时间戳，也可以是 阅读全文
摘要：
说明 为什么要有插槽？ 是为了方便优雅地在父组件中向子组件传递向子组件传递dom结构。 代码处理 子组件 该子组件的组件名为ChildComponent: <template> <div class="the-box"> <div>子组件开始</div> <div style="border: 1p 阅读全文
摘要：
关于NaN NaN 属性代表一个“不是数字”的number类型的字面量值。这个特殊的值是因为运算不能执行而导致的，不能执行的原因要么是因为其中的运算对象之一非数字。 NaN的出现场景: 一个表达式中如果有减号(-)、乘号(*) 或 除号(/) 等运算符时，JS引擎会在计算之前试图将运算符两边的变量转 阅读全文
摘要：
eval()常见用途 1.使用ajax获取到后台返回的json数据时，使用 eval 这个方法将json字符串转换成对象数组 let jsonString = JSON.stringify({fang:'方'}) const jsonObject = eval('('+jsonString+')') 阅读全文
摘要：
原理 手动用js创建一个type为file的DOM元素。在读取到数据后，清空手动创建的DOM元素。返回得到的Promise类型的文件数据files。 const getFilesPromise = async () => { let thePromise = new Promise((resolve 阅读全文
摘要：
说明 css变量只能以[–]开头。距离当前dom元素层级最近的父元素作用域css变量的值更容易生效。css变量在css文件中只能以var()函数来使用。 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta 阅读全文
摘要：
原理 使用定时器，对要输出的文字进行遍历，每遍历一次，都增加一个字以及在段尾加上"|"暗示别人正在打字。 js代码 const fangWrite = (theString, queryString, timeInterval, identifier) => { const thisString = 阅读全文