- 博客(35)
- 收藏
- 关注
RSS订阅原创 微信小程序常用的事件
在微信小程序中，可以通过自定义事件来实现组件之间的通信，或者在页面中实现不同部分之间的交互。自定义事件可以通过触发，也可以通过bind和catch来监听和捕获自定义事件。以下是自定义事件的基本使用方法：1.触发自定义事件：在组件中使用方法触发自定义事件，可以传递参数给事件处理函数。// 在组件中触发自定义事件2.监听自定义事件：在组件或页面中使用bind来监听自定义事件，然后在对应的事件处理函数中处理逻辑。-- 在组件或页面中监听自定义事件 -->// 在组件或页面中定义自定义事件的处理函数。
2024-06-28 14:19:20
941
原创 Vue.js基础
这种结构下，App.vue 是根组件，main.js 是入口文件，router 和 store 文件夹分别存放路由和状态管理相关文件，components 和 views 分别存放通用组件和视图组件，assets 存放静态资源，utils 存放工具函数或 API 相关的文件。Vue Router: Vue.js 官方的路由管理器，用于实现单页面应用中的路由跳转。Vuex: Vue.js 官方的状态管理库，用于集中管理应用的所有组件的状态。assets: 存放项目中使用的静态资源，如图片、字体文件等。
2024-06-28 10:27:48
188
原创 微信小程序中常见API
1.界面API：wx.navigateTo：在当前页面打开新页面，新页面可以返回到原页面。 wx.redirectTo：关闭当前页面，打开新页面。 wx.reLaunch：关闭所有页面，打开新页面。 wx.switchTab：跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。 wx.navigateBack：关闭当前页面，返回上一页面。 wx.setNavigationBarTitle：动态设置当前页面的标题。 wx.setNavigationBarColor：设置导航栏颜
2024-06-27 08:46:20
802
原创 微信小程序画布
bindtouchstart：（可选）绑定 touchstart 事件的回调函数，触摸开始事件会在手指触摸 Canvas 组件时触发。bindtouchmove：（可选）绑定 touchmove 事件的回调函数，触摸移动事件会在手指在 Canvas 组件上移动时触发。bindtouchcancel：（可选）绑定 touchcancel 事件的回调函数，触摸被打断事件会在手指触摸动作被打断时触发。binderror：（可选）绑定 error 事件的回调函数，当 Canvas 组件发生错误时触发该事件。
2024-06-25 15:36:58
410
原创 微信小程序中的生命周期
onLoad: 页面加载时触发。onShow: 页面显示时触发。onReady: 页面初次渲染完成时触发。onHide: 页面隐藏时触发。onUnload: 页面卸载时触发。触发时机: 页面加载时触发，一般在页面初始化时调用。参数: options为页面跳转所带来的参数。用途:进行页面初始化操作，例如获取数据。解析场景值（scene）等。触发时机: 页面显示或从后台切换到前台时触发。用途:每次页面显示时需要的操作，例如刷新数据。可以用来统计页面展示次数等。
2024-06-21 16:00:00
292
原创 Vue全局事件总线 消息的订阅与发布
一种可以在任意组件间通信的方式,本质上就是一个对象,它必须满足以下条件1. 所有的组件对象都必须能看见他2. 这个对象必须能够使用 $on $emit $off 方法去绑定、触发和解绑事件使用步骤1. 定义全局事件总线2. 使用事件总线a. 接收数据:A组件想接收数据,则在A组件中给 $bus 绑定自定义事件,事件的回调留在A组件自身b. 提供数据:this.$bus.$emit('xxx',data)
2024-05-17 09:09:23
137
原创 Vue本地储存与自定义事件
父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，就需要使用自定义事件第一种方式：父组件中<Demo @事件命 = “方法”>第二种方式：父组件中this,$refs.demo.$on('事件命‘，’方法‘）mounted(){this.$refs.xxx.$on('事件名’，this.test)注：若只想绑定一次 可以使用once或$oncethis.$emit('事件名‘，数据）this.$off('事件名’）解除一个自定义事件。
2024-05-10 11:07:59
362
原创 Vue.js(过渡)
过渡其实就是一个淡入淡出的效果。v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。v-enter-to: 定义进入过渡的结束状态。在元素被插入之后下一帧生效 (与此同时v-enter被移除)，在过渡/动画完成之后移除。v-leave: 定义离开过渡的开始状态。在离开过渡被触发时立刻生效，下一帧被移除。
2024-04-28 15:41:41
1462
原创 Es6模板
在 ES6 前， 实现模块化使用的是 RequireJS 或者 seaJS（分别是基于 AMD 规范的模块化库， 和基于 CMD 规范的模块化库）。ES6 引入了模块化，其设计思想是在编译时就能确定模块的依赖关系，以及输入和输出的变量。ES6 的模块化分为导出（export） @与导入（import）两个模块。
2024-04-14 22:45:28
316
原创 Vue自定义指令
注意函数式指令名必须添加 " " 或 ’ ’directive,需要定义在Vue实例之前。(3).元素解析触发(值改变)自带原先三个函数的内置方法。(元素,绑定对象){},(元素,绑定对象){},(1).绑定成功触发。(2).插入页面触发。(元素,绑定对象){}
2024-04-07 18:38:36
165
原创 Vue组件
组件（Component）是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：注册一个全局组件语法格式如下：tagName 为组件名，options 为配置选项。
2024-03-29 11:50:27
162
原创 初学Vue（监听事件）
4.原理使用了Object.defineproperty(目标对象,名称,{get(),set(value)})5.watch默认监听一层，需要监听多级如对象中的值，需要添加深度监听deep:true。4.写法：第一种Vue实例中，第二种实例化vm.$watch("监听的属性",{})3.handler(新值,旧值)函数，当监听值发生改变时就会触发handler函数。写法：监听的属性名(新值,旧值){}2.被Vue实例管理的函数最好都使用普通函数，不被Vue实例管理的函数最好都使用箭头函数，
2024-03-22 08:53:20
357
1
原创 初学Vue
4.capture捕获模式 ，先触发带有该修饰符的元素，多个该修饰符，则由外而内触发打乱冒泡顺序（即可以理解为给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。）.self阻止自身事件促发，但不会阻止冒泡,(间接有捕获模式)给元素设置self后，点击当前设置的自身元素会触发点击设置self的子类，会跳过设置了self的元素。3.v-if和v-for在vue2或vue3中都不要同时使用，如果需要使用在外层先使用判断，再进行循环。v-if存在或不存在，v-show展示或不展示。
2024-03-15 09:50:08
338
1
原创 Vue.js基础
Vue.js 是用于构建交互式的 Web 界面的库。Vue.js 提供了 MVVM 数据绑定和一个可组合的组件系统，具有简单、灵活的 API。
2024-03-10 19:54:05
394
1
原创 this用法
2.applay、call这两个方法的主动调用，bind返回的是改变this指向后的。3.传参的问题区别，call和bind都是直接传递参数，applay传递的是数组。1.applay、call、bind他们三个都能改变函数this的指向问题；的引用，在js中 this 不是固定不变的，它会随着执行环境的改变而改变。2.apply(接收的对象，[参数1，参数2…4.call,bind,apply的区别。
2024-01-13 13:44:50
378
1
原创 【无标题】
在一个文件或模块中，export、import 可以有多个，export default 仅有一个。通过 export 方式导出，在导入时要加{ }，export default 则不需要。export default 中的 default 是对应的导出接口变量。export default 向外暴露的成员，可以使用任意变量来接收。不同模块导出接口名称命名重复， 使用 as 重新定义变量名。导入的值需要是变量(不能使用。
2024-01-10 08:41:04
340
1
原创 ES6 Reflect 与 Proxy
概述：Proxy 与 Reflect 是 ES6 为了操作对象引入的 API。Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。Reflect 可以用于获取目标对象的行为，它与 Object 类似，但是更易读，为操作对象提供了一种更优雅的方式。它的方法与 Proxy 是对应的。
2024-01-07 22:25:37
339
1
原创 ES6初级（数组）
/ 参数1：遍历函数，该遍历函数可接受3个参数：当前元素、当前元素索引、原数组。查找数组中符合条件的元素索引，若有多个符合条件的元素，则返回第一个元素索引。查找数组中符合条件的元素,若有多个符合条件的元素，则返回第一个元素。// 参数3(可选)：被用来覆盖的数据的结束索引，默认为数组末尾。将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。// 参数3(可选)：被填充的结束索引，默认为数组末尾。// 参数为数组,返回与原数组一样的数组。// 参数2：被用来覆盖的数据的起始索引。
2023-12-24 22:17:40
317
原创 ES6 Class 类
在ES6中，class (类)作为对象的模板被引入，可以通过 class 关键字定义类。class 的本质是 function。它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。类表达式可以为匿名或命名。// 匿名类this.a = a;// 命名类this.a = a;
2023-12-17 20:49:31
1505
1
原创 ES6函数
ES6 之前，JavaScript 的 this 对象一直很令人头大，回调函数，经常看到 var self = this 这样的代码，为了将外部 this 传递到回调函数中，那么有了箭头函数，就不需要这样做了，直接使用 this 就行。箭头函数体中的 this 对象，是定义函数时的对象，而不是使用函数时的对象。// 此时的 this 是外层的 this 对象，即 Window。// 定义时，this 绑定的是 fn 中的 this 对象。// 箭头函数里面没有 this 对象，, 结果会自动返回。
2023-12-11 07:55:11
344
1
原创 ES6初级（字符串）
以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，第二个参数是用来补全的字符串。如果参数是 0 至 -1 之间的小数，会进行取整运算，0 至 -1 之间的小数取整得到 -0 ，等同于 repeat 零次。以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引。：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。：返回布尔值，判断参数字符串是否在原字符串的头部。：返回布尔值，判断是否找到参数字符串。
2023-12-03 19:23:00
1441
1
原创 ES6初级
当解构模式有匹配结果，且匹配结果是 undefined 时，会触发默认值作为返回结果。a 与 b 正常解构赋值，匹配结果：a = 1，b = 2。
2023-11-26 20:03:09
351
1
原创 ES6 字符串
以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，第二个参数是用来补全的字符串。,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引。：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。：返回布尔值，判断参数字符串是否在原字符串的头部。：返回布尔值，判断参数字符串是否在原字符串的尾部。
2023-11-19 19:31:56
28
1
原创 清除浮动的5种方法
注： 使用overflow:hidden;时要确保父级盒子大小要大于所有子集总和，overflow:hidden;也能处理同上边距问题.是指清除掉元素float属性。
2023-11-12 18:06:08
132
原创 Map对象
Map.size 返回 Map 中元素的数量，而 Object 的键值对个数只能手动计算。Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。entries() 返回 Map 对象中键/值对的数组。values() 返回 Map 对象中值的数组。new Map() 创建新的 Map 对象。keys() 返回 Map 对象中键的数组。set() 为 Map 对象中的键设置值。get() 获取 Map 对象中键的值。Map 对象具有表示映射大小的属性。Map 对象记得键的原始插入顺序。
2023-11-05 20:18:32
193
1
原创 初学js循环(for while)
for循环执行末尾循环体后将再次进行条件判断，若条件还成立，则继续重复上述循环，当条件不成立时则跳出当下for循环。for循环的语法为：for (变量 = 开始值;while循环当满足条件时进入循环，进入循环后，当条件不满足时，执行完循环体内全部语句后再跳出。for循环的目的是为了限制循环体的执行次数，使结果更精确。- 当指定的条件为 true 时循环指定的代码块。while 循环会在指定条件为真时循环执行代码块。while循环的目的是为了反复执行语句或代码块。定义运行循环（代码块）的条件。
2023-10-31 13:08:23
23
1
原创 1.弹性盒子
否则，第1个弹性项的外边距和行的main-start边线对齐，而最后1个弹性项的外边距和行的main-end边线对齐，然后剩余的弹性项分布在该行上，相邻项目的间隔相等。stretch：如果指定侧轴大小的属性值为'auto'，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照'min/max-width/height'属性的限制。第一个弹性项的main-start外边距边线被放置在该行的main-start边线，而后续弹性项依次平齐摆放。flex-end - 各行向弹性盒容器的结束位置堆叠。
2023-10-22 20:06:39
24
1
原创 初学js基础
return：不仅可以退出循环，还能返回return语句中的值，同时还可以结束当前的函数体内的代码。2.数组是指一组数据的集合，其中的每个数据被称为元素，在数组中可以存放任意类型的元素。参数的作用：在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。2.由于函数一般是为了实现每个功能才定义的，所以通常我们将函数名命名为动词。1.数组可以把一组相关的数据一起存放，并提供方便询问（获取）方式。在使用return语句时，函数会停止调用，并返回指定的值。实参：函数调用时传入小括号内的真实数据。
2023-09-24 12:43:40
74
1
原创 html基础
在HTML中，块元素在浏览器显示状态下将占据一行，并且排斥其它元素与其位于同一行，块元素内部可以容纳其它其他块元素和行内元素，可以设置宽高。行内元素可以与其他行内元素位于同一行，行内元素不能容纳块元素，但是可以容纳行内元素。常用的块级元素有：div、p、h1、ol、ul、dl、tabel、form；常见的行内元素有a、span、i、strong、em、label；行内块元素的特性和块元素完全一样，除了一点：它不独占一行；RGB - 如："rgb(255,0,0)"元素分为块级元素，行内元素，行内块元素。
2023-09-17 11:38:38
28
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人