自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(22)
  • 收藏
  • 关注

原创 TS环境集成

在输入指令 时候vscode中会报错,像下面这样,然后百度了一下终于解决。然后这里说一下,我的电脑是win10的,win11的话就输入。创建一个app.ts文件,在里面写一行打印,然后我们输入。,这里就会给我们生成一个app.js文件,z再输入。打开PowerShell,选择有管理员权限的。这里注意的就是将这里的2016改为5。首先安装全局的ts-node模块。,然后就可以直接运行ts文件了。

2022-09-23 14:48:36 133

原创 setup函数和语法糖、ref函数、reactive函数、computed

这是vue3.0的App文件,跟2.0是有些不同的这里我点击按钮,可以看见页面的改变。

2022-09-19 23:21:15 156

原创 vue3.0环境集成

现在先暂时只选这些,后面就一直敲回车就行,除了那个lint on save要取消选中外其他都回车就行。,我们可以看到这个文件中是没有node-module的,很小,集成好了,下的很快。1、先查看@vue/cli的版本,确保@vue/cli版本在4.5.0以上。这里写一个测试:页面显示出来,控制台也没报错,那么我们的环境就配置好了。,这里的xxx是我们自己所创建的项目名,回车,选择第三个回车。

2022-09-17 20:20:56 145

原创 跳转路由、路由插件的集成和配置

注册路由时,路由路径不要在前面加 斜杠跳转路由时 1.path里写的路径必须前面加斜杠 从根路由路径开始写 2.不用path 直接使用name。

2022-09-11 19:14:03 173 1

原创 组件传值、中央事件总线、动态组件、缓存组件、异步组件

Vue提供的技术:某继承Vue的组件有三个功能:1.触发x组件的a事件: x.$emit(“a事件”,参数…)2.给x组件绑定a事件 x.$on(“a事件”,监听器函数)3.给x组件解绑a事件 x.$off(“a事件”,监听器函数)现在当我直接点击第二个按钮时是界面是没有仍和反应的现在我点击了第一个按钮,界面也没有仍和反应,但是当我现在点击第二个按钮时,控制台出现了打印,说明我点第一个按钮时成功给App组件绑定了myclick事件。

2022-09-08 21:08:56 114

原创 组件传值

data数据源变化了=>watch订阅开始响应=>render,根据新data返回新的Vnode虚拟节点树=>patch函数运行=>sameNode运行比较是否是相同的=>patchNode函数运行主要是打补丁(增删改查DOM)=>updatechildren运行 比较下层1.编译器的目的是为了调用render函数返回VNode节点树2.patch函数运行期间是边比较 边操作DOM3.差异比较的顺序是 同层比较完毕 才会比较下层。

2022-09-07 23:08:56 20

原创 插槽、单向数据流、数据劫持顺序、网络代理配置

事件的三要素: 事件源 target 事件类型type 监听器handler$emit,:子组件可以使用 $emit,让父组件监听到自定义事件自定义事件在组件内部触发事件 this.$emit(“事件名”,参数1,参数2…)使用组件时 绑定监听器,内部触发事件时 监听器就会调用。

2022-09-06 23:04:29 18

原创 自定义指令钩子、局部和全局、单文件组件、组件的属性

除了默认设置的核心指令( v-model 和 v-show 等),Vue 也允许注册自定义指令。在Vue里,代码复用的主要形式和抽象是组件。然而,有的情况下,仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。以一个input元素自动获得焦点为例,当页面加载时,使用autofocuse可以让元素将获得焦点 ,但是autofocuse在移动版Safari上不工作,现在注册一个使元素自动获取焦点的指令。指令注册类似于组件注册,包括全局指令和局部指令两种。

2022-09-05 22:03:23 27

原创 属性侦听器、自定义指令、生命周期函数

除了默认设置的核心指令( v-model 和 v-show 等),Vue 也允许注册自定义指令。在Vue里,代码复用的主要形式和抽象是组件。然而,有的情况下,仍然需要对纯 DOM 元素进行底层操作,这时候就会用到自定义指令。以一个input元素自动获得焦点为例,当页面加载时,使用autofocuse可以让元素将获得焦点 ,但是autofocuse在移动版Safari上不工作,现在注册一个使元素自动获取焦点的指令。指令注册类似于组件注册,包括全局指令和局部指令两种。全局指令。

2022-09-04 20:35:45 160

原创 循环渲染中key的原理、双向数据绑定、响应式数据...

vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。然后就去刷新数据到界面: 按照for的数据容器中的数据顺序来渲染如果用户以前操作过旧节点,那么新数据顺序可能会出现跟旧节点顺序不匹配的效果(旧节点跟旧数据没有对应起来)现在我点击change,页面没有变化,然后我再点击look,可以发现控制台打印的是666,但是页面并没有改变。...

2022-08-31 19:16:24 94

原创 方法和事件绑定、条件渲染、循环渲染、样式绑定、一些面试题整理

核心是关注视图层,解决数据绑定的问题。核心思想数据驱动:视图内容根据数据的改变而改变组件化:增加代码复用性,可维护性,可测试性,提高开发效率,方便重复使用,体现了高内聚,低耦合。个人理解由于vue是基于MVVM思想的双向绑定,让我们可以减少对dom元素的频繁操作,直接在数据层和视图层建立一种联系,方便使用。并且它通过组件化的方式,增加了代码的可复用性,可维护性,提高了开发效率。...

2022-08-30 21:19:37 139

原创 【无标题】

1.普通插值表达式插入数据: 在标签尖括号中使用{{}}插入js表达式:变量,函数调用,三目运算等等,插值表达式中的标识符 代表vue对象中的data的属性名或者methods中的方法名。

2022-08-29 19:22:05 96

原创 7.28笔记整理nodejs

node.js是一个软件,他是js代码运行的环境,可以运行js代码然后实现服务器功能。

2022-07-28 20:50:07 25

原创 7.18笔记,增删改查、盒子模型

a)offsetWidth:本身宽度+边框线+左右内边距;b)offsetHeight:本身高度+边框线+上下内边距;c)offsetTop:相对有定位属性的父节点上偏移量;d)offsetLeft:相对有定位属性的父节点左偏移量;e)clientWidth:本身的宽度+左右内边距;f)clientHeight:本身的高度+上下内边距;g)clientTop:上边框线的宽度;h)clientLeft:左边框线的宽度;i)scrollWidth:盒子的实际宽度(包括不可见部分) ;j)scr

2022-07-19 20:47:18 38

原创 7.15笔记

老师今天用的css的width.calc()不会用在网上看了一下一个博主的写的不错链接大概就是一个自适应的问题如我想让左边的元素自适应,但是我不知道左边元素的宽度大小,只知道右边的大小,这个时候我就可以给左边元素一个。.........

2022-07-16 22:45:02 34

原创 7.14 DOM学习笔记,代码练习

4.元素的属性/文本/注释也是独立节点,注意属性节点不是元素节点的子节点。2.除了根节点外,其他所有节点都有唯一的一个父节点。3.document是window对象的属性。1.只有一个根节点document。

2022-07-14 19:11:20 130

原创 7.13笔记 Promise 事件循环

所以这个时候可以总结到事件循环中的执行顺序 同步 > 异步 微任务 > 宏任务 那么微任务和宏任务都有什么呢,简单总结下就是: 微任务:Promise,process.nextTick。 宏任务:整体代码script,setTimeout,setInterval...

2022-07-13 18:38:02 90

原创 7.12笔记 箭头函数、class类、模块

箭头函数有几个使用注意点:1. 箭头函数没有自己的this对象2. 不可以当作构造函数,也就是说,不可以对箭头函数使用new命令,否则会抛出一个错误3. 不可以使用arguments对象,该对象在函数体内不存在。如果要使用,可以用rest参数代替4. 不可以使用yield命令,因此箭头函数不能用作generator函数5. 因为箭头函数里面没有this,所以箭头函数不能作为构造函数使用...

2022-07-12 18:57:38 50

原创 字符串的一些方法简介

indexOf(searchVlue[,fromIndex])返回字符串在指定文本中第一次出现的索引,从fromIndex开始搜索,若未找到,则返回-1

2022-07-12 16:47:04 52

原创 7.11笔记 symbol、set、map、数组对象的一些方法

ES5的对象属性名都是字符串,这容易造成属性名冲突。比如,你使用了一个他人提供的对象,但又想为这个对象添加新的方法(mixin模式),新方法的名字就有可能与现有方法产生冲突。如果有一种机制,保证每个属性的名字都是独一无二的就好了,这样就从根本上防止属性名的冲突。这就是ES6引入symbol的原因是一个新的变量类型 。ES6引入了一种新的原始数据类型symbol,表示独一无二的值。它属于JavaScript语言的数据类型之一,其他数据类型是undefined、null、布尔值(Boolean)……...

2022-07-11 22:27:16 139

原创 数组对象的一些方法

es5 : push pop shift unshift splicees6 :find inludes findIndex fill entries keys values flattips:这些是我自己做的一点笔记,可能不是特别详细(也可能有错,望指正),若想了解的更深入一些,建议查看官网。......

2022-07-11 19:55:51 66

原创 浏览器内核的了解、哪些?ES5、ES6有什么区别

1、IE浏览器内核: Trident内核,也是俗称的IE内核2、Chrome浏览器内核:统称为Chromium内 核或Chrome内核,以前是Webkit内核,现在是Blink内核;3、Firefox浏览器内核: Gecko内核, 俗称Firefox内核;4、Safari浏览器内核: Webkit内核;5、Opera浏览器内核:最初是自己的Presto内核,后来是Webkit,现在是Blink内核;6、国内比较出名的浏览器使用的内核:大多都是IE内核,如百度、360浏览器;...

2022-07-08 16:18:14 441 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除