lee727n的博客

效果如上~实现代码如下： <View className='headline'>靠phone和createTime俩字段，能大大降低数据重复度，抛开别的字段不说，这俩字段基本能保证没有重复数据，所以我们最终的数据很真实，没有一条是重复的，而且，最后还能通过createTime来统计每秒插入条数，nice~</View>css样式： .headline{ margin-top: 70px; margin-left...

不要使用text组件，使用view组件可以更随心应手 <View className='headline'>靠phone和createTime俩字段，能大大降低数据重复度，抛开别的字段不说，这俩字段基本能保证没有重复数据，所以我们最终的数据很真实，没有一条是重复的，而且，最后还能通过createTime来统计每秒插入条数，nice~</View>css样式 .headline{ margin-top: 70px; mar

需求在一个大图片上，对应的位置贴上一个小图片，打算用relative和absolute方式实现。但是发现image标签上无法加载出image标签所以才用外层view，view引入背景图，在view上贴图片 <View className='home-top-bg-img' style={{ backgroundImage: `url(${hometop})`, backgroundSize: '100% 100%' }}> <Text c

关于小程序的屏幕适配。我们首先需要分清以下几个概念，pt px rpx这是我们进行屏幕适配的基础，如果对于上述概念还不清楚的同学可以参考这篇文章微信小程序 px和rpx px和pt 深度解析_lee727n的博客-优快云博客_px rpx通过这篇博客我们深入的研究一下rxp。想要理解rpx首先看一张图，理解一下pt和px如图所以 pt和px是有对应关系的 不同的机型 会有1倍2倍3倍的对应关系：pt 称为逻辑分辨率 和 和屏幕的尺寸有关系 屏幕大 逻辑分辨率就多 ，屏幕小 逻辑分辨率就小px 称为物理

taro小程序的函数式组件实现微信小程序的分享功能。看到网上的帖子都是类组件实现的。函数式组件资料很少。爬完坑，写一个方便大家查阅首先，需要打开显示转发按钮，这个时候即使没有做任何设置。也是可以点击发送给好友的。最开始的默认状态打开转发按钮 useEffect(() => { Taro.showShareMenu({ withShareTicket: true }) }, [])然后继续 如果想要分享给好友或是朋友圈 需要监听分享按钮..

taro获取时间戳和微信的还不太一样。有些方法taro里并不支持，会报错。这里整理了taro小程序可以用的获取时间戳方法。如下 var timestamp = (new Date()).valueOf();//获取当前毫秒的时间戳，准确！ const timestamp = parseInt((new Date().getTime() / 1000).toString()); //秒级时间戳 console.log('开始答题时间戳-----', timestamp ).

需求中，需要对考试记录答题时间，需要跨越多个页面。答题，签名，交卷，多个页面需要一个统一的计时器。这里我们采用时间戳的方式解决。计时开始 const temp = parseInt((new Date().getTime() / 1000).toString()); //当前时间 console.log('开始答题时间戳-----', temp) setstartstamp(temp)计时结束，计算全部时间 const nowDate1 = parseInt(

taro小程序实现签名上传，发现介绍的很少，所以整理出来给大家一些帮助。首先canvas画板会生成一个图片。这个图片只是一个路径。不同于自己写的上传接口。将图片data发送给后台。这里我们看不到临时路径里的路径。所以需要借助uploadfile的方法。将路径的内容传到指定位置 // 生成图片 Taro.canvasToTempFilePath({ canvasId: 'canvas', success: res => { console.l

答题卡需求，如果对应题目没有作答。答题卡上显示出未作答状态。效果如下 contentList.map((item, index) => { let isAnswer = item.optionList.every(checkIsAnswer); return ( <View className='DataCi.

const pages = getCurrentPages() const current = pages[pages.length - 1] const eventChannel = current.getOpenerEventChannel() eventChannel.emit('someEvent', { queNumber: idx });TARO中需要用上述方法才能获取到eventChannel 具体的使用参考另一篇博文https://blog.cs...

需求如下A页面考试题，B页面答题卡。当我们从答题卡选中一道题，跳回上一个页面并且滚动到对应的题目。通常来说，往上一个页面传值我们可以用getCurrentPages 拿到上一个页面 然后去setstate上一个页面的值。但是函数组件没有setstate我们就需要换中思路。使用eventChanelhttps://taro-docs.jd.com/taro/docs/apis/route/EventChannel官方文档如上，写的非常简单。没有基础的基本看不懂。这里我们可以参考一下微信的文档h