- 博客(23)
- 收藏
- 关注
RSS订阅原创 数组方法forEach，filter，map
有时候后端返回的数据并不是我们想要的，我们可以筛选自己想要的，或者添加自己需要用的字段。这个时候需要使用forEach//原数据list:[ { name:lili, age:17 }, { name:nana, age:16 }, { name:huihui, age:18 },]现在我们需要在里面加上select的字段，push进一个新数组里面，我
2021-07-27 15:58:50
200
1
原创 uniapp获取后台定位
由于离开小程序后无法继续使用uni.getLocation获取用户位置，这一点在官方文档有说明，此时就需要后台获取位置的权限1、首先在 manifest.json 配置 permission获取位置，在配置后台权限设置页的选项："permission" : { "scope.userLocation" : { "desc" : "小程序需要使用您的位置信息" }},"requiredBackgroundModes": ["location"],//作用是为了设置页多出“使用小程序期
2021-03-30 14:18:10
3203
1
原创 uniapp 使用微信扫一扫功能扫描指定二维码查看返回值
我们在写小程序的时候不免会遇到需要调用微信扫一扫获取到的值传输给小程序页面用以触发某个事件，以下为图解：1、微信开发者工具点击预览，首先需要确认手机登录的微信要和微信开发者工具登录的微信一致。2.此时手机需要保持在微信界面，会自动弹出预览的小程序，点击右上角三点选择打开调试。3.此时页面弹窗点击确定4.点击确定后弹窗消失，右下角多出绿色的按钮5.点击绿色按钮即可打开调试输出页面，如下6.此时点击右上角胶囊关闭小程序，使用微信扫一扫扫描指定二维码后，应该在小程.
2021-03-30 13:51:25
2976
原创 uniapp组件scroll-view+Uview的loadMore 加载更多，实现上拉加载效果
困扰了我这脑瓜子许久的问题解决了，撒花庆祝，感动哭~uniapp组件scroll-view+Uview的loadMore 加载更多，效果就是上拉加载，并显示相应状态效果html:@scrolltolower="bottomOut()"是scroll-view的触底触发事件<scroll-view :scroll-y="true" class="scrollView" @scrolltolower="bottomOut()"> <view class="dayDa.
2021-03-25 16:46:03
4885
1
原创 微信开发者工具报错：TypeError: Cannot set property ‘$toString‘ of undefined
今天遇到一个让人感觉“这都能行”的报错，来简单记录一下吧。运行微信开发者工具的时候报错为：TypeError: Cannot set property '$toString' of undefined根据报错信息找错完全没头绪，最后发现是页面中有空的 {{ }} 里面没有放置任何变量，就是这么个问题我也真是。。。。。。...
2021-03-24 09:36:01
764
原创 uniapp的tabs选项卡切换
先上效果使用的是uni-app的uview ui库html:<view class="tabTitleBox"> <view class="tabTitle"> <u-tabs :list="nameList" :is-scroll="false" :current="currentTabIndex" @change="change" active-color="#FF5B16"
2021-03-10 16:27:46
8629
6
原创 uniapp接收富文本数据的处理方法
数据长这样：uniapp有专门的一个标签rich-text去转化，官网文档：https://uniapp.dcloud.net.cn/component/rich-text?id=rich-text自己处理的时候写法：<rich-text :nodes="item.content"></rich-text>//item.content是请求过来的数据v-for后得到的数据完事后编译，显示为：...
2021-03-10 16:02:59
2230
2
原创 uniapp提交时候验证内容是否为空
效果图废话不多说，贴代码html:<u-button @click="submit">提交</u-button>script ==> methods:submit(){ if( this.inputTextarea == '' || this.mobile == '' || this.form.username == '') {//内容按自己实际的内容填写 this.$u.toast('信息填写不全');//使用uview的组件 retur
2021-03-10 15:57:04
5769
原创 uniapp小程序自定义点击改变样式的单选框复选项
单选<view v-for="(item, index) in list" :key="index"> <view :class="[id == index ? 'active' : 'select']" @click="choseItem(index)"> <text class="grid-text" >{{ item.name }}</text> </view></view>data() { ret...
2021-02-25 14:02:53
1237
原创 函数节流
函数节流指定时间间隔内只执行一次函数。函数节流：降频，将函数调用的频率降低。时间戳版function throttle(funcName,delay){ let preTime = Date.now(); return function(){ let content = this; lett args = [...arguments]; let curTime = Date.now(); if(curTime - p
2020-12-29 20:36:51
88
原创 浏览器渲染过程
浏览器将获取到的HTML文档解析成DOM树。处理CSS标记，构成层叠样式表模型CSSOM（CSS Object Model）。将DOM和CSSOM合并为渲染树（rendering tree）将会被创建，代表一系列将被渲染的对象。渲染树的每个元素包含的内容都是计算过的，它被称之为布局layout。浏览器使用一种流式处理的方法，只需要一次pass绘制操作就可以布局所有的元素。将渲染树的各个节点绘制到屏幕上，这一步被称为绘制painting。...
2020-12-26 17:59:43
65
原创 函数防抖
函数防抖在单位时间内，如果重复触发，只执行最后一次。非立即执行版的意思是触发事件后函数不会立即执行，而是在n秒后执行，如果在n秒内又触发了事件，则会重新计算函数执行时间 function antiShake(funcName,delay) { var timer = null; return function () { const content = this; const args = [...arguments]; if(time
2020-12-26 16:39:03
73
原创 闭包
闭包闭包就是能够读取其他函数内部变量的函数什么情况下会引起内存泄漏？全局变量赋值但未定义定时器开着没有及时清理掉闭包js对象与dom对象相互引用着双重for循环导致死循环问题闭包的应用场景封装功能时（需要使用私有的属性和方法）函数防抖、函数节流函数柯里化给元素伪数组添加事件需要使用元素的索引值...
2020-12-26 16:05:21
54
原创 cookie、localStorage、sessionStorage的区别？
cookie:最大能够存储4kb，每个域名下最多存储50条。可以设置存储的数据时间都可以兼容localStorage最大能够存储5MB永久性存储H5以后新特性sessionStorage最大能够存储5MB只能存储一次回话（打开浏览器，关闭浏览器）H5以后新特性cookie的使用，一般在什么位置使用？cookie主要把数据保存在浏览器。像现在有些网站会把用户信息放在cookie，这样就不用每次都输入用户名密码登录了。类似这种信息都可以放在cookie...
2020-12-26 15:42:46
157
原创 数组去重方法
一、SetES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。 使用 new 的方式来实例化使用使用方式直接上代码： var arr = [1,1,2,2,3,3,4,4,5,5,6,6,]; function newArr(arr){ return Array.from(new Set(arr)) } console.log(newArr(arr)); //[1, 2, 3, 4, 5, 6] 还可以在 .
2020-12-25 16:54:56
84
原创 继承
继承继承是和构造函数相关的一个应用是指，让一个构造函数去继承另一个构造函数的属性和方法所以继承一定出现在 两个构造函数之间一个小例子我们之前说，构造函数（类）是对一类行为的描述那么我们类这个概念其实也很抽象比如：我们说 国光 / 富士 都是 苹果的品种，那么我们就可以写一个 苹果类 来实例化很多品种出来而 苹果 / 梨 这些东西都是水果的一种，那么我们就可以写一个 水果类说过的统一特点就是 甜 / 水分大 ，而不同的水果有不同的特征那么我们就可以让 苹果类 来继承 水果类 的内
2020-12-25 11:25:16
92
原创 详解闭包
闭包闭包是我们函数的一种高级使用方式在聊闭包之前我们要先回顾一下 函数函数的两个阶段我们一直说函数有两个阶段定义阶段调用阶段函数定义阶段开辟一个 存储空间把函数体内的代码一模一样的放在这个空间内（不解析变量）把 存储空间 的地址给函数名函数调用阶段按照函数名的地址找到函数的 存储空间形参赋值预解析将函数 存储空间 中的代码拿出来执行（才解析变量）重新定义函数调用阶段按照函数名的地址找到函数的 存储空间形参赋值预解析在内存中开辟一个
2020-12-25 11:21:04
135
原创 vue路由的两种模式
1.hash：即地址栏URL中的符号。比如URL：http://www.abc.com/#/hello, hash 的值为#/hello。它的特点在于：hash虽然出现URL中，但不会被包含在HTTP请求中，对后端完全没影响，因此改变hash不会重新加载页面。2.history：利用了HTML5 History Interfase 中新增的pushState()和replaceState()方法。（需要特定浏览器支持） 这两种方法应用于浏览器的历史纪录站，在当自己已有的back,forward,go基础
2020-12-25 11:16:11
167
原创 vue的生命周期函数
初始化（create）---组件挂载(mount)---组件更新（update）---销毁（destroy） beforereate 初始化界面前：在当前阶段data,methods,computed以及watch上的数据和方法都不能被访问 created 初始化界面后：在实例创建完成后发生，当前阶段已经完成了数据观测，也就是说可以使用数据，更改数据，在这里更改数据不会触发updated函数，也就是不会更新视图，SSR可以放在这里
2020-12-25 11:14:40
55
原创 vue虚拟dom是什么
从本质上来说，是一个js对象，通过对象的方式来表示dom的结构，用来模拟真实的dom作用是高效的渲染页面，减少不必要的dom操作，提高渲染效率最初的目的是为了更好的跨平台，比如 说node.js就没有dom，如果想实现服务端的渲染，就可以借助虚拟dom。...
2020-12-25 11:13:06
1067
原创 vue优点
1、轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb，便于与第三方库或既有项目整合。2、双向数据绑定：保留了angular的特点，在数据操作方面更为简单3、组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势4、虚拟dom：dom操作是非常耗费性能的，不在使用原生的dom操作节点，极大的解放dom操作5、运行速度快...
2020-12-25 11:11:54
128
1
原创 v-show和v-if的区别
相同点：v-show和v-if都可以动态的控制dom元素的显示和隐藏不同点：实现本质方法不同1、v-if是动态的向DOM树内添加或者删除DOM元素,不停的销毁和创建比较消耗性能; v-show则是为该元素添加css样式--display来控制元素的显示和隐藏，只会编译一次,不会操作dom元素2、v-if有更高的切换开销，v-if有更高的渲染开销3、需要频繁切换状态的时候，使用v-show更好；如果早运行时条件很少改变，则使用v-if更好...
2020-12-25 11:10:31
57
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人