- 博客(25)
- 收藏
- 关注
RSS订阅原创 源码学习
关于uniapp 按钮的优化首先 可以增加 loading 状态，增加用户体验使用节流使用水波纹```javascript// 获取节点信息 getElQuery() { return new Promise(resolve => { let queryInfo = ''; // 获取元素节点信息，请查看uniapp相关文档 queryInfo = uni.createSelectorQuery().in(this); queryIn
2021-03-24 21:48:22
173
原创 关于组件u-input
关于自定义封装input<input type=“text” :value=“defaultValue”@input=“handleInput” style=“border: 2rpx solid yellow;”/>handleInput:function(e){ this.defaultValue = e.detail.value; this.$emit("input",this.defaultValue) }; ```
2021-01-04 22:08:55
4754
原创 关于u-row 和u-col
使用方法<u-row gutter="16" justify="center"> <u-col span="3"> <view class="demo-layout bg-purple"></view> </u-col> <u-col span="3" offset="6"> <view class="demo-layout bg-purple-light"></view> </u-col
2021-01-03 22:14:16
4912
原创 关于u-button
u-button支持普通按钮的事件回调原理还是普通的$emit触发对应的事件特别注意@click.stop 一定要注意事件冒泡click事件进行了节流处理节流是一段时间只能触发一次function throttle (func,wait=500,immeditate= true){ //首先判断是否是immediate，如果是就立即执行， // 如果不是，就等定时器结束以后执行 if(immediate){ if(flag){ //先暂时让他执行不了 f
2021-01-03 21:28:23
2116
原创 自己关于uview 的组件理解
u-image 组件最近临近年关，也该总结一下了其中u-image 可以支持width，height和mode，shape，也可以支持图片错误的情况下，使用一张默认的的图片，今日进行深入研究，做个备注1.width 和height 属性可以传入任意值，即可以传入带单位的rpx，也可以传入百分比原因：是通过或者widh和height，进行一个叫addUnit的函数来进行数字验证，如果是纯数字的话，就加上rpx，如果不是，就直接返回原来的数值2 mode 和shape 原因：通过一个计算属性 w
2021-01-02 20:49:26
4195
原创 Sequelize 中的order排序
在这里插入代码片 *** let sort = order == 1 ? 'ASC' : 'DESC'User.findAll({ order: [['id', sort]] }).then(msg => { res.send(msg) })*
2020-08-16 11:26:21
1952
原创 radio 的循环问题 vue
<div class="flex just border" v-for="(item,index) in options" :key="index"> <label :for="item">{{item}}</label> <input type="radio" v-model="value" @change="getChinse" :id="item" :value="item"> <
2020-07-16 09:57:20
1128
原创 uniapp中for循环动画 animation问题
uniapp 官方例子中是一个单独的animation的例子，实际开发中，可能会遇到很多for 循环出来的 要写动画的情况，今天遇到插件作者，特此来记录，也是给我一个开发思路，很不错<view class="" style="height: 1000px;"> <view class="" v-for="(item,index) in list" :key="index"...
2020-04-03 15:43:38
4854
4
原创 关于js取余问题
今天遇到取余问题，特来记录<view v-for="(item, key) in list" :key="key"> <view class="right" v-if=" key % 2 ==0">不是 v-if=" key / 2 ==0" 那个是除法，可能是1 ， 2 ，3...
2020-04-03 15:38:39
549
原创 获取input中的值问题
input 和 button 的取值问题input 只能使用 value 来获取里面的值；button 只能使用innerHtml 获取textarea 都可以
2020-03-14 21:24:51
113
原创 关于vue class 的切换问题
这个是自己经常写错的几个class动态用法:class="{'classify-item':true, active:item.active}"这个是三目表达式的动态绑定<li v-for="(item,index) in list" :key="index" :class="id==index ? 'active' : ''" ...
2020-03-09 17:16:24
127
原创 promise 封装的 原生ajax
function add(url) { var xhr = new XMLHttpRequest(); return new Promise((resolve, reject) => { xhr.onreadystatechange = function () { if (...
2020-02-24 09:41:28
129
原创 关于 vuex
今天是周一，看了视频，发现了vuex的讲解，以前不会也没有用过，今天不如趁这个机会，一起把vuex搞明白首先 我觉得 vuex 是一个状态管理的，这么一个小玩意，一直没用过，今天记录一下第一步，npm 安装 ，不多说了第二步 index.js，然后导出它第三步 main.js，全局使用对了，在此说明一点 ，以前的单页面el：“#app” 可以换成 $.mount("#app"),...
2019-12-16 17:43:26
106
原创 关于一个vue.filter 局部过滤器
局部过滤器首先 {{price | Format(“参数1”，“参数2”)}}参数1 与 参数2 是实参 可以也写 ，也可以不写第二步：data里面定义filter：{Format：function（vaule，arg1，arg2）{ // 其中第一个参数代表了 自身 ，第二个第三个代表了 参数1 和 参数2 arg1= arg1 != null ? args1: ...
2019-12-16 11:34:43
317
原创 echart 关联多个type 的做法 和 自定义拐点图片
折线图来做一个人的路线图自定义图片 symbol: Path,Path 定义在于页面， path：‘’image:// … “” 图片的路径嵌套其他typeseries：[{type:“line”,data:"},{type:'scatter",data:"},…]...
2019-11-26 16:43:04
340
原创 关于 vue 切换 img的url问题
<image :src='showUrl==true ? undownPrice : downPrice ' class="pic"></image>data{showUrl:true, undownPrice:'../../static/five.svg', downPrice:'../../static/five1.svg',}........
2019-11-25 22:21:07
633
原创 关于图片宽度固定，高度自适应问题
clientWidth找到图片高度比例一起设置哟设置多个属性·1可以用 …style.cssText=“background：yellow；“border”：1px solid yellow ”
2019-11-21 18:38:35
2336
原创 ajax 请求 出的数据 全局使用
关于 ajax 请求 出的数据 全局使用第一步 要把async 设置成false ，这个是为了 解决 同步异步问题，默认是异步 处理，变为同步处理，然后把 success设置成 箭头函数第二步 写一个函数 ，在 return 出去 这个 success 的结果 ，执行这个函数附上代码 // 获取时间 function time() { var ti...
2019-11-20 17:41:30
674
1
原创 关于查找Vue中下标的方法（some和findindex）
some的用法 list:[ {id:1,name:'奔驰',citme:new Date()}, {id:2,name:'宝马',citme:new Date()} ] - // this.list.some((item,i)=>{ // ...
2019-08-22 17:53:34
11402
原创 自己的VUE SET()
vue set（）三个参数第一个是目标元素，第二个是下标 ，第三个是要修改的值，items:[{message:“Test one”,id:“1”},{message:“Test two”,id:“2”},{message:“Test three”,id:“3”}]Vue.set(this.items,0,{message:“Change Test”,id:‘10’})...
2019-08-09 15:22:16
83
原创 关于vue父子间传递值
组件要想成为只能在父组件中使用的一个专属子组件，必须降级-降级步骤-1.子组件 var 组件名 使用驼峰命名法 比如 todoAdd****todoList*var todoadd={template：`div...`}*,data(){tetrun{}}//data是个函数 需要数据间不相互干扰2.父组件 可以直接使用 vue会自动把todoAdd转变成这样的形式，后面写上c...
2019-07-21 11:21:55
88
原创 斐波那契数列
function fib(n) {if (n == 1 || n == 2) {return 1} else {var box1 = 1,box2 = 1,box3;for (i = 1; i <= n; i++) {console.log(计算${i}个月=第${i-1}+第${i-2}个月);box3 = box1 + box2;box1 = box2;box2 =...
2019-06-04 16:09:08
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人