摘要: 一:使用 vite 快速创建脚手架 1.创建新项目 命令行输入后,依次选择vue -> typescript。 1 yarn create vite vite_vue3_typescript_pinia_template --template 2.cd 到项目文件,安装依赖,启动项目 1 # 进入项 阅读全文
posted @ 2024-07-22 17:15 durance 阅读(305) 评论(0) 推荐(0) 编辑
摘要: 根据vue官方教程文档中的解释 v-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。 v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。 相比之下,v-show 就简单得多——不管初始条件是 阅读全文
posted @ 2020-08-14 10:53 durance 阅读(117) 评论(0) 推荐(0) 编辑
摘要: 使用关键字new创建新实例对象经过了以下几步: 创建一个新对象 将新对象的_proto_指向构造函数的prototype对象 将构造函数的作用域赋值给新对象 (也就是this指向新对象) 执行构造函数中的代码(为这个新对象添加属性) 返回新的对象 阅读全文
posted @ 2020-04-02 16:46 durance 阅读(541) 评论(0) 推荐(0) 编辑
摘要: 1. == :等于,两边值类型不同的时候,先进行类型转换,再比较; 2. :严格等于,只有当类型和值都相等时,才相等; 3. Object.is() :与 的作用基本一样,但有些许不同。 == 和 的区别 == 和 的最大区别就是前者不限定类型而后者限定类型。如下例,如果想要实现严格相等( ),两者 阅读全文
posted @ 2019-12-15 23:02 durance 阅读(1366) 评论(0) 推荐(0) 编辑
摘要: 今天在做一个app项目的时候,遇到了这样一个问题,在给定一个img标签固定宽高的情况下,当img标签中的src属性为空时,这块img区域会有边框包围着,导致了当进入一个页面时,图片会先闪一下边框,然后图片才呈现出来,可能是连通接口的速度不是很快,而在得到图片路径之前img标签的src属性还是初始为空 阅读全文
posted @ 2019-12-10 23:10 durance 阅读(2145) 评论(0) 推荐(1) 编辑
摘要: 在js中,经常要对数组进行拷贝操作,但如果只是简单的将它赋予其他变量,那么之后只需要修改一个变量,其他的就都会受到影响一起改变。这便是数组的深浅拷贝问题,像这种直接赋值的方式就是浅拷贝,但很多时候,这样并不是我们想要得到的结果。 举个例子: var arr1 = [0,1,2,3]; var arr 阅读全文
posted @ 2019-12-09 23:40 durance 阅读(271) 评论(0) 推荐(0) 编辑
摘要: 每个Vue实例或组件从创建到显示再到废弃的过程就是vue的生命周期。 很多时候我们希望能在这个过程中执行一些操作,于是就有了生命周期钩子。生命周期钩子函数允许我们在实例不同阶段执行各种操作,便于我们更好地控制和使用实例。 下图是Vue生命周期图示: Vue的八大生命周期 <!DOCTYPE html 阅读全文
posted @ 2019-12-05 22:53 durance 阅读(583) 评论(0) 推荐(0) 编辑
摘要: 1. cookie和session 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用cookie,session等跟服务端进行数据交互。 cookie和session都是用来跟踪浏览器用户身份的会话方式。 a、保持状态:cookie保存在浏览器端,session保存在服务器端。 b 阅读全文
posted @ 2019-12-05 11:31 durance 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 1. 安装node.js Vue的脚手架是依赖于Node.js的,如果没有安装过Node的话需要先到Node.js官网上进行安装。 安装完成后,打开cmd窗口,输入 node -v 和 npm -v 来查看node.js和npm的版本,如果能够显示出版本,说明已经安装成功。 2. 安装淘宝镜像——c 阅读全文
posted @ 2019-12-03 22:00 durance 阅读(278) 评论(0) 推荐(0) 编辑