- 博客(24)
- 收藏
- 关注
RSS订阅原创 vuex3和vuex4的区别
使用`markRaw`可以标记一个对象为非响应式的，使用`shallowRef`可以创建一个浅响应式对象，如果浅响应式对象的属性变化，不会触发组件的更新。Vuex4中，引入了状态分割和模块热替换的概念，状态可以分割成多个模块，每个模块拥有自己的状态、操作和订阅。这种分割的方式有助于组织和维护大型应用中的状态，并且可以通过热替换来动态添加或移除模块，增强了应用的灵活性和可维护性。Vuex3中，插件是通过`store`的`subscribe`方法来实现的，这种插件接口比较简单，只能监听全部的状态变化。
2023-11-29 13:04:48
339
原创 yarn、npm、cnpm和pnpm的区别
cnpm是淘宝镜像团队提供的npm镜像，它允许在中国境内更快地安装和下载npm包。pnpm是另一种包管理器，它通过共享相同的依赖项来减少磁盘空间的占用。yarn是由Facebook开发的包管理器，旨在解决npm的一些性能和一致性问题。npm是Node.js的默认包管理器，具有庞大的生态系统和广泛的社区支持。cnpm是淘宝镜像团队提供的npm镜像，用于在中国境内加速包的下载和安装。需要额外的安装步骤，与npm相比，使用上有一定的学习曲线。需要额外的安装步骤，与npm相比，使用上有一定的学习曲线。
2023-11-27 09:46:01
203
原创 watch
immediate: true // 组件加载完成立即先执行一遍 handler里边的代码。console.log(val, oldval) // data的新值和老值。当data改变的时候 再次执行handler里边的代码。data: 'methods中的方法名'只有当监听的数据改变的时候，里边的函数才能触发。监听数据执行某一个函数方法。立即执行immediate。
2023-10-18 19:59:22
84
原创 filters
2 在{{}}中使用 | 自定义方法名来格式化数据。// value就是 | 前边的值。1 在filters里边写上自定义方法名。自定义方法名(value) {{{data数据 | 自定义方法名}}如果有些时候 我们需要给数据进行特定方式绑定。return 表达式。
2023-10-18 19:03:30
94
原创 computed
当函数表达式比较长的时候或者比较复杂时候 我们可以使用computed计算属性。1 首先在computed计算属性中 自定义方法名。2 将自定义方法名直接当作data来使用。return 代码块。如果有些时候 我们需要给数据进行特定方式绑定。自定义方法名() {{{自定义方法名}}
2023-10-18 19:02:02
41
1
原创 vue生命周期钩子函数
destroyed和beforDestroy一般用于组件的销毁 一般用于定时器的销毁。后期写项目我们可能使用最多的是created或者mounted。updated和beforUpdate只会在数据改变的时候触发。每个组件内部的生命周期是有先后顺序的 跟编写的先后顺序没有任何的关系。created和mounted一般用于数据的动态请求及赋值。我们可以使用 $destroy()方法或者使用v-if。以下生命周期是vue2.x 一共有11个 常用的有8个。每一个组件都有属于自己的完整的生命周期。
2023-10-18 18:57:45
37
1
原创 vue组件关系
child是new Vue的子组件。new Vue是child的父组件。child1与new Vue是父子关系。child2是child子组件。child是child2父组件。child2与new Vue非父子关系。child与new Vue是父子关系。child与child1是非父子关系。child1与child2非父子关系。child与child2是父子关系。
2023-10-18 18:45:03
55
1
原创 props进阶
default: 默认值 // 当你的组件没有传值的时候 会显示默认值。type: [数据类型1,数据类型2,...],自定义名字: [数据类型1,数据类型2,...]return 代码块。type: 数据类型,type: 数据类型,自定义名字: 数据类型,对传入的数据进行二次检验。验证validator。
2023-10-17 20:30:32
25
原创 a 去除默认样式
*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*//*去除获得焦点的a标签的下划线（被鼠标点击过）*//*去除已经被访问过的a标签的下划线*//*去除鼠标悬停时的a标签的下划线*//*去除未被访问的a标签的下划线*/
2023-10-12 20:48:06
596
原创 vue组件
自定义组件标签名></自定义组件标签名> // 它所渲染的就是template里边所写的模板。如果自定义的组件标签名 含有多个单词组成(一般建议使用中横线命名或者使用大驼峰或者小驼峰)在html页面中调用时候 需要统一将小驼峰或者大驼峰转化为中横线调用。组件是由html css js构建起来一个元素 组件一旦被构建就不能在改变。Vue.component("自定义组件标签名", {组件标签名 不能与已有的html标签名冲突。组件注册分为两种：想要使用组件 你需要先注册。原因：HTML不区分大小写。
2023-10-12 19:03:11
27
原创 vue指令
标签名 :属性名="[data1,data2,data3,{属性名:属性值},...]"></标签名><标签名 v-bind="{属性名1: 属性值,属性名2:属性值,...}"></标签名><标签名 v-bind:属性名="data属性名"></标签名><元素标签 v-on:事件名="自定义方法名"></元素标签><元素标签 v-else-if="条件2"></元素标签><元素标签 v-else-if="条件3"></元素标签><标签名 :属性名="{属性名: 属性值}"></标签名>
2023-10-12 19:00:18
28
原创 vue 父组件向子组件传值
2 在父组件中找到子组件标签 然后在子组件标签上 使用v-bind:自定义名字="父组件要发送的数据"<子组件标签 :自定义名字="要发送的数据"></子组件标签>1 在子组件中写上props 在props中自定义名字。<元素标签>{{自定义名字}}</元素标签>3 在子组件中将自定义名字当做data使用。props: ['自定义名字']
2023-10-12 17:33:08
24
原创 echars
title: { show: true, // 是否显示标题，默认为true text: "1主标题", // 主标题文本 subtext: "副标题", // 副标题文本 x: "center", // 标题水平安放位置，可选值为'left'、'center'、'right'或具体的水平坐标值 y: "bottom", // 标题垂直安放位置，可选值为'top'、'bottom'、'center'或具体的垂直坐标值 backgroundColor: "red", // 标题背景颜色 borderWidth
2023-09-14 18:23:26
28
1
原创 video和 audio
webkitRequestFullScreen 全屏。src 视频播放路径(本地路径或者线上路径)width 视频宽度 默认300 默认单位px。volume 设置音量 范围0.0-1.0。poster 视频封面 它的值是一个url。timeupdate 实时监听视频播放。dragstart 拖拽开始。drag 拖拽中。playbackRate 播放倍速。controls 添加播放控件。loop 循环播放。play() 播放。
2023-09-11 11:42:50
34
原创 canvas
counterclockwise 可选项 规定了顺时针或者是逆时针旋转 False = 顺时针，true = 逆时针。<canvas> 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. 定义位图。svg设计出来图形是矢量图(放大不失帧) canvas绘制位图(放大会失帧)SVG 定义为可缩放矢量图形 不需要使用js 全部使用标签来进行绘制。svg不需要使用js canvas需要使用js。x,y 在画布上边 矩形左上角的坐标位置。x,y 在画布上边 矩形左上角的坐标位置。
2023-09-11 11:39:55
30
原创 video
webkitRequestFullScreen 全屏。src 视频播放路径(本地路径或者线上路径)width 视频宽度 默认300 默认单位px。volume 设置音量 范围0.0-1.0。poster 视频封面 它的值是一个url。timeupdate 实时监听视频播放。dragstart 拖拽开始。drag 拖拽中。playbackRate 播放倍速。controls 添加播放控件。loop 循环播放。play() 播放。
2023-09-08 08:57:26
31
1
原创 CSS中可继承与不可继承属性
定位属性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index。声音样式属性：pause-before、pause-after、pause、cue-before、cue-after、cue、play-during。轮廓样式属性：outline-style、outline-width、outline-color、outline。
2023-08-29 20:25:27
97
1
原创 原型和原型链
所有的构造函数再初始化的时候，都会自动创建出一个特殊的实例化对象，构造函数的prototype属性指向的就是该对象，该对象被称为是原型对象，或者prototype对象。实例化对象中访问属性和方法的时候，先访问自身的属性和方法，本身不存在，则会通过prototype属性，再整个原型链上查找，如果整个都查找不到就会报错。由prototype属性，串联起来的原型对象，就称为是原型链。
2023-08-18 18:52:15
30
原创 js常见的面试题总结
箭头函数没有自己的this，箭头函数的this就是上下文中定义的this，因为箭头函数没有自己的this所以不能用做构造函数。构造函数配合new使用, 而new关键字会将构造函数中的this指向实例化对象，所以构造函数中的this指向实例化对象。浅拷贝不会开辟全新的栈，两个对象对应的是同一个地址，修改其中一个的属性，另一个的属性也会改变。深拷贝会开辟全新的栈，两个对象对应两个不同的地址，修改其中一个的属性，另一个不会受到影响。函数本身调用本身，递归函数必须要有递归的出口，有进有出，先进后出。
2023-08-17 19:25:12
29
1
原创 js的部分属性和方法
replace（'子字符串1','子字符串2') 将字符串中子字符串1替换为子字符串2。substr（起始位置，【截取长度】）截取不写则代 表截取到字符串未尾。substring（起始位置，结束位置）不包括截取结果的右边界字符。concat（数组1，数组2，...）连接多个数组返回新数组。Number（）转为数字类型，如果含有字符，则转为NaN。indexof（) 子字符串在字符串中第一次出现的位置。getDay（）星期（0 ~ 6 周日 ~ 周六）join（'连接符'）将数组元素连接成字符串。
2023-08-17 19:18:55
33
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人