- 博客(36)
- 收藏
- 关注
RSS订阅原创 微信小程序自定义指令
自定义指令是一种类似于组件的可复用代码块，它主要用于处理页面模板中的特定逻辑和交互行为。与组件不同的是，自定义指令更专注于操作 DOM 元素，例如监听事件、修改样式、处理数据等，而不需要定义完整的组件结构。提高代码复用性：将常用的 DOM 操作和逻辑封装成指令，可以在不同页面和组件中重复使用，避免代码重复和冗余。简化模板和页面逻辑：通过在模板中使用指令，可以使模板更加清晰和简洁，将复杂的 DOM 操作和逻辑抽离出来，减少页面的耦合度。便于维护和更新：一旦指令定义好，可以在整个项目中进行统一的管理和更新。
2024-06-28 09:33:43
521
原创 微信小程序生命周期
微信小程序作为一种轻量级的应用形式，其生命周期管理对于开发者来说至关重要。了解小程序的生命周期可以帮助开发者在不同阶段精确控制应用的行为，从而优化用户体验并确保应用的稳定性。
2024-06-28 09:08:23
522
原创 微信小程序文件结构示例
│├── app.js // 小程序逻辑├── app.json // 全局配置├── app.wxss // 全局样式│├── pages // 页面文件夹│ ├── index // 首页。
2024-06-28 08:58:56
371
原创 vant
Vant作为一款功能强大、设计简洁的移动端UI组件库，为移动应用的开发带来了极大的便利。通过使用Vant，开发者可以快速构建出现代化的移动应用，提升用户体验和开发效率。希望本文对您了解和使用Vant有所帮助，祝您开发顺利！
2024-06-26 15:08:58
363
原创 微信小程序基础组件
微信小程序是一种不需要下载安装即可使用的应用，它是基于微信平台的一种新型应用形式。在开发微信小程序时，我们需要使用一些基础组件来构建页面和实现交互功能。这些基础组件提供了各种用户界面元素和功能，使得开发者能够更快、更高效地开发小程序应用。
2024-06-18 10:46:04
248
原创 Vue 过渡和动画
Vue 提供了一种简单的方式来管理元素的过渡和动画。通过使用 Vue 的内置过渡系统，我们可以轻松地为元素添加进入、离开和列表变化等各种动画效果。这些过渡和动画可以帮助我们创建更加生动和用户友好的应用，并提高用户体验。
2024-05-31 10:04:10
402
1
原创 Vue全局事件总线和消息订阅发布
全局事件总线是 Vue 中实现组件间通信的一种简单而灵活的方式。通过事件总线，你可以轻松地在不相关的组件之间传递数据和触发操作，从而简化你的应用程序逻辑。但是，在使用全局事件总线时要注意适度，避免滥用，以确保代码的可维护性和可扩展性。Vue消息订阅与发布：实现组件间通信的灵活方式在Vue应用程序中，组件间的通信是非常重要的。有时候，我们需要在不同的组件之间传递数据或者触发特定的操作。Vue提供了多种方式来实现组件间的通信，其中一种方式就是消息订阅与发布模式。消息订阅与发布，又称为。
2024-05-24 08:48:00
616
原创 es6 新增字符串
2.如果参数是 0 至 -1 之间的小数，会进行取整运算，0 至 -1 之间的小数取整得到 -0 ，等同于 repeat 零次。padEnd(总长度,“填充的字符串”)：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。padStart(总长度,“填充的字符串”)：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。5.如果传入的参数是字符串，零次。
2024-05-20 18:03:40
282
原创 Es6 Generator 生成器函数
但它并不是yield通过next()返回的value值。它表示yield通过next()的调用传参的值。generator函数在每次调用时并。，而是会在每次迭代时产生一个值，并。，它可以迭代地生成一个序列的值，，以便下次迭代时继续执行。，只会根据条件执行完，
2024-05-13 09:55:14
214
原创 Vue 路由守卫
前置： beforeRouteEnter (to, from, next) {}后置： beforeRouteLeave (to, from, next) {}语法：beforeEnter(to,from,next){ }作用：初始化时、每次路由切换前执行。作用：初始化时、每次路由切换后执行。
2024-04-26 10:02:08
235
2
原创 vue 基本路由
用现实生活中的路由器解释，每个路由器都有单个或多个路由接口，可以将接口认为key，连接的对象为value通过接口访问/调用 连接的对象可以理解为路由是一个中转站，将要使用的组件或函数整合调用。
2024-04-19 09:48:45
378
原创 Vue 配置代理
跨域是两个不同端口的服务器进行发送和返回请求这是因为浏览器为了保护网站不被破坏，开启了同源策略，不同端口服务器进行数据交互会被浏览器进行拦截。
2024-04-12 09:41:57
586
原创 Vue 计算属性 侦听属性
4.原理使用了Object.defineproperty(目标对象,名称,{get(),set(value)})5.watch默认监听一层，需要监听多级如对象中的值，需要添加深度监听 deep:true。4.写法：第一种Vue实例中，第二种实例化vm.$watch(“监听的属性”,{})3.handler(新值,旧值)函数，当监听值发生改变时就会触发handler函数。写法：监听的属性名(新值,旧值){}3.简写形式（函数）没有set方法，如果需要更改值必须使用对象写法，不能使用函数。"调用了get方法"
2024-04-07 09:59:23
939
1
原创 vue的使用
1.容器 ，app容器名称**，注：容器名称尽量使用id绑定唯一值**3. el绑定容器（还可以使用$.mount()绑定容器）2.{{}}插值语法(Vue使用语法)引入成功后可以先测试引入是否成功。methods处理的函数方法。
2024-03-31 21:42:02
246
原创 浮动及清除浮动方法
clear:both;content:"";height:0;这种是最常用的清除浮动的方法也是最推荐的，直接在浮动的两个元素的父级加一个clearfloat类名，兼容IE6、7、8所带的浮动问题；这种清除浮动的方法只推荐没有使用position或对overflow:hidden理解比较深的朋友使用,必须定义width或zoom:1，同时不能定义height，使用overflow:hidden时，浏览器会自动检查浮动区域的高度。
2024-03-10 19:55:49
244
1
原创 Es6 js 线程
1.首先是历史原因，在创建 javascript 这门语言时，多进程多线程的架构并不流行，硬件支持并不好。 2.其次是因为多线程的复杂性，多线程操作需要加锁，编码的复杂性会增高。 3.而且，如果同时操作 DOM ，在多线程不加锁的情况下，最终会导致 DOM 渲染的结果不可预期 同步任务：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。
2024-01-13 13:37:20
338
1
原创 es6操作字符串
2.如果参数是 0 至 -1 之间的小数，会进行取整运算，0 至 -1 之间的小数取整得到 -0 ，等同于 repeat 零次。padEnd(总长度,“填充的字符串”)：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。padStart(总长度,“填充的字符串”)：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。5.如果传入的参数是字符串，零次。
2024-01-10 08:45:26
358
1
原创 Es6 字符串和数值
ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法。以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引JSON.stringify(obj)将类型转换为字符串。
2023-12-09 09:15:00
247
原创 Es6函数
不定参数用来表示不确定参数个数，形如，…变量名，由…加上一个具名参数标识符组成。具名参数只能放在参数组的最后，并且有且只有一个不定参数。
2023-12-03 21:40:23
350
原创 Es6 解构赋值
解构赋值是对赋值运算符的扩展针对数组或者对象进行模式匹配，然后对其中的变量进行赋值在代码书写上简洁且易读，语义清晰明,方便复杂对象中数据字段获取。
2023-11-18 08:08:08
15
原创 Map对象和Set对象
Map对象里面的值为二位数组,可以传入变量为二位数组set() 为 Map 对象中的键设置值。get() 获取 Map 对象中键的值entries() 返回 Map 对象中键/值对的数组keys() 返回 Map 对象中键的数组values() 返回 Map 对象中值的数组方法与上同。
2023-11-10 17:13:46
24
原创 js弹性盒子
stretch：如果指定侧轴大小的属性值为’auto’，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照’min/max-width/height’属性的限制。（如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度）。space-around - 各行在弹性盒容器中平均分布，两端保留子元素与子元素之间间距大小的一半。flex-start：弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴起始边界。弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴结束边界。
2023-11-10 16:15:03
63
原创 【无标题】
否则，第1个弹性项的外边距和行的main-start边线对齐，而最后1个弹性项的外边距和行的main-end边线对齐，然后剩余的弹性项分布在该行上，相邻项目的间隔相等。stretch：如果指定侧轴大小的属性值为'auto'，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照'min/max-width/height'属性的限制。第一个弹性项的main-start外边距边线被放置在该行的main-start边线，而后续弹性项依次平齐摆放。flex-end - 各行向弹性盒容器的结束位置堆叠。
2023-11-06 00:28:54
12
原创 this的应用
this表示对当前对象的引用，在js中 this 不是固定不变的，它会随着执行环境的改变而改变。2.applay、call这两个方法的主动调用，bind返回的是改变this指向后的。3.传参的问题区别，call和bind都是直接传递参数，applay传递的是数组。1.applay、call、bind他们三个都能改变函数this的指向问题；//obj中的a会等于setTimeout的触发次数。//将会打印指向的box;//将会打印Window;
2023-10-26 10:55:09
26
原创 【无标题】
/2.使用数组字面量方式创建带初始值的数组 var 数组名 = 【‘小白’，‘小黑’，‘大黄’，’瑞奇；//此时调用函数就可以得到函数体内return后面的值 在使用return语句时，函数会停止调用，并返回指定的值。break，continue，return的区别 break：结束当前循环体（如for，while）return：不仅可以退出循环，还能返回return语句中的值，同时还可以结束当前的函数体内的代码。2.数组是指一组数据的集合，其中的每个数据被称为元素，在数组中可以存放任意类型的元素。
2023-10-22 21:28:54
12
原创 css动画
CSS3的实现动画效果主要有两种，过渡（transition）和动画（animation），相较于过渡，动画会更加灵活主要是通过Js和hove设置效果来进行产生过渡
2023-09-24 20:25:41
14
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人