定义全局函数或变量

由于Vue3中定义使用全局变量或函数方式很繁琐,因此不推荐使用;由于在原型链上挂载全局函数,容易造成函数混乱,因此实践中也不推荐使用;由于this指向的问题,TypeScript 也不推荐扩展内置Array、String等,详见这里;目前使......

YANGWW1111Web前端 · 文档2022-08-09阅读 · 12


原型链

原型对象任何函数都可以成为构造函数,但并不能将任何函数都叫做构造函数,函数只有通过new关键字被实例化时才能成为构造函数。如下:var Test = function(){}Test.prototype.aa = '11'; // 为原型对象新的属性var test1 = new Test();console.log......

YANGWW1111Web前端 · 文档2022-08-08阅读 · 53


declare声明文件

声明文件当使用第三方库时,我们需要引用它的声明文件,才能获得对应的代码补全、接口提示等功能。新语法索引由于本章涉及大量新语法,故在本章开头列出新语法的索引,方便大家在使用这些新语法时能快速查找到对应的......

YANGWW1111Web前端 · 文档2022-08-08阅读 · 19


测试

test...

pap12319@hotmail.comtest · 文档2022-08-05阅读 · 31


Vue支持sass

1. CSS预处理器CSS预处理器定义了一种新的编程语言,为CSS增加了一些编程特性,让CSS更加简洁、强大、易维护,常见的CSS 预处理器语言有 scss(sass)、less 等。2.SASS和SCSS的区别除了文件后缀不同(分别是“.sass” 和 “.scss”)......

YANGWW1111Web前端 · 文档2022-08-04阅读 · 112


组合式 API

概述组合式API用于集中管理页面中的逻辑代码,使页面中的 data、method 等集中在一处,避免相同业务的代码散落在页面的不同部位;示例如下,通过vue2, vue3两种形式实现同一个需求;两个独立的功能:通过点击按钮来控制div的......

YANGWW1111Web前端 · 文档2022-08-04阅读 · 35


Vue添加TypeScript支持

添加typescript支持,详见官网;vue add typescript注:推荐在创建Vue项目时,就添加ts支持...

YANGWW1111Web前端 · 文档2022-08-04阅读 · 38


Vue3支持sass和ts最佳实践

概述Vue3支持sass和ts最好的方式是创建vue项目时就选择支持,否则后期添加的支持可能会有各种不兼容的错误,并且还要手动添加一些额外配置;如下是创建项目添加sass和ts的支持:1. 升级Vue Cli至最新版npm install -g @vue/cli2. 打开Vu......

YANGWW1111Web前端 · 文档2022-08-04阅读 · 46


CSS样式穿透

父组件的 scoped 样式不能穿透到子组件上:<div class="formItem"> <el-input class="input" placeholder="您的手机号" v-model="phone"></el-input></div>当前页面无法修改这个input输入框的样式,因为它是个组件,input在这个组件内部......

YANGWW1111Web前端 · 文档2022-08-03阅读 · 320


css备忘

1.0 禁止换行white-space:nowrap;overflow:hidden;text-overflow:ellipsis;/*使用省略号来代表被修剪的文本*/2.0 CSS通过索引的方式选择元素div:nth-child(1){}// 或div:nth-of-type(1){}两者区别详见 : https://sidoc.cn/doc/1227.html3.0 CSS阴影box-shadow: 3px 1px 12px 1px#c......

YANGWW1111Web前端 · 文档2022-08-02阅读 · 643