- 博客(21)
- 收藏
- 关注
原创 1、其他页面返回tabBar页面不刷新(onLoad,onShow,onTabItemTap)
原因:在onLoad里修改数据,但是onLoad 首次进入页面触发,只触发一次。解决方法:在onShow里修改数据,onShow每次打开页面都会调用一次。拓展:onTabItemTap()在 tabbar 切换时触发。
2023-03-16 13:59:43 1586
原创 2、uniapp的微信小程序获取定位
若配置manifest.json没有问题,可尝试更新微信开发者工具。二、腾讯位置服务平台申请密钥和下载SDK。一、配置manifest.json。2、获取位置函数及方法。
2023-01-04 14:05:04 1040
原创 1、uniapp常用页面跳转方式
1、uni.navigateTo(OBJECT) | uni-app官网 (dcloud.io)保留当前页面,跳转到应用内的某个页面,使用uni.navigateBack可以返回到原页面2、uni.navigateTo(OBJECT) | uni-app官网 (dcloud.io)关闭当前页面,返回上一页面或多级页面。可通过 获取当前的页面栈,决定需要返回几层。3、uni.navigateTo(OBJECT) | uni-app官网 (dcloud.io)
2022-12-08 13:15:18 3415
原创 3、package.json和package-lock.json的区别
存储node_modules下包的信息,包括版本号、下载地址等。锁定安装时的包版本号,需要上传到git上,保证其他人在install时候,依赖版本相同。上有一个 package.json 文件,定义了当前项目所需要的各种模块,以及项目的配置信息(比如名称[必填]、版本[必填]、许可证等)。命令时,会根据文件中的配置自动下载所需的模块配置项目所需的运行和开发环境。dependencies选项,包含第三方包依赖信息。
2022-10-26 15:53:36 283
原创 项目部署环境
在文件夹下,都会生成一个dist文件夹,无法区分是测试环境还是生产环境。(3) 在vue.config.js中配置。在测试和生产环境配置上,新增配置ENV。生产环境,测试环境,开发环境。三、vue项目的配置。
2022-10-10 15:41:00 371
原创 Vue中的节流、防抖
节流高频事件触发,但在n秒内只会执行一次,所以节流会稀释函数的执行频率使用场景:频繁触发、onrize,onscroll滚动条因为节流是监听到第一次触发事件后就执行,所以可以用来防止按钮多次点击执行多次,且按照第一次点击的事件为准防抖触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。使用场景:频繁触发、输入框搜索因为防抖的特性,一直执行最后一次的触发,所以可以用于鼠标移动确定最后一次移动的时候的坐标位置。...
2022-03-30 16:21:15 956
原创 Vue指令之自定义指令
自定义指令在每个vue组件中,可以在directives节点下声明私有自定义指令钩子函数bind:只调用一次,指令第一次绑定到元素时调用。在这里进行一次性的初始化设置inserted:被绑定元素插入父节点时调用(仅保证父节点存在,但不一定已被插入文档,因为DOM节点插入是异步的)update:所在组件的VNode更新时调用,但是可能发生VNode更新之前。指令的值可能发生了改变,也可能没有但是可以通过比较更新前后的值来忽略不必要的模版更新先触发update再触发componentU
2022-03-29 09:01:40 1580
原创 插槽(slot)
插槽插槽是vue为组件的封装提供的功能允许开发者在封装组件时,把不确定的、希望用户指定的部分定义为插槽即在组件调用的标签中把自定义内容插入对应组件的slot区域子组件的插槽区域slot声明一个插槽区域vue官方规定:每个slot插槽都要有一个name名称如果省略了slot的name属性,则有一个默认名称叫做default,当所有插槽都命名时,默认将内容填充到所有未命名的插槽中第一种<cp1>yuyuyjh <h1 slot="b"> 我是1111
2022-03-28 20:17:29 543
原创 Vue实例(包含$refs)
1、this在option api上通过this即可访问Vue实例对象2、$root获取当前组件的根节点3、$parent获取当前组件的父组件(Vue3中已经被弃用)4、$children获取当前组件的子组件 获得一个数组(Vue3中已经被弃用)5、$mount()$mount(‘选择器’)与el相同都是挂载元素var app=new Vue({ data:{ message:'Hello Vue!' }}).$mount('#app)6、$el组件渲染的时候的根节点对象
2022-03-28 16:38:37 1528
原创 数据 传递
provide injectprovide 选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的 property。inject 选项应该是一个字符串数组或一个对象父组件有一个 provide 选项来提供数据,子组件有一个 inject 选项来开始使用这个数据<body> <div id="app"> <Parent></Parent> </div></body><script>
2022-03-28 15:58:00 215
原创 混入器 mixin
provide inject选项应该是一个对象或返回一个对象的函数。该对象包含可注入其子孙的 property。inject 选项应该是一个字符串数组或一个对象父组件有一个 provide 选项来提供数据,子组件有一个 inject 选项来开始使用这个数据<body> <div id="app"> <Parent></Parent> </div></body><script> Vue.co
2022-03-28 15:54:22 408
原创 Vue指令
v-text不能解析标签,会替换标签内的内容,相当于innerText <div v-text="d"></div>v-html与v-text相似但可以解析标签,相当于innerHTML <div v-html="d"></div>v-show根据表达式的真假,切换元素的显示和隐藏(v-show后可以接布尔值 data中的变量 表达式等) <!-- v-show 引起的是 redraw 性能消耗比 reflow更小 --&g
2022-03-23 11:46:12 1191
原创 cookie、localStorage、sessionStorage
cookie的存储方式cookie是以字符串的形式存储,在字符串中以 key=value 的形式出现每一个key=value是一条数据多个数据之间 ; 分割,分号后有空格'a=100; b=200; c=300;'cookie的特点存储大小有限制,一般是 4 KB 左右数量有限制,一般是 50 条左右有时效性,也就是有过期时间,一般是 会话级别(session)(也就是浏览器关闭就过期了)有域名限制,也就是说谁设置的谁才能读取cookie分路径存储,当前路径下设置的cookie,只能
2022-02-26 10:28:14 539 1
原创 ES6模版字符串
普通拼接字符串方法:"He is <b>"+person.name+"</b>"+"and we wish to know his"+person.age+".That is all"模版字符串:用反引号标识,再用${}将变量括起来`He is <b>${person.name}</b>and we wish to know his${person.age}.that is all`不使用变量` I am a man.`模版字符串
2022-02-25 20:51:48 432
原创 Promise、Async、Await
promise概念:Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。新建一个promise对象new Promise(function(req,res){ //要做的事情})实例:分三次输出字符串,第一次间隔1秒,第二次间隔4秒,第三次间隔3秒//普通实现效果setTimeout(function(){ console.log("First") setTimeout(function(){ console.log("Second") setTimeou
2022-02-24 20:31:53 94
原创 自调用、DOM总结、this指向、事件委托
一、自调用函数1、概念:通过等量代替,函数名称可以使用一个匿名函数代替 - 这个函数以后就没有办法使用了一个匿名函数在定义的过程中顺便就调用了 - 自调用函数 - 只能执行一次// (function(){// var a = 10// console.log(333);// })()// function fn(){// console.log(44);// }// fn()// var lis = document.querySelectorAll('l
2022-02-24 17:43:48 98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人