10 2022 档案
摘要:vue3 渲染函数(h函数)的更改 h函数的更改总结 1==>h 现在全局导入,而不是作为参数传递给渲染函数 2==>渲染函数参数更改为在有状态组件和函数组件之间更加一致 3==>vnode 现在有一个扁平的 prop 结构 h函数的三个参数详细说明 第一个参数是必须的。【跟原来的是一样的。没有发生
阅读全文
摘要:vue3 按需加载组件 子组件.vue <template> <div> <p>这个组件按需加载</p> <h1>这个组件显示</h1> </div> </template> <template> <div class="father"> <el-button text @click="openHa
阅读全文
摘要:在vue3中的$attrs的变化 $listeners已被删除合并到$attrs中。 $attrs现在包括class和style属性。 也就是说在vue3中$listeners不存在了。vue2中$listeners是单独存在的。 在vue3 $attrs包括class和style属性, vue2中
阅读全文
摘要:场景描述 简单的说一下场景描述:这个页面有三个部分组成的. 顶部的头部信息--导航栏--内容 当页面滚动的时候。导航栏始终是固定在最顶部的。 我们使用的第一种方案就是使用css的粘性定位 position: sticky; [ˈstɪ ki] 先说一下css的position的属性 position
阅读全文
摘要:#### 简单说下:offsetTop ``` offsetTop: 为只读属性。 返回的是一个数字。 它返回当前元素相对于其 offsetParent 元素的顶部内边距的距离。 它等价于offsetTop==>元素到offsetParent顶部内边距的距离 offsetTop并不是指距离浏览器窗口
阅读全文
摘要:文字阴影 文字阴影的语法格式: text-shadow:水平向右的偏移值 向下的偏移值 迷糊度 阴影的颜色,水平向右的偏移值 向下的偏移值 迷糊度 阴影的颜色; 可以有多个阴影,但是在实际的项目中最多一个阴影就可以了。 <style> div { font-size: 100px; text-ali
阅读全文
摘要:css3的属性应该加上浏览器前缀 不同的浏览器内核不同,因此css的前缀不同。 常见的几种浏览器内核 火狐浏览器 Geoko内核 前缀是 -mox- 谷歌浏览器, Webkit内核 前缀是 -wekbit- IE浏览器 Trident内核 前缀是 -ms- opera浏览器 Presto内核 前缀是
阅读全文
摘要:第一种方式通过 iframe 在线预览 pdf,word,excel,ppt,txt,图片,视频 <template> <el-button @click="openHandler">预览</el-button> <el-dialog @close="closeHandler" v-model="m
阅读全文
摘要:Never 类型 never类型表示:那些永不存在的值的类型。 例如:never类型是那些总是会【抛出异常】或根本就【不会有返回值的函数表达式】或【箭头函数表达式的返回值类型】 never类型是任何类型的子类型,也可以赋值给任何类型。 然而,没有类型是never的子类型或可以赋值给never类型(除
阅读全文
摘要:元组类型 // 元组类型:表示一个已知元素数量和类型的数组,各元素的类型不必相同 let undata: [string, '男'| '女']; //已知数量是两个。类型分别是字符串和男或者女 undata =['张三', '男'] ok //x这个类型必须一一匹配起来 let x: [string
阅读全文
摘要:构建打包产物 build: { assetsInlineLimit: 10240, //静态资源(不会包含js,css)不超过10kb 转化为 base64 【不好含css js】 outDir: "distdemo", //如果在一个服务器下,已经有一个dist文件夹(别人的项目)。我们要改变一下
阅读全文
摘要:简单介绍typeof 我们都知道js提供了typeof,用来获取基本数据的类型。 实际上,TS也提供了 typeof 操作符。 可以在 【类型上下文】中进行类型查询。 只能够进行变量或者属性查询。 定义参数类型 let p = { name: 'zs', age:10 } function p1(p
阅读全文
摘要:类型增强 declare 的使用 1.如果一个有一个全局变量 golabaol 。 在index.html中。 2.我们在xx.vue中使用 golabaol 。这个时候会报错 找不到名称“golabaol 解决办法: <1>我们可以来: 1.创建一个全局类型声明的文件,在整个项目中都可以使用。 地
阅读全文
摘要:如何快速声明数据类型 上面这张图 let obj1= reactive({ listArr: [], backArr: [{name:'张三',age:10, info:'本科'}], age: 100, name: '', flag: false, }) 你把光标放在 reactive 就会出现类
阅读全文