自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 微信小程序有哪几种事件?

button type="primary" bindtouchstart="mytouchstart" bindtouchend="mytouchend" bindtap="mytap">点我吧</button>原文链接:https://blog.csdn.net/Agcdlkh/article/details/139727736。双击事件由两个单击事件组成,两次间隔时间小于300ms认为是双击;bindtouchend="mytouchend" bindtap="mytap">点我吧</button>

2024-06-17 09:13:18 332

原创 小程序组件生命周期

生命周期方法可以直接定义在Component构造器的第一级参数中。自小程序基础库版本2.2.3起,组件的的生命周期也可以在lifetimes字段内进行声明(这是推荐的方式,其优先级最高)。示例代码// 在组件实例进入页面节点树时执行},// 在组件实例被从页面节点树移除时执行},},// 以下是旧式的定义方式,可以保持对 <2.2.3 版本基础库的兼容// 在组件实例进入页面节点树时执行},// 在组件实例被从页面节点树移除时执行},// ...})

2024-06-08 13:00:00 696

原创 scroll

scroll-with-animation="{{true}}"开启默认滚动条动画,通常与scroll-top或scroll-into-view使用。scroll-into-view="{{绑定子元素id}}"scroll-top="数字或字符串"设置滚动条纵向位置。bindscroll设置滚动时触发时间。scroll-y设置纵向滚动条。scroll-x设置横向滚动条。

2024-06-02 15:13:44 143

原创 小程序代码构成

我们通过开发者工具快速创建了一个 QuickStart 项目。.jsonJSON.wxmlWXML.wxssWXSS.jsJS接下来我们分别看看这4种文件的作用。

2024-05-26 19:22:52 319

原创 Vue中watch与watchEffect的区别

3.watchEffect:不用明确的指出监视的数据(函数中用到哪些属性,就监视哪些属性)1.都能监听响应式数据的变化,不同的是监听数据变化的方式不同。// 我们使用watchEffect时不需要指定监听的数据。// 我们使用watch时需要指定监视的数据。2.watch:要明确指出监视的数据。

2024-05-19 18:43:23 219 1

原创 vue自定义事件

7.注意:通过 this. $refs.xxx. $on(‘事件名’,回调函数) 绑定自定义事件时,回调函数要么配置在 methods 中,要么用箭头函数,否则 this 指向会出问题。上面绑定自定义事件,即使绑定的是原生事件也会被认为是自定义的,需要加 native ,加了后就将此事件给组件的根元素。2.使用场景:子组件想给父组件传数据,那么就要在父组件中给子组件绑定自定义事件 (事件的回调在A中)b.第二种方式,在父组件中this. $refs .demo. $on(‘事件名’,方法)

2024-05-12 20:00:05 382

原创 Vue指令

2.Vue实例.$mount( " 容器 id 或 class 等 " ),注:一定写在最后。3.优缺点:少次的显示隐藏推荐使用v-if,减少内存的消耗多次的显示隐藏推荐使用v-show。2.不同点:v-if存在或不存在,v-show展示或不展示。1.el绑定 : " 容器 id 或 class 等 "app.$mount("#app") //第二种绑定方法。el:'#app', //第一种绑定方法。v-i f和 v-show 区别。1.相同的:都可以进行显示隐藏。功能:用于解析标签内容。

2024-05-05 22:42:55 79 2

原创 Vue路由

路由一个路由就是一组映射关系(key - value),key 为路径, value 可能是function或componen理解:value 是 component ,用于展示顽面内容工作过程:当浏览器的路径改变时,对应的组件就会显示vue-router 是 vue 的一个插件库,专门用来实现SPA应用。编写 router 配置项:import VueRouter from . vue-router // 引入VueRouter。

2024-04-30 08:38:01 209 1

原创 Vue过滤器

全局过滤器Vue.filter(“名称”,function(value){})({filters:{名称(value){}}}),3.使用时|名称, 多个过滤器串联,拿取的值是前一个。1.局部过滤器new。2.返回一个新的数据。

2024-04-15 13:53:40 549 1

原创 vue组件

使用Vue.extend(options) 创建, 其中options和new Vue(options) 时传入的| options 几乎一样,但也有点区别。const school = Vue.extend(options)可简写为 const school = options,因为父组。a:el不要写,因为最终所有的组件都要经过一-个vm的管理,由vm中的el才决定服务哪个容器。第二种写法:<schoo1/>(需要 Vue 脚手架支持)Vue. component('组件名,组件)

2024-04-08 09:58:46 653

原创 vue过滤器

1.局部过滤器new Vue({filters:{名称(value){}}}),全局过滤器Vue.filter(“名称”,function(value){})生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。生命周期函数中的 this 指向是vm或组件实例对象。3.使用时|名称, 多个过滤器串联,拿取的值是前一个。又名生命周期回调函数、生命周期函数、生命周期钩子。3.this指向Vue实例(vm)1.生命周期函数,钩子函数。

2024-03-31 20:48:11 176 1

原创 Vue生命周期

4. mounted()此时: (1) 页面中呈现的是经过Vue编译的DOM。(2) 对DOM的操作均有效(尽可能避免)。1. boforeCreate()此时:无法通过vm访问到data中的数据、methods() 中的方法。2. created() 此时:无法通过vm访问到data中的数据、methods() 中配置的方法。5. beforeUpdate()此时:数据是新的,但页面是旧的,即:页面尚未和数据保持同步。6. updated()此时:数据是新的,页面也是新的,即:页面和数据保持同步。

2024-03-24 22:31:58 264 1

原创 Vue中MVVM模型

规则:定义指令名称不能使用驼峰和v-,要是用-连接,记得添加引号使用时要v-自定义名称函数写法名称(节点,绑定对象){}对象写法名称:{绑定成功调用bind(节点,绑定对象){},插入到页面调用inserted(节点,绑定对象){},重新解析时调用(值发生改变)update(节点,绑定对象){} }1.局部自定义指令directives ,写入Vue实例中2.全局自定义指令Vue.directive ,定义在实例化之前。

2024-03-17 18:25:59 379 1

原创 Vue小知识!!

vue启动时出现的提示,Vue.config.productionTip阻止启动提示、注:不要使用箭头函数,搭建脚手架(vue-cli)后,必须使用函数式。2.Vue实例.$mount("容器名称,如id或class等")1.el:"容器名称,如id或class等"2.data(){return{}}函数式。注:$mount绑定方式一定放在实例最后。1.data:{}对象式。

2024-03-10 11:23:34 319 1

原创 set和map的区别,map和object的区别

map 有 size 属性,对象没有。Map.size 返回 Map 中元素的数量,而 Object 的键值对个数只能手动计算。obj 通过 obj.keys()打印出来的属性顺序是 number – 字符串。obj 可以作为 key 的仅有 number、string、symbol。map 只能使用 set(key,val)方法设置属性。map 只能用原生的 get 方法调用。map 的 key 顺序是声明顺序。set对象与map对象区别。key 的顺序不同。key 的调用不同。

2024-01-07 21:33:04 388 1

原创 class

3.调用父类方法,**super** 作为对象,在普通方法中,指向父类的 **prototype** 原型对象,在子类静态方法中拿取父类静态方法的值,在静态方法中,指向父类。1.子类 **constructor** 方法中必须有 **super** ,且必须出现在 **this** 之前。2.调用父类构造函数,只能出现在子类的 **constructor** 构造函数。**super()** 特性在 **extends** 继承中。1.**class** 的本质是 **function**。

2023-12-25 11:09:27 351

原创 节流的2种方式

延时器var time;// if(!time){// }时间戳// }// }

2023-11-05 22:26:45 33 1

原创 es6中新增的循环对象的方法有哪些

静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。(包括不可枚举属性,但不包括使用 symbol 值作为名称的属性)静态方法返回一个给定对象的自有可枚举字符串键属性值组成的数组。静态方法返回一个数组,其包含给定对象中所有自有属性。静态方法返回一个包含给定对象所有自有 Symbol。

2023-10-31 21:40:26 47 1

原创 set对象与map对象有什么区别,map对象与object有什么区别

有size属性,对象没有。Map.size 返回 Map 中元素的数量,而 Object 的键值对个数只能手动计算。通过obj.keys()打印出来的属性顺序是 number–字符串。有三种创建方式 字面量{}、new Object() 、构造函数。可以作为key的仅有number、string、symbol。二者都是以key-value的形式对数据进行存储;只能使用set(key,val)方法设置属性。只能用原生的get方法调用。的key顺序是声明顺序。对象与object区别。对象与map对象区别。

2023-10-22 21:22:47 40 1

原创 ES5和ES6中操作数组和字符串的方法有哪些?

方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。padStart(总长度,"填充的字符串"):返回新的字符串,表示用参数字符串从头部(左侧)补全原字符串。padEnd(总长度,"填充的字符串"):返回新的字符串,表示用参数字符串从尾部(右侧)补全原字符串。

2023-10-06 15:54:59 50 1

原创 原型的5个特性

5.当试图获取一个对象的某个属性时,如果这个对象本身没有这个属性,那么他会去它的__proto__(即它构造函数的prototype)去找。2.所有的引用类型都有一个__proto__属性,属性值是一个普通对象(原型链)4.所有的引用类型的__proto__指向它构造函数的prototype属性值。1.所有引用类型(数组、对象、函数),都具有对象特性,及可自由扩展属性。3.所有的函数都有一个prototype属性,属性值是一个普通对象。

2023-09-25 08:51:04 31 1

原创 HTML5中表单的属性

required 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。pattern 属性适用于以下类型的 <input> 标签: text, search, url, tel, email, 和 password。表单输入不能为空 required 属性是一个 boolean 属性。简短的提示在用户输入值前会显示在输入域上。

2023-09-17 23:56:32 144

原创 【无标题】

这些都是属于一些常见的type属性,有意见的可以补充哦!ok,身为计算机小菜鸟的我开始来发表我的第一篇文章。这篇文章主要说的是type常见的属性。password 密码。text 默认文本。checkbox多选。

2023-09-10 22:23:12 30

空空如也

空空如也

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

TA关注的人

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