- 博客(34)
- 收藏
- 关注
RSS订阅原创 vue全局自定义指令
1.两种写法：Vue.filter("名称",函数(接收前一个的值))new Vue({filters:{函数名(接收前一个的值){}}})1.定时器，绑定自定义事件，发送请求，订阅消息。2.过滤后产生新的数据值，多个过滤器串联，3.使用时|过滤名 过滤名后面可加可不加()取不到data和methods中的数据。beforeCreate初始化之前。3.this指向vue实例化对象。mounted解析后|挂载后。2.生命周期名称不可以更改。1.是回调函数，钩子函数。
2024-06-13 09:11:06
149
原创 Vue动画
2、v-leave-to [这是一个时间点】是动画离开之后，离开的终止状态，此时元素动画已经结束。五、v-cloak 解决网速慢展示插值|页面出现闪烁或白屏， 使用需要给标签添加v-cloak。1、v-enter 【时间点进入之前】 元素的起始状态，此时还没有开始进入。3、v-enter-active入场时段。4、v-leave-active出场时段。用于遍历数组，对象，字符串，指定次数。二、点击按钮，显示，再点击，隐藏。注：:key=“需要唯一”
2024-06-03 10:30:52
123
原创 vue中computed计算属性
4.原理使用了Object.defineproperty(目标对象,名称,{get(),set(value)})5.watch默认监听一层，需要监听多级如对象中的值，需要添加深度监听deep:true。4.写法：第一种Vue实例中，第二种实例化vm.$watch("监听的属性",{})写法：监听的属性名(新值,旧值){}2.被Vue实例管理的函数最好都使用普通函数，不被Vue实例管理的函数最好都使用箭头函数，1.computed能做到的watch都可以，watch能做到的computed不一定能。
2024-05-19 20:00:47
429
原创 vue中使用自定义组件规则
3.注册时可以取别名，别名不可以驼峰命名，需要使用-连接，不能使用已有的标签作为名称。5.未搭建脚手架使用单标签会使后面代码都不渲染。4.模板时只能有一个父级，只在vue2中。2.data必须使用函数写法。1.定义组件中不要绑定el。
2024-04-22 09:40:39
197
原创 vue事件修饰符
capture捕获模式 ，先触发带有该修饰符的元素，多个该修饰符，则由外而内触发。-- 注：通常使用v-model绑定表单v-model="",v-model.number可以将字符串转换为有效数字 "1"==1。.self阻止自身事件促发，但不会阻止冒泡,(间接有捕获模式)v-model:value="" 需要设置默认值。v-model.lazy失去焦点后提交数据(data)给元素设置self后，点击当前设置的自身元素会触发。.number可以将字符串转换为有效数字 "1"==1 -->
2024-04-15 08:44:09
262
原创 vue使用自定义组件规则
3.注册时可以取别名，别名不可以驼峰命名，需要使用-连接，不能使用已有的标签作为名称。5.未搭建脚手架使用单标签会使后面代码都不渲染。4.模板时只能有一个父级，只在vue2中。2.data必须使用函数写法。1.定义组件中不要绑定el。
2024-03-31 20:42:21
277
原创 proxy创建路由
在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。Promise 对象：await 会暂停执行，等待 Promise 对象 resolve，然后恢复 async 函数的执行并返回解析值。target 即目标对象， handler 是一个对象，声明了代理 target 的指定行为。严格模式set失效，开启严格模式方法"use strict";res.send("post调取index成功");res.send("get调取index成功");console.log("触发当前中间件");
2024-03-25 10:28:52
276
原创 vue的MVVM模型
规则：1.定义指令名称时不要使用v-和驼峰，需要使用-连接，需要加引号。2.MVVM双向(双向绑定，数据代理)，MVC单向(直接操作DOM)3.MVVM(虚拟DOM)更快渲染,MVC单向(真实DOM)inserted(元素,绑定对象){},directives,需要定义在Vue实例中。directive,需要定义在Vue实例之前。update(元素,绑定对象){}bind(元素,绑定对象){},1.VM(vue)==C(调服务)"指令名"(元素,绑定对象){}元素解析触发(值改变)MVVM与MVC区别。
2024-03-18 10:21:59
198
原创 学习vue指令
bind:或:,v-on:或@,v-for,v-if,v-show,v-model。2.不同点：v-if存在或不存在，v-show展示或不展示。v-if和v-for在vue2或vue3中都不要同时使用，注：v-else，v-else-if不能单独使用，要跟if一起使用。v-else,v-cloak,v-once，v-pre不需要带值。不同点：v-text文本，v-html标签。在vue3中v-if比v-for优先级高。v-text和v-html，插值 区别。v-if和v-for优先级和使用事项。
2024-03-10 22:08:06
200
原创 html5
子类需要访问父类中的静态值，需要在子类的静态方法中访问,在静态方法中，指向父类。（即内部的 [[Prototype]] 属性）设置为另一个对象或者 null。3.调用父类方法, super 作为对象，在普通方法中，指向父类的原型对象，2.调用父类构造函数,只能出现在子类的constructor构造函数。1.子类 constructor 方法中必须有 super ，// 调用父类普通方法。// 调用父类静态方法。extends 通过 extends 实现类的继承。且必须出现在 this 之前。
2024-01-14 21:46:31
1393
原创 html5
一般情况下，next 方法不传入参数的时候，yield 表达式的返回值是 undefined。3.其中 * 用来表示函数为 Generator 函数，yield 用来定义函数内部的状态。此时函数还没有执行完， 返回对象的 done 属性值是 false，下面还有yield。yield 后面跟的值是value值，next(参数)==yield返回值需要用变量接收。当 next 传入参数的时候，该参数会作为上一步yield的返回值。Generator 函数，可以通过 yield 关键字，
2024-01-09 11:49:58
319
原创 html5
Promise 对象：await 会暂停执行，等待 Promise 对象 resolve，然后恢复 async 函数的执行并返回解析值。在通过 Proxy 构造函数生成实例对象时，需要提供这两个参数。如果在 async function 函数体外使用 await ，你只会得到一个语法错误。target 即目标对象， handler 是一个对象，声明了代理 target 的指定行为。Reflect.ownKeys() 返回对象所有的属性，不管属性是否可枚举，包括 Symbol。
2024-01-09 11:49:00
361
原创 html5
var xyz=new Star('周润发',20);var ldh=new Star('刘德华',18);ldh.name = "陈冬";constructor静态方法。Star.sex = "男";Star("朱攀佳",3)静态成员只有自己含有。
2024-01-03 15:48:19
323
1
原创 html5
Map.size 返回 Map 中元素的数量，而 Object 的键值对个数只能手动计算。entries() 返回 Map 对象中键/值对的数组。Map 构造函数可以将一个 二维 键值对数组转换成一个 Map 对象。values() 返回 Map 对象中值的数组。new Map() 创建新的 Map 对象。keys() 返回 Map 对象中键的数组。set() 为 Map 对象中的键设置值。get() 获取 Map 对象中键的值。Map 对象具有表示映射大小的属性。Map 对象记得键的原始插入顺序。
2024-01-03 15:46:06
364
1
原创 html5
translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。2D转换可以对元素进行移动、缩放、转动、拉长或拉伸。基本语法transform。@font-face 引入字体文件。transition过渡。
2023-12-24 21:58:06
391
原创 html5
如果指定侧轴大小的属性值为'auto'，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照'min/max-width/height'属性的限制。如果'align-self'的值为'auto'，则其计算值为元素的父元素的'align-items'值，如果其没有父元素，则计算值为'stretch'。（如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度）。flex-flow 属性是 flex-direction 和 flex-wrap 属性的复合属性。
2023-12-24 21:56:12
1311
原创 hmtl5
否则，第1个弹性项的外边距和行的main-start边线对齐，而最后1个弹性项的外边距和行的main-end边线对齐，然后剩余的弹性项分布在该行上，相邻项目的间隔相等。弹性项目平均分布在该行上，两边留有一半的间隔空间。- stretch：如果指定侧轴大小的属性值为'auto'，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照'min/max-width/height'属性的限制。第一个弹性项的main-start外边距边线被放置在该行的main-start边线，而后续弹性项依次平齐摆放。
2023-12-24 21:54:13
1618
原创 HTML5
row-reverse 反转横向排列（右对齐，从后往前排，最后一项排在最前面。column-reverse 反转纵向排列，从后往前排，最后一项排在最上面。flex-direction 属性指定了弹性子元素在父容器中的位置。row横向从左到右排列（左对齐），默认的排列方式。flex 属性用于指定弹性子元素如何分配空间。column 纵向排列。2.IE盒子模型||怪异盒子模型。
2023-12-21 10:53:45
336
原创 html5
sessionStorage - 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。得到某个索引的key：sessionStorage.key(index);删除单个数据：localStorage.removeItem(key);得到某个索引的key：localStorage.key(index);保存数据：sessionStorage.setItem(key,value);保存数据：localStorage.setItem(key,value);checkbox 复选框。
2023-12-03 20:32:28
354
1
原创 html5
aside --- 侧边栏标签。- nav --- 导航标签。- footer --- 尾部标签。- header --- 头部标签。- article --- 内容标签。- section --- 块级标签。poster下载时显示的图像,值为url。autoplay视频就绪后立马播放。source标签兼容不同视频的格式。controls视频的播放控件。
2023-11-27 08:30:25
345
1
原创 Bootstrap
data-dismiss="alert"警告信息隐藏功能。progress-bar-striped条纹状进度条。alert-dismissible 可关闭警告框。list-group-item列表组。progress-bar进度条。iframe,embed引入页面。breadcrumb路径导航。pagination分页。thumbnail缩略图。jumbotron巨幕。
2023-11-06 08:54:13
15
1
原创 Bootstrap
navbar-right|left 导航条中的浮动 大于等于768才生效。navbar-fixed-bottom固定导航条在底部。avbar-fixed-top固定导航条在顶部。input-group-btn添加额外的按钮。navbar-brand导航条头部文字的样式。navbar-toggle导航条头部图标位置。navbar-default导航条默认颜色。navbar-inverse导航条反色。navbar-header导航条头部。navbar-form导航条中表单。active激活状态。
2023-10-31 20:36:55
16
1
原创 Bootstrap
dropup下拉箭头向上 dropdown下拉箭头向下。data-toggle="dropdown"下拉功能。btn-group-vertical按钮组的垂直排列。dropdown-menu子选项。dropdown-menu-right子选项靠右。dropdown-header设置子类菜单为标题。divider与hr标签一致 分割线。btn-toolbar类似于row。btn-group按钮组。
2023-10-22 20:02:10
14
1
原创 Bootstrap
has-warning在control-label、.form-control 和 .help-block才生效。btn设置为按钮 btn-default添加样式的颜色。input-group-addon 存放一些符号或单位。input-lg input-sm控制input大小。form-control-static静态类。multiple 默认展示下拉框所有选项。input-group子类排列。readonly只读状态。textarea文本域。rows默认展示的行数。active激活状态。
2023-10-15 22:08:36
12
1
原创 Bootstrap
table-responsive响应式表格添加横向滚动条。placeholder input中的提示信息。table-condensed紧缩表格--内边距。form-control宽度100%变为块元素。table-bordered设置表格边框。table-striped条纹表格。help-block上传文件的提示。table-hover鼠标悬停。form-group独占一行。table宽度100%active选中的颜色。success成功标识。warning警告信息。danger危险信息。
2023-10-15 22:04:41
8
1
原创 Bootstrap
table-responsive响应式表格添加横向滚动条。table-condensed紧缩表格--内边距。placeholder input中的提示信息。form-control宽度100%变为块元素。table-bordered设置表格边框。success成功标识。warning警告信息。danger危险信息。help-block上传文件的提示。table-striped条纹表格。table-hover鼠标悬停。form-group独占一行。table宽度100%active选中的颜色。
2023-10-06 21:08:53
31
1
原创 Bootstrap
blockquote-reverse字体靠右。text-capitalize首字母大写。initialism转大写字母。blockquote引用。footer引用多行。
2023-09-25 08:26:11
29
1
原创 bootstrap
blockquote-reverse字体靠右。text-capitalize首字母大写。initialism转大写字母。blockquote引用。footer引用多行。
2023-09-17 21:30:23
23
1
原创 Bootstrap
container-fluid 宽度为100%col-xs- 自动。col-lg- 大于等于1200。col-sm- 大于等于768。col-md- 大于等于992。col-xs- 小于768。
2023-09-10 13:01:59
16
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人