- 博客(42)
- 收藏
- 关注
RSS订阅原创 微信小程序中的canvas(2D)
drawImage(imageResource, dx, dy, dWidth, dHeight, sx, sy, sWidth, sHeight): 绘制图像。arc(x, y, radius, startAngle, endAngle, counterclockwise): 绘制圆弧路径。setTransform(a, b, c, d, e, f): 设置当前变换矩阵。transform(a, b, c, d, e, f): 使用矩阵多次叠加变换。
2024-06-24 10:49:17
2480
1
原创 微信小程序中的地图的使用
include-points: 视野内显示的所有点的坐标数组，会自动缩放地图以包含所有该数组内的点。layer-style: 个性化地图层的样式 id（目前只支持 2D 地图）。show-location: 是否显示带有方向的当前定位点。enable-overlooking: 是否开启俯视。enable-3D: 是否开启 3D 地图。show-compass: 是否显示指南针。enable-scroll: 是否支持拖动。enable-rotate: 是否支持旋转。enable-zoom: 是否支持缩放。
2024-06-24 10:44:36
1355
原创 微信小程序的媒体组件
bindtimeupdate: 播放进度变化时触发，触发频率约为 250ms 一次。bindtimeupdate: 播放进度变化时触发，触发频率约为 250ms 一次。initial-time: 视频开始播放的初始位置，单位为秒。bindended: 当音频播放至结束时触发。binderror: 音频播放发生错误时触发。bindended: 当视频播放至结束时触发。binderror: 视频播放发生错误时触发。bindpause: 当音频暂停时触发。bindpause: 当视频暂停时触发。
2024-06-24 10:39:38
768
原创 微信小程序WXS
它与小程序的逻辑层（JavaScript）相对应，但专门设计用于在视图层（WXML）中执行，旨在提升小程序的渲染效率和性能。WXS 的设计目标之一是减少数据传输和处理的开销，因此适合于在视图层处理简单的数据逻辑和操作，避免频繁地与逻辑层进行通信和数据交换。运行环境限制：WXS 只能在视图层（WXML）中运行，无法直接访问逻辑层的数据和函数，需要通过参数传递和返回值进行数据交换。性能优化建议：尽量避免复杂的计算和逻辑，以确保不影响小程序的渲染性能和用户体验。逻辑判断：用于简单的条件判断、循环等逻辑。
2024-06-21 10:46:35
726
原创 微信小程序生命周期
用途：通常用于进行一些全局初始化操作，如获取用户信息、登录、设置全局数据等。用途：页面的初始渲染完成，可以进行一些需要页面渲染完成后才能进行的操作。用途：可以在此进行页面初始化操作，例如获取传递的参数、初始化数据等。用途：页面被关闭时，可以进行一些清理和释放资源的操作。用途：页面被切换到后台时，可以进行一些清理工作。用途：可以进行页面刷新、数据更新等操作。用途：可以在这里进行页面数据的刷新操作。用途：可以在这里进行加载更多数据的操作。用途：可以在这里进行页面滚动相关的操作。触发时机：小程序从前台进入后台。
2024-06-21 10:35:59
588
原创 微信小程序中轮播的使用和绑定事件
触摸事件：bindtouchstart、bindtouchmove、bindtouchend、bindtouchcancel、catchtouchstart、catchtouchmove、catchtouchend、catchtouchcancel。在事件处理函数中，可以通过 event 对象获取触发事件的相关信息，例如触发事件的组件、触摸点的坐标等。表单相关事件：bindinput、bindchange、bindsubmit、bindreset。bind：绑定的事件将冒泡，可以阻止事件向上冒泡。
2024-05-24 13:49:26
492
原创 vue2中的事件修饰符和浏览器本地存储
当点击"加载"按钮时，调用loadMessage方法从本地存储中获取保存的值，并更新message的值。在Vue.js 2中，事件修饰符是一种语法糖，用于修改绑定在DOM元素上的事件监听器行为。需要注意的是，localStorage中存储的值都是以字符串形式保存的。默认情况下，事件是使用事件冒泡模式传递的。在上面的示例中，点击按钮时，handleClick方法会被调用，并且事件的冒泡和默认行为都会被阻止。.self：只有当事件是由触发它的元素自身触发时才触发事件处理函数，而不是其子元素触发的。
2024-05-17 08:46:17
917
原创 vue2中的配置代理和路由的使用
上述代码的意思是，当请求路径以/api开头时，会被代理到http://localhost:3000地址，例如/api/user会被代理到http://localhost:3000/user。Vue.js 2中的路由是通过Vue Router实现的，它允许你在单页面应用（SPA）中管理应用的路由，实现页面之间的切换和导航。然后，在Vue应用的入口文件（通常是main.js）中导入Vue Router并将其挂载到Vue实例上。在Vue CLI中，你可以在项目根目录下的vue.config.js文件中配置代理。
2024-05-10 11:36:32
2072
原创 Vue 2 中组件详解
2.emit（事件）∗∗：emit是子组件向父组件传递消息的一种方式。在Vue中，组件是可复用的Vue实例，每个组件都可以拥有自己的模板、脚本和样式。在Vue 2中，我们可以使用Vue.component()方法来创建全局组件，也可以使用Vue实例中的components选项来注册局部组件。2.脚本（Script）：包含组件的JavaScript逻辑，可以包括组件的数据、方法、生命周期钩子等。1.模板（Template）：包含组件的HTML结构，使用Vue的模板语法来定义组件的呈现方式。
2024-04-30 08:49:28
2639
2
原创 vue2中的计算属性
计算属性的值是根据它们的依赖动态计算而来的，只要依赖的响应式数据发生改变，计算属性就会重新计算其值。在 computed 对象中，你可以定义一个或多个计算属性，每个属性都对应一个计算函数，该函数会在其依赖的响应式数据发生变化时被调用，返回计算结果。计算属性会缓存计算结果，只有在相关依赖发生变化时才会重新计算，之后再次访问该计算属性时，会直接返回缓存的结果。Vue.js 会缓存计算属性的值，只在其依赖发生改变时才会重新计算，这样可以提高性能并减少不必要的计算。2.如何定义计算属性？计算属性与方法的区别。
2024-04-28 16:04:34
775
原创 Vue中的指令
（1）.语法定义局部指令new Vue ({directives:{指定名：配置对象/回调函数}})全局指令Vue.directive(指定名，配置对象/回调函数)(2).配置对象中常用的3个回调1.bind：指令与元素成功绑定时调用2.inserted：指令所在元素被插人页面时调用3.updata：指令所在模板结构被重新解析时调用备注1.指令定义时不加v-，但是使用时需要加v-。2.指令名如果是多个单词，要使用kebab-case命名方式，不要使用camelCase命名。
2024-04-19 09:47:21
195
原创 Vue中的过渡与动画
1.若要使用过渡与动画，必须使用来包裹要使用的元素。切可以搭配name属性，若使用name元素，则需要把 《一.写法》中的v改为name。1若有多个元素需要过渡，我们可以使用，且其中每个元素都要指定key的值。1.使用appear，把apper添加到的属性之中，1.v-enter-active 进入过程中。2.v-leave-active 离开过程中。2.v-enter-to 进入的终点。4.v-leave-to 离开的终点。1.v-enter 进入的起点。四.如何使用多个元素。
2024-04-12 09:51:05
312
原创 Vue(标签属性：ref，配置项：props，混入mixin)
如果在main.js中引入并且使用的话，会在每一个vc和vm中都会应用到。2.给子组件注册引用注册相信（获取组件实例对象）1.可以给元素注册引用信息（获取真实的DOM）直接在使用的组件部分引入。二.配置项:props。一.标签属性：ref。
2024-04-07 22:14:37
265
1
原创 Vue的使用
1.容器 ，app容器名称**，注：容器名称尽量使用id绑定唯一值**3. el绑定容器（还可以使用$.mount()绑定容器）2.{{}}插值语法(Vue使用语法)引入成功后可以先测试引入是否成功。methods处理的函数方法。
2024-03-22 13:56:56
239
原创 Vue的基础语法
1.2.优缺点：少次的显示隐藏推荐使用v-if，减少内存的消耗多次的显示隐藏推荐使用v-show。绑定事件使用的语法为v-on:事件 ，同时也能使用@事件 来表示。单向绑定使用的语法为v-bind:，数据是由data流行页面！1.1不同点：v-if存在或不存在，v-show展示或不展示。v-if和v-for在vue2或vue3中都不要同时使用。在vue2中v-for比v-if优先级高。在vue3中v-if比v-for优先级高。.v-if和v-for优先级和使用事项。v-if和v-for优先级和使用事项。
2024-03-15 09:51:09
246
原创 Vue的初步认识
如果容器使用class名绑定，者要在el处使用 '.box’来绑定。绑定事件在容器中加入 v-on:事件 == @事件 ，如果控制台启动时产出提示，则可用以下代码来消除。v-bind为动态绑定属性 ，其简写方式为：，{{}}插值语法,可以拿到Vue中绑定的内容。在Vue中methods为处理的函数方法。容器 ，app容器名称.如何在Vue中处理函数？绑定的事件在第6点中。
2024-03-08 09:55:51
254
1
原创 es6的运用
①其中一点上面已经有体现了，就是被引用的私有变量不能被销毁，增大了内存消耗，造成内存泄漏，解决方法是可以在使用完变量后手动为它赋值为null；②其次由于闭包涉及跨域访问，所以会导致性能损失，我们可以通过把跨作用域变量存储在局部变量中，然后直接访问局部变量，来减轻对执行速度的影响。②在内存中维持一个变量，可以做缓存（但使用多了同时也是一项缺点，消耗内存）①保护函数内的变量安全 ，实现封装，防止变量流入其他环境发生命名冲突。③匿名自执行函数可以减少内存消耗。
2024-01-14 19:57:05
452
原创 弹性盒子的属性和用法
flex-start表示顶部对齐，center表示居中对齐，flex-end表示底部对齐，space-between 表示两端对齐并且行与行之间平均分配空间，space-around 表示每行两侧都留出相等的空白空间，stretch表示拉伸填满整个交叉轴。flex-start表示靠左/靠上，center表示居中对齐，flex-end表示靠右/靠下，space-between 表示两端对齐并且子元素之间平均分配空间，space-around 表示每个子元素两侧都留出相等的空白空间。
2024-01-14 18:02:21
433
原创 箭头函数。
具体来说，箭头函数的this绑定到了它所在的作用域的this，也就是说，它没有自己的this。这样就避免了传统函数中this指向的不确定性，使得代码更加清晰明了。其中，param1至paramN是函数的参数，用逗号分隔。从输出结果可以看出，传统函数中的this指向全局对象，而箭头函数中的this指向箭头函数所在作用域的this。传统的函数在运行时会根据调用方式来确定this的值，而在箭头函数中，this的值是在定义时就确定的。在这个例子中，我们使用箭头函数将数组中的每个元素都乘以2，并返回一个新的数组。
2024-01-14 17:59:29
465
1
原创 JavaScript 表单验证
HTML 表单验证可以通过 JavaScript 来完成。inputElement.value = ‘新的数值’;HTML 表单验证也可以通过浏览器来自动完成。JavaScript 验证输入的数字。HTML 表单自动验证。
2024-01-07 22:35:41
384
1
原创 JavaScript 表单验证
HTML 表单验证可以通过 JavaScript 来完成。inputElement.value = ‘新的数值’;HTML 表单验证也可以通过浏览器来自动完成。JavaScript 验证输入的数字。HTML 表单自动验证。
2024-01-07 22:33:00
369
1
原创 css() 方法来设置元素
需要注意的是，使用 .css() 方法设置的样式直接作用于元素的 style 属性，会直接修改元素的行内样式。请注意，这只是使用 jQuery 的一种方式来设置元素的样式。在现代 Web 开发中，更多的开发者选择使用原生 JavaScript 的方法来操作元素的样式，例如使用 .style 属性直接访问和设置元素的样式。当使用 jQuery 的 .css() 方法设置样式时，可以使用各种 CSS 属性来控制元素的外观。如果要获取元素的样式属性值，可以使用 .css() 方法的无参形式，即不传入参数。
2024-01-07 22:29:43
490
1
原创 Es6字符串和数组
模板字符串相当于加强版的字符串，用反引号 **`**,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式，模板字符串中的换行和空格都是会被保留的。> - **startsWith()**：返回布尔值，判断参数字符串是否在原字符串的头部。> - **endsWith()**：返回布尔值，判断参数字符串是否在原字符串的尾部。**padStart**：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。**如果指定的长度小于或者等于原字符串的长度，则返回原字符串:**
2024-01-01 23:48:14
396
原创 普通函数基本用法
ES6 之前，JavaScript 的 this 对象一直很令人头大，回调函数，经常看到 var self = this 这样的代码，为了将外部 this 传递到回调函数中，那么有了箭头函数，就不需要这样做了，直接使用 this 就行。当箭头函数函数体有多行语句，用 {} 包裹起来，表示代码块，当只有一行语句，并且需要返回结果时，可以省略 {} , 结果会自动返回。箭头函数体中的 this 对象，是定义函数时的对象，而不是使用函数时的对象。// 定义时，this 绑定的是 fn 中的 this 对象。
2023-12-24 22:20:24
408
1
原创 DML操作表的数据
1 INSERT INTO 表名 (字段名1, 字段名2, 字段名3…) VALUES (值1, 值2, 值3);1 INSERT INTO 表名 (字段名1, 字段名2, …) VALUES (值1, 值2, …UPDATE 表名 SET 列名1 = 更新值1，列名2 = 更新值2…1 INSERT INTO 表名 VALUES (值1, 值2, 值3…INSERT [INTO] 表名 [(列名表)] VALUES (值列表)UPDATE 表名 SET 字段名=值 WHERE 字段名=值;
2023-12-17 22:02:28
63
1
原创 symbol的应用
ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ，还新增了 Symbol。基本用法Symbol 函数栈不能用 new 命令，因为 Symbol 是原始数据类型，不是对象。可以接受一个字符串作为参数，为新创建的 Symbol 提供描述，用来显示在控制台或者作为字符串的时候使用，便于区分。// “symbol” // 相同参数 Symbol() 返回的值不相等sy === sy1;// false。
2023-12-03 21:39:06
120
1
原创 jQuery动画效果
slideDown() 可以使元素逐步延伸显示，slideUp()则使元素逐步缩短直至隐藏，slideToggle()可以使元素切换两种方法。speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)animate()可以通过控制元素改变样式的过程的时间来实现动画效果（注意:背景色不能直接设置）在隐藏元素时，能定义隐藏元素时的效果，参数参考show()在显示元素时，能定义显示元素时的效果，如显示速度。**4、改变元素的高度**
2023-12-03 21:38:32
89
1
原创 ES6 Symbol
ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。ES6 数据类型除了 Number 、 String 、 Boolean 、 Object、 null 和 undefined ，还新增了 Symbol。
2023-11-26 18:28:56
74
1
原创 操作数组方法
{//可以定义人员多的函数，用逗号分隔。2.数组是指一组数据的集合，其中的每个数据被称为元素，在数组中可以存放任意类型的元素。参数的作用：在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。2.由于函数一般是为了实现每个功能才定义的，所以通常我们将函数名命名为动词。//此时调用函数就可以得到函数体内return后面的值。var 数组名 = 【‘小白’，‘小黑’，‘大黄’，’瑞奇；在使用return语句时，函数会停止调用，并返回指定的值。函数名（）：//通过函数名来执行函数体代码。
2023-11-19 22:09:48
76
1
原创 Es6中新增字符串识别方法-----
2.如果参数是 0 至 -1 之间的小数，会进行取整运算，0 至 -1 之间的小数取整得到 -0 ，等同于 repeat 零次。padStart(总长度,“填充的字符串”)：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。padEnd(总长度,“填充的字符串”)：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。以上两个方法接受两个参数，第一个参数是指定生成的字符串的最小长度，5.如果传入的参数是字符串，零次。
2023-11-19 22:05:56
75
1
原创 【无标题】
1.数组可以把一组相关的数据一起存放。2.数组是指一组数据的集合，其中的每个数据被称为元素，在数组中可以存放任意类型的元素1.用 new 创建数组var 数组名 = new Array（）；2.利用数组字面量创建数组//1.使用数组字面量方式创建空的数组var 数组名 = 【】；//2.使用数组字面量方式创建带初始值的数组var 数组名 = 【‘小白’，‘小黑’，‘大黄’，’瑞奇；
2023-11-12 19:27:23
87
1
原创 【无标题】
space-between： 弹性项目平均分布在该行上。否则，第1个弹性项的外边距和行的main-start边线对齐，而最后1个弹性项的外边距和行的main-end边线对齐，然后剩余的弹性项分布在该行上，相邻项目的间隔相等。stretch：如果指定侧轴大小的属性值为’auto’，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照’min/max-width/height’属性的限制。第一个弹性项的main-start外边距边线被放置在该行的main-start边线，而后续弹性项依次平齐摆放。
2023-10-22 20:21:34
55
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人