- 博客(25)
- 收藏
- 关注
RSS订阅原创 根据不同的状态值，展示不同的字段
先看一下要实现的效果view代码<view v-for="(item,index) in list" :key="index"> <view :style="{color:getColor(item.type)}"> {{getBetRel(item.type)}} </view> </view>js// new Map() const metaType = { '0': '等待吃饭', '1': '不
2022-04-13 14:49:08
1365
1
原创 uni-app简单的选择列表
实现的效果： 1649412462036696 view内容：<view class="addRecord" @click="hesuanRord=true"> {{ result }}</view> <view class="record_list" v-if="hesuanRord" v-for="(it
2022-04-08 18:04:13
1295
原创 transform的缩放和移动
css3transform的基础使用translateX：水平方向的移动距离translateY：垂直方向的移动距离 position: absolute; top: 200px; left:50%; transform: translateX(-50%);缩放 scale参数表示缩放倍数；一个参数时：表示水平和垂直同时缩放该倍率两个参数时：第一个参数指定水平方向的缩放倍率，第二个参数指定垂直方向的缩放倍
2022-03-17 14:40:25
2441
原创 解析的URL字符串的封装
/** * queryURLParams:获取URL地址中问号传参的信息和哈希值 * @params * url[tsring] 要解析的URL字符串 * @return * [object] 包含参数和哈希值信息的对象 * by zhouxiaotian on 2022/03/15 14:48 */function queryURLParams(url) { let askIn = url.indexOf('?'), wellIn = url.indexOf('#
2022-03-15 16:20:22
399
原创 【无标题】
mac电脑 谷歌浏览器设置跨域open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/mac/MyChromeDevUserData/
2022-02-10 18:11:59
237
原创 2021-11-05
获取验证码-完成注册先说一下思路，1.输入手机号2.点击获取验证码 （判断手机号是否正确 ==> 验证码倒计时 ==>判断验证码是否正确）。1、输入手机号：<input class="conInp" v-model="step1Params.mobile" type="text" />验证码和手机号放在 step1Params 里。 step1Params: { mobile: '', sms_code: '' },2、点击获取验证-判
2021-11-05 17:57:38
79
原创 2021-11-1
##uni-app tab切换view：css：js：tab栏标题用v-for遍历，用index作为标识区分，点击事件也是用index，在js里让tabIndex = index，然后在要选中的页面中 :style，用tabIndex区分，希望自己可以记住记住。来姨妈了肚子疼，吃了止痛药肚子还是好疼，但是项目快结束了很高兴，希望可以快点结束，加油加油...
2021-11-01 11:47:23
72
原创 2021-10-28
点击跳转到对应内容在@click的时候就要带参数跳转，必须是唯一。第一页：要跳转的页面：接口数据格式：记得在onLoad里调用：
2021-10-28 23:30:51
74
原创 2021-10-19
用input实现搜索框功能view内容：输入框输入的内容是搜索的内容，所以用v-model绑定；@confirm是回车键按下后的操作。js：在data里先返回v-model绑定的参数：@confirm事件：这边搜索的是群id，所以在搜索的时候要把参数group_id传进去。根据搜索的内容显示对应数据...
2021-10-28 23:02:14
91
原创 2021-10-12
做一个输入的内容添加显示在当前页面。在输入框输入内容后，点击添加，刚刚输入的内容就会显示到下面。说一下我的思路：这里肯定是用遍历的，所以先在外面写一个v-for；input使用双向绑定v-model，绑定要显示的数据。1.view部分js部分css就是一个简单的样式，无甚特别。这里说一下，同事说：key后面不建议直接使用index，会有bug，他呼啦啦说了一圈其实 没太懂，但是记下来就行。这边用的是时间戳作为：key，所以是因为时间是独一无二的。所以在添加列表事件里，时间是会
2021-10-12 18:49:40
103
原创 2021-10-09
关于v-if和v-else写一个切换密码登录/验证码登录的页面先来看效果默认密码登录，点击下面的“验证码登录”切换到验证码登录：点击“验证码登录”后：两个即可互相切换。下面来看代码：下面是js部分：在data里返回isPsw：true；（默认先显示密码登录，所以为true）点击事件取反即可：...
2021-10-09 10:55:26
66
原创 2021-09-17
uni-app swiper 轮播播放，滑动内容，对应内容也改变swiperswiper它的相关属性uniapp里都有介绍，直接搜就可以。这边用到的关键是这几个@change=“current”在methods里写这个事件，让滑动对应的页面事件id相等；后端会土工数据，根据对应的数据遍历显示出来即可。<swiper class="swiper-box":indicator-dots="indicatorDots" :autoplay="autoplay" :interval="in
2021-09-17 19:02:33
63
原创 2021-09-03
1.const1.1 const声明一个只读的常量，一旦声明，这个常量的值就不能被改变。const PI = 3.1415; PI // 3.1415 PI = 3; // TypeError: Assignment to constant variable.改变常量的值会报错1.2 const一旦声明，就必须赋值，不可以留到以后再赋值。1.3 const和let一样，都只在声明的块级作用域{}内有效。 if (true) { const MAX =
2021-09-03 17:12:04
85
原创 基础笔记-ES6
发现很多基础的东西都会忘记，决定一边看一边记。1.经常记不清let和var，let是ES6新增的；它声明的变量，只在它所在的代码块有效。所以经常在for循环里可以看到let的使用，因为他很适合用在for循环的计数器里。1.1暂时性死区ES6官网的内容在代码块内，使用let命令声明变量之前，该变量都是不可用的。1.2 let不允许在相同作用域内，重复声明同一个变量。也不能在函数内部重新声明参数...
2021-09-02 23:51:26
76
原创 九月份了，加油
早上打开真机调试，发现又是组件错误，这买来的代码也太不靠谱了。发现了，其实控制台报错很关键，要先学会看懂这些报错。这个组件报错先翻译一下：“避免直接改变道具，因为每当父组件重新渲染时，该值将被覆盖。相反，使用基于道具值的数据或计算属性。正在变异的道具：‘节点’ ”这时候找到报错的位置，找到对应页面使用对应组件的位置然后看一下 u-parse 这个组件的属性，发现并没有:html这个属性，不能这样用。把“:html”改成“:content”就不报错了。总结一下，遇到bug其实我都不会，都是求助
2021-09-02 11:04:18
133
原创 20210831
今天做一个页面跳转的时候发现，uni.navigateTo和uni.switchTab的区别:用uni.navigateTo跳转页面后，页面底部的路由tab失效了，就不显示；随后同事用了uni.switchTab，页面就可以正常显示底部的tab了。但是uni.switchTab就不能返回上一页，如果需要返回上一页就要自己加一个返回的按钮。...
2021-08-31 15:48:48
60
原创 2021-08-26
昨天是要做扫码进入小程序，刚刚百度了解了一些关于二维码的场景值scene的相关内容，现在做一下整合记录。1.首先是了解 “场景值scene” 的含义：场景值是用来描述用户是通过什么样的方式进入小程序的？比如扫二维码进入、公众号关联进入等。微信小程序的scene值不同有不同的含义，...
2021-08-27 14:21:13
169
原创 vue20210825..加载
做一个进入首页前先加载的一个功能。逻辑比较重要，先说一下大概思路：用uview组件里的loading功能，是否显示:show，要在data()return{}里返回isShow，先让他不显示，然后在进入页面的时候加载，也就是onLoad：里，let _this =this;然后设一个定时器，五秒后让isShow显示出来就可以了。...
2021-08-25 16:48:00
44
原创 20210818日记
so sad，有时候也怀疑自己是不是适合做这一行，年纪大了以后该怎么办？觉得自己技术也好菜呜呜呜，但是我从来没忘记我来这边工作的初衷，要努力学，短期规划是今年过年回家前工资可以有6k。加油加油加油...
2021-08-18 16:58:52
36
原创 20210812
1.展开运算符展开运算符将数组转换为各个独立的参数， 所以 arr3 与 arr1 是两个不同的数组对象1.1展开运算符还可以取出对象的所有可遍历属性，复制到当前对象中。2.对象字面量语法扩展start属性名中包含了特殊字符或中文，或者需要通过计算得到属性名，则只能使用方括号3.解构赋值start...
2021-08-12 17:56:32
47
原创 2021-08-10
学习日记2021.08.10#学习日记白天上班，晚上回家洗完澡整理一下已经十点多了，公司离家太远了呜呜呜，明年要搬近点。${}3.calculate()函数根据传入的操作符的不同而执行不同的计算。（因为第一个参数是命名参数且已经被使用，因此遍历arguments对象时，索引要从1开始而不是从0开始）4.ES6引入了rest参数，在函数的命名参数前添加三个点，就表明这是一个rest参数，用于获取函数的多余参数。rest参数就是一个数组，包含自它之后传入的所有参数，通过这个数组名就可
2021-08-10 00:34:57
47
原创 必选项输入内容后红色星号消失
html用v-if给星号做一个判断，给输入框双向绑定一个事件。（当输入内容星号消失嘛）cs给isEmpty做了一个三元运算判断嘛，如果是就显示前面的属性，否就后。js星号样式先默认存在。这边用到computed计算属性，computed有set和get两个值；在get里返回一个空值。然后在set设置里做判断。（其实我不太明白为什么要在get里返回一个空值）...
2021-08-02 11:30:46
381
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人