- 博客(32)
- 收藏
- 关注
RSS订阅原创 微信小程序中路由跳转的方式有哪些？区别？
用于关闭当前页面，并返回上一页面或多级页面，开发者可通过 getCurrentPages() 获取当前的页面栈，决定需要返回几层则设置对象的delta属性即可。重定向，当页面过多时，被保留页面会挤占微信分配给小程序的内存，或是达到微信所限制的 10 层页面栈的情况下，我们应该考虑选择 wx.redirectTo。用于保留当前页面、跳转到应用内的某个页面，使用 wx.navigateBack可以返回到原页面。这样的跳转，可以避免跳转前页面占据运行内存，但返回时页面需要重新加载，增加了返回页面的显示时间。
2024-06-28 08:48:48
174
原创 如何封装小程序请求
封装 wx.request 请求传递需要的参数( url , data , method , success 成功回调 ， fail 失败回调 ) , 封装常用方法 POST , GET , DELETE , PUT …然后新建一个 api.js 文件，导入封装好的方法，然后调取相应的方法，传递数据。使用封装的wx.request发送请求。封装wx.request。
2024-06-24 14:12:16
359
原创 小程序生命周期有哪些
组件实例刚刚被创建好时， created 生命周期被触发，此时，组件数据 this.data 就是在 Component 构造器中定义的数据 data ， 此时不能调用 setData。组件的生命周期，指的是组件自身的一些函数，这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发，通过Component(Object)进行注册组件。小程序的生命周期函数是在app.js里面调用的，通过App(Object)函数用来注册一个小程序，指定其小程序的生命周期回调。
2024-06-22 00:18:35
224
原创 vx小程序与html区别
②wxss不能使用本地图片，需要使用 @import 引入 外联样式文件，地址为相对路径。②wxml提供了和vue.js中模版语法类似的模版语法，而html没有。①组件的初始函数是Component()函数，而普通页面是Page()。④组件的json中的“component":true，表示这是一个组件。②组件中的data放私有变量，properties存放共有变量。③html在浏览器浏览，而wxml在微信或开发工具中。①单位不同：css：px，wxss：rpx。wx:if : 有更高的切换消耗。
2024-06-17 08:17:45
160
原创 vue.js基础中父子组件之间的传值
接下来我们通过一个例子，说明子组件如何向父组件传递值：当我们点击 “Vue.js Demo” 后，子组件向父组件传递值，文字由原来的“传递的是一个值”变成“子向父组件传值”，实现子组件向父组件值的传递。接下来我们通过一个例子，说明父组件如何向子组件传递值：在子组件 Users.vue 中如何获取父组件 App.vue 中的数据 users:[“Henry”,“Bucky”,“Emily”]组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。
2024-05-22 13:59:06
404
1
原创 Vue CLI 本地存储 自定义事件
在Vue CLI项目中，本地存储和自定义事件是两个重要的概念，它们在Vue应用的开发中扮演着重要角色。通过合理地运用本地存储和自定义事件，我们可以更好地组织和管理应用的数据和组件通信，从而提升应用的可维护性和用户体验。通过Vuex，我们可以将数据存储在全局的store对象中，从而实现在不同组件之间的共享和管理。localStorage是HTML5提供的一种在浏览器中存储数据的机制，它可以将数据存储在浏览器的本地存储中，即使页面刷新或关闭浏览器后数据仍然会保留。
2024-05-19 01:15:14
331
原创 vue内置指令
父组件beforeDestroy => 子组件beforeDestroy =>子组件destroyed => 父组件destroyed。父组件beforeUpdate => 子组件beforeUpdate =>子组件updated => 父组件updated。为了保证父组件的视图与子组件的数据同步，Vue 在子组件数据变化后先触发父组件的生命周期钩子函数，然后再更新子组件的视图。父组件的生命周期到虚拟DOM挂载后开始执行子组件的生命周期，最后在执行父组件的真实DOM挂载。
2024-05-05 22:48:52
287
原创 vue本地存储
但对于某些使用很频繁的组件，如标题这样的可能会所有文件都会使用的组件，这样在每个文件都引入显得很是繁琐，且万一遇到需求改变，修改起来也是异常麻烦，所以全局引入在此时就显得很有必要了。在日常使用中应该尽量避免使用全局引入，这会大大增加项目体积，在组件复用性不高的情况下，应该使用局部引入，只有在组件复用性非常高的时候才应该考虑使用全局引入。⒉使用场景:A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件(事件的回调在A中)。1.一种组件间通信的方式，适用于:子组件===>父组件。
2024-04-27 22:56:12
388
原创 computed与watch
4.原理使用了Object.defineproperty(目标对象,名称,{get(),set(value)})2.被Vue实例管理的函数最好都使用普通函数，不被Vue实例管理的函数最好都使用箭头函数。4.写法：第一种Vue实例中，第二种实例化vm.$watch(“监听的属性”,{})3.handler(新值,旧值)函数，当监听值发生改变时就会触发handler函数。1.两种写法：Vue.filter(“名称”,函数(接收前一个的值))new Vue({filters:{函数名(接收前一个的值){}}})
2024-04-14 23:23:00
144
原创 v-html.v-text
v-show：v-show 的元素始终会被渲染并保留在 DOM 中。v-if切换有一个局部编译/卸载的过程，切换过程中合适地销毁和重建内部的事件监听和子组件；v-show都会编译，初始值为false，只是将display设为none，但它也编译了。 两者的区别是，v-html可以渲染data里面的css内容和样式，v-text只能渲染data里的内容。v-if：v-if 指令用于条件性地渲染一块内容。（3）v-show更适合于日常使用，可以减少数据的渲染，减少不必要的操作。 v-show=“布尔”
2024-04-07 21:50:42
164
原创 Vue.config.productionTip = false 的作用
2.my-school和mySchool都会转换为同样的格式MySchool，但是mySchool只能在脚手架环境使用。全局注册Vue.component(“mainq”,mainq);使用的组件名可以不和组件定义的名字相同，组件名字可以自定义。1.可以使用小写和大写情况下，首字母都会转换为大写。不在脚手架环境下使用这种格式不会再运行之后的代码。局部注册 在变量a中注册，就只能在a中使用组件。全局注册 只要注册一次，在任何组件都可以使用。注意规范:组件取名最好不要和已有的标签相同。
2024-03-31 23:07:13
208
原创 事件修饰符
self 阻止自身事件促发，但不会阻止冒泡,(间接有捕获模式)，给元素设置self后，点击当前设置的自身元素会触发，点击设置self的子类，会跳过设置了self的元素。打乱冒泡顺序（即可以理解为给元素添加一个监听器，当元素发生冒泡时，先触发带有该修饰符的元素。.capture 捕获模式 ，先触发带有该修饰符的元素，多个该修饰符，则由外而内触发。v-model.number 可以将字符串转换为有效数字 “1”==1。.event.stopPropagation() 阻止冒泡事件。v-model 修饰符。
2024-03-25 02:13:01
163
原创 v-model
3.v-model自动绑定表单value值 v-model=“”1.双向数据绑定，既可以拿取data的数据，也可以写入数据。2.v-model本身是一个语法糖，一般用于表单收集。.number有效转换"1"== 1 为数字。vue.js devtools扩展工具。2.使用oninput传递数据。1.使用v-bind绑定数据。.lazy 失去焦点后提交值。.trim清除前后空格。v-model是什么。v-model修饰符。
2024-03-18 22:40:06
370
原创 防抖和节流
有的操作是高频触发的，但是其实触发一次就好了，比如我们短时间内多次缩放页面，那么我们不应该每次缩放都去执行操作，应该只做一次就好。再比如说监听输入框的输入，不应该每次都去触发监听，应该是用户完成一段输入后在进行触发。防抖就是防止抖动，避免事件的重复触发。
2024-01-13 00:59:44
348
1
原创 JavaScript实现鼠标拖拽效果
利用鼠标指针的坐标(event.pageX,event.pageY)与鼠标相对于拖拽元素的坐标(event.offsetX,event.offsetY)的差来计算被拖拽元素的坐标值。关于如何利用鼠标事件实现。
2024-01-07 23:02:44
361
1
原创 密钥以及结构赋值
用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。:用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。：他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。
2024-01-07 22:55:25
351
1
原创 node.
10.单例模式：多次重复执行同一句 import 语句，那么只会执行一次，而不会执行多次。import 同一模块，声明不同接口引用，会声明对应变量，但只执行一次 import。7.export 命令导出的接口名称，须和模块内部的变量有一一对应关系。5.建议使用大括号指定所要输出的一组变量写在文档尾部，明确导出的接口。改写接口的引用指向，即可以改写 import 变量类型为对象的属性值，8.导入的变量名，须和导出的接口名称相同，即顺序可以不一致。严格模式use strict;
2023-12-24 22:52:14
28
1
原创 node.
req.params 对象，可以访问到 URL 中，通过 : 匹配到的动态参数。req.query 对象，可以访问到客户端通过查询URL 中携带的参数。console.log(“express服务启动成功”);res.send(“post调取/index成功”);npm i nodemon -g 不需要重启服务。res.send(“get调取/index成功”)express.static()托管静态资源。res.send(“get调取登录成功”);res.send(“get调取登录失败”);
2023-12-04 08:03:13
20
原创 node.
n先去查找package.json文件中的安装包后，安装缺失的第三方模块。“dependencies”: {局部包存放，所有的第三方模块。“devDependencies”: {},全局包存放。“version”: “1.0.0”,项目版本号。“moment”: "^2.29.4"格式时间。“description”: “”,项目描述。“main”: “day01.js”,主体。“name”: “node”,项目名称。“author”: “”,作者。第3位数字：Bug修复版本。第2位数字：功能版本。
2023-11-27 08:43:53
19
1
原创 NODE..
使用 esc 键，能够快速清空当前已输入的命令。使用 ↑ 键，可以快速定位到上一次执行的命令。ctrl+左右键，可以快速定位到特殊字符前。dir 查看当前目录的所有文件。cd 文件名 进入下一级目录。D: 切换D盘目录。tab键可以快速生成执行的路径。cls 清除控制台记录。
2023-11-19 23:45:11
21
原创 【无标题】
2.当前执行栈执行完毕时会立刻先处理所有微任务队列中的事件，然后再去宏任 务队列中取出一个事件。异步：不进入主线程、而进入"任务队列"（task queue）的任务，只有"任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。5.执行栈中所有同步任务执行完毕，此时JS引擎线程空闲，系统会读取任务队列，将可运行的异步任务回调事件添加到执行栈中，开始执行。同步任务：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。1.宏任务和微任务的任务队列都可以有多个。
2023-11-05 23:31:39
23
原创 【无标题】
Object.getOwnPropertyNames() 静态方法返回一个数组，其包含给定对象中所有自有属性。Object.keys() 静态方法返回一个由给定对象自身的可枚举的字符串键属性名组成的数组。Object.values() 静态方法返回一个给定对象的自有可枚举字符串键属性值组成的数组。使用深拷贝将 let a=[1,2,3,4],复制给let b = [];（包括不可枚举属性，但不包括使用 symbol 值作为名称的属性）将一个二维数组扁平化处理的2种方法。es6中新增的循环对象的方法。
2023-11-01 00:55:31
31
原创 【无标题】
本身没有this的概念，捕获其所在上下文的 this 值，作为自己的 this 值，this指向全局。// 2.apply、call这两个方法的主动调用，bind返回的是改变this指向后的新函数；call()，bind(),apply()区别，并写出使用原型的方式构造一个call()方法。// 3.传参的问题区别，call和bind都是直接传递参数，apply传递的是数组。1.apply、call、bind他们三个都能改变函数this的指向问题；箭头函数不能使用new（会报错）5）使用bind()方法。
2023-10-22 22:51:08
27
1
原创 ES6..
Map.size 返回 Map 中元素的数量，而 Object 的键值对个数只能手动计算。任何值(对象或者原始值) 都可以作为一个键或一个值。Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。entries() 返回 Map 对象中键/值对的数组。values() 返回 Map 对象中值的数组。new Set() 创建新的 Set 对象。keys() 返回 Set 对象中值的数组。new Map() 创建新的 Map 对象。set() 为 Map 对象中的键设置值。
2023-10-15 21:44:22
25
1
原创 ES6..
2.如果参数是 0 至 -1 之间的小数，会进行取整运算，0 至 -1 之间的小数取整得到 -0 ，等同于 repeat 零次。startsWith与endsWith方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引（下标0）。padStart(总长度,“字符串”)：返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。padEnd()：返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。
2023-10-06 23:27:16
19
1
原创 html5
stretch：如果指定侧轴大小的属性值为’auto’，则其值会使项目的边距盒的尺寸尽可能接近所在行的尺寸，但同时会遵照’min/max-width/height’属性的限制。- baseline：如弹性盒子元素的行内轴与侧轴为同一条，则该值与’flex-start’等效。（如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度）。弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴起始边界。弹性盒子元素的侧轴（纵轴）起始位置的边界紧靠住该行的侧轴结束边界。column 纵向排列。
2023-09-24 22:26:46
38
1
原创 数组操作，获取元素，键盘鼠标事件
document.getElementsByClassName(“class名称”)[下标]document.getElementsByName(“name名称”)[下标]document.getElementsByTagName(“标签”)[下标]document.querySelectorAll(“选择器”)[下标]offsetHeight 自身高度+padding高度+上下边框。offsetWidth 自身宽度+padding宽度+左右边框。clientY获取鼠标指针位于浏览器所在位置Y。
2023-09-17 23:28:52
46
原创 获取时间方法
toLocaleString()将标准时间转为字符串时间 年/月/日 时分秒。getMonth()获取月份，从0开始到11结束，需要手动+1。new Date数字值=毫秒数，new Date字符串=日期。Date.now获取当前时间，html5提供的方法，兼容性差。使用现在时间距离1970年1月1日的毫秒时间差。getTime()获取是当前时间的毫秒数。new Date();getFullYear()获取年份。getDate获取日。
2023-09-10 14:51:41
119
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人