- 博客(7)
- 收藏
- 关注
原创 解决小程序Input框输入文字后触摸并滚动屏幕不松开,input内文字一起滚动问题
在Input内输入文字后,键盘此时还是抬起状态,此时轻触屏幕空白处,不松手滑动屏幕,input内的文字会跟着一起向下滑动。解决方法:给最外层的View标签添加onTouchStart事件,开始触摸时,触发收起键盘事件。onTouchStart={()=>{ Taro.hideKeyboard()}}...
2020-07-22 14:48:32 2050
原创 根据图片url下载图片
const urlDownloadIamge = (imgsrc, name) => { //要下载图片地址和图片名 let image = new Image(); // 解决跨域 Canvas 污染问题 image.setAttribute("crossOrigin", "anonymous"); image.onload = function() { let canvas = document.createElement("canvas"); canv
2020-06-30 09:17:43 728 1
原创 react中setState的同步、异步更新
react在setState的时候,大致需要经过以下几点:更新state->创建新的VNode->diff算法对比差异->渲染以上过程会触发 四个钩子函数:shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate其中,若子组件依赖于父组件,还会执行个钩子函数:componentWill...
2020-03-28 23:12:09 945
原创 promise.all方法的实现过程及其使用
promise.all()方法接收一个数组作为参数,当数组的所有promise都是resolve状态时,promise.all()才会成功。若有一个失败,他便被认为是失败的。以下封装一个promise.all方法,解释都在注释里。function isPromise(v){ //判断是不是个promise if(typeof v === 'function' || (typeof v...
2020-03-27 23:15:08 738
原创 微信小程序的吸顶效果
吸顶效果如下图所示:-------------------华丽丽的的分割线-------------------要吸顶的元素:<view id="luyou" class="{{flag?'active':''}}"> <view>aa</view> <view>bb</view> <view>cc<...
2020-03-18 01:01:41 932 1
原创 踩坑之微信小程序滚动播放通知消息效果
wxss中的@keyframes中的长宽之类带单位的,不能用百分比。如下代码,一开始margin-left用的是200%,找了半天才发现是单位的错误。<view class="news"> <view><image src="../../img/喇叭.png" style="width:40rpx;height:40rpx;"></image>...
2020-03-17 20:53:22 399
原创 受webpack影响安装react脚手架后项目启动不了的问题
在昨天自学webpack并安装了webpack之后,我发现之前创建过的所有项目都启动不了了,以下为报错:经研究报错信息,发现是webpack版本不一致问题。也就是我需要的webpack版本为4.41.5版本,而我实际安装的是4.41.6版本。需要安装的webpack-dev-server版本为3.10.2,而我安装的是3.10.3。所以根据报错显示区安装正确的版本即可。解决办法:找到出为的...
2020-03-02 13:13:46 681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人