会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
剑仙6
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
6
7
8
9
10
11
12
13
14
···
96
下一页
2020年4月21日
再谈节流throttle函数
摘要: 参考 浅谈JS函数节流及应用场景 .
阅读全文
posted @ 2020-04-21 13:51 剑仙6
阅读(100)
评论(0)
推荐(0)
编辑
再谈防抖debounce函数
摘要: 参考文章 浅谈JS函数防抖及应用场景 1、场景演示 疯狂点击按钮 正常情况下,点击提交按钮,应该发送接口请求 ,如果用户网络不够畅通,接口请求需要1s完成,期间你提交了多次.... ....,此时在后台也就默认接受了很多次的请求,这种方式及其浪费服务器资源,所以需要在前端做个防抖和节流。本节介绍下防
阅读全文
posted @ 2020-04-21 13:16 剑仙6
阅读(274)
评论(0)
推荐(0)
编辑
2020年4月18日
微信小程序checkbox样式修改
摘要: 打开小程序开发者工具的调试模式,查看元素的样式,截图如下 完全看不到小程序是如何设置Checkbox的样式的,小程序实现Checkbox的样式代码对我们是黑盒的。 于是很多同学自己开始吭哧吭哧地编写一个模拟的组件,创建一个template,编写它的数据渲染和事件监听处理,以及对用户操作的数据进行实时
阅读全文
posted @ 2020-04-18 11:59 剑仙6
阅读(1793)
评论(0)
推荐(0)
编辑
封装微信小程序API
摘要: 微信小程序官方提供的API很多用起来都有点鸡肋,针对不同项目的业务需求做二次封装是有必要的,这篇文章记一些有通用性的封装,若读者觉得有不好的地方,欢迎指出。 ChangeLog 1. 异步api转为Promise风格 1.1 使用举例 2. 路由跳转 2.1 使用举例 2.2 特殊说明 3. 刷新当
阅读全文
posted @ 2020-04-18 10:04 剑仙6
阅读(188)
评论(0)
推荐(0)
编辑
用 async/await 来处理异步
摘要: 先说一下async的用法,它作为一个关键字放到函数前面, async function timeout() { return 'hello world';} 只有一个作用, 它的调用会返回一个promise 对象。调用一下看看就知道了,怎么调用?async 函数也是函数,所以它的调用和普通函数的调用
阅读全文
posted @ 2020-04-18 09:48 剑仙6
阅读(172)
评论(0)
推荐(0)
编辑
2020年4月17日
ES6之Array.find()和findIndex()函数的用法
摘要: ES6为Array增加了find(),findIndex函数。 find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。 findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。 他们的都是一个查找回调函数。 [1, 2, 3, 4].find(
阅读全文
posted @ 2020-04-17 17:28 剑仙6
阅读(577)
评论(0)
推荐(0)
编辑
JavaScript中十种一步拷贝数组的方法
摘要: JavaScript中我们经常会遇到拷贝数组的场景,但是都有哪些方式能够来实现呢,我们不妨来梳理一下。 1、扩展运算符(浅拷贝) 自从ES6出现以来,这已经成为最流行的方法。它是一个很简单的语法,但是当你在使用类似于React和Redux这类库时,你会发现它是非常非常有用的。 numbers = [
阅读全文
posted @ 2020-04-17 15:48 剑仙6
阅读(416)
评论(0)
推荐(0)
编辑
小程序图片 mode 设置为 widthFix 图片显示瞬间竖向拉伸变形闪烁
摘要: 官方文档中 mode="widthFix" 宽度不变,高度自动变化,保持原图宽高比不变,即设置图片宽度而高度自适应。 但是在实际开发中发现图片在初始加载时瞬间竖向拉伸变形闪烁然后恢复正常宽高,也许是高度没设置的原因。 所以把图片设置 height: auto 即可解决问题
阅读全文
posted @ 2020-04-17 11:55 剑仙6
阅读(976)
评论(0)
推荐(0)
编辑
2020年4月16日
微信小程序单行和多行省略号
摘要: 在小程序开发过程中,经常会遇到一些数据无法在text中完全展示,所以会使用到隐藏相关文字,并在后方加上省略号(...)。 只需要在对应的text中设置下面的css就可以了。 overflow:hidden; //超出一行文字自动隐藏 text-overflow:ellipsis; //文字隐藏后添加
阅读全文
posted @ 2020-04-16 18:03 剑仙6
阅读(1067)
评论(0)
推荐(0)
编辑
-webkit-line-clamp 多行文字溢出...
摘要: CSS代码: .box { width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} HTML代码: <div class="box"> 多行
阅读全文
posted @ 2020-04-16 17:59 剑仙6
阅读(208)
评论(0)
推荐(0)
编辑
上一页
1
···
6
7
8
9
10
11
12
13
14
···
96
下一页
公告
欢迎访问个人网站www.qingchun.在线