- 博客(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
356
原创 关于组件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
5303
原创 关于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
5667
原创 关于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
2368
原创 自己关于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
4703
原创 Sequelize 中的order排序
在这里插入代码片 *** let sort = order == 1 ? 'ASC' : 'DESC' User.findAll({ order: [['id', sort]] }).then(msg => { res.send(msg) })*
2020-08-16 11:26:21
2178
原创 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
1269
原创 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
5179
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
650
原创 获取input中的值问题
input 和 button 的取值问题 input 只能使用 value 来获取里面的值； button 只能使用innerHtml 获取 textarea 都可以
2020-03-14 21:24:51
189
原创 关于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
240
原创 promise 封装的 原生ajax
function add(url) { var xhr = new XMLHttpRequest(); return new Promise((resolve, reject) => { xhr.onreadystatechange = function () { if (...
2020-02-24 09:41:28
206
原创 关于 vuex
今天是周一，看了视频，发现了vuex的讲解，以前不会也没有用过，今天不如趁这个机会，一起把vuex搞明白 首先 我觉得 vuex 是一个状态管理的，这么一个小玩意，一直没用过，今天记录一下 第一步，npm 安装 ，不多说了 第二步 index.js，然后导出它 第三步 main.js，全局使用 对了，在此说明一点 ，以前的单页面el：“#app” 可以换成 $.mount("#app"),...
2019-12-16 17:43:26
185
原创 关于一个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
412
原创 echart 关联多个type 的做法 和 自定义拐点图片
折线图来做一个人的路线图 自定义图片 symbol: Path, Path 定义在于页面， path：‘’image:// … “” 图片的路径 嵌套其他type series：[ { type:“line”, data:" }, { type:'scatter", data:" }, … ] ...
2019-11-26 16:43:04
405
原创 关于 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
718
原创 关于图片宽度固定，高度自适应问题
clientWidth 找到图片高度比例 一起设置哟 设置多个属性·1可以用 …style.cssText=“background：yellow；“border”：1px solid yellow ”
2019-11-21 18:38:35
2445
原创 ajax 请求 出的数据 全局使用
关于 ajax 请求 出的数据 全局使用 第一步 要把async 设置成false ，这个是为了 解决 同步异步问题，默认是异步 处理，变为同步处理，然后把 success设置成 箭头函数 第二步 写一个函数 ，在 return 出去 这个 success 的结果 ，执行这个函数 附上代码 // 获取时间 function time() { var ti...
2019-11-20 17:41:30
773
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
11917
原创 自己的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
153
原创 关于vue父子间传递值
组件要想成为只能在父组件中使用的一个专属子组件，必须降级 -降级步骤 -1.子组件 var 组件名 使用驼峰命名法 比如 todoAdd****todoList * var todoadd={template：` div...`}*, data(){tetrun{}} //data是个函数 需要数据间不相互干扰 2.父组件 可以直接使用 vue会自动把todoAdd转变成这样的形式，后面写上c...
2019-07-21 11:21:55
142
原创 斐波那契数列
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
135
原创 斐波那契
Document //1+1=2 //1+2=3 //2+3=5； //3+5=8 把第二个盒子的值给第一个盒子； 把第三个盒子的值给第二个盒子
2019-06-04 16:02:59
1030
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人