前端开发日记
文章平均质量分 54
chen_x_w
硬件专业的前端萌新,请各路大佬多多赐教
展开
-
移动端适配rem、rem的计算、一套pxtorem配置适配pc端h5端
在这里,你将 rootValue 设置为 75px,而设计稿的宽度是750px,因此根元素的字体大小会被设置为 (75 / 750) * 100% = 10%。这时候使用相同的 rootValue 和 html font-size 是不合理的,因此需要根据不同端使用不同尺寸换算,那么问题来了,当 rootValue 为75px时, 1920px 的设计稿, font-size为多少呢。计算出 1920px 所对应的 font-size 之后,我们还需要进行第二步,判断用户在哪个端打开页面。原创 2023-12-11 17:12:22 · 311 阅读 · 0 评论 -
js 数组根据某个字段进行分组
前言: 接上一条博文账单页面月份悬浮,在那个功能中,有一个数据处理,将后端同事返回的一维数据进行月份抽取分组成二维数据,今天分享一下抽取的封装的方法,可直接服用。方法如下:/** * 数据处理 * @param arr [Array] 被处理的数组 * @param group_key [String] 分组字段*/function formattingData (arr, group_key){ let map = {} let res = [] for (let原创 2021-10-08 16:05:51 · 2797 阅读 · 0 评论 -
微信小程序-账单页面月份悬浮替换
实现效果如图所示,废话不多说下拉看代码首先,在wxml文件中进行数据遍历渲染,并添加定位view<view class="container"> <!-- 悬浮窗内容 --> <view class="item_top suspension" wx:if="{{is_suspension}}"> <picker mode="date" value="{{m.formattingDate(list[suspension_ind原创 2021-08-23 18:16:21 · 871 阅读 · 4 评论 -
微信小程序-动态获取appid
微信小程序动态获取appid使用wx.getAccountInfoSync();方法。具体实现方法如下:var accountInfo = wx.getAccountInfoSync();var appid = accountInfo.miniProgram.appId;console.log(appid)原创 2020-08-27 10:46:28 · 1594 阅读 · 0 评论 -
微信小程序--标签展开收起动画
微信小程序标签展开收起动画,使用css3的transition当高度变化时触发过渡效果,此方法需要固定高度,如果高度不固定,需要手动获取高度。<view class="children flex flex-warp" style="height: {{item.childrenHeight}}px;" >children中初始化高度为0,通过点击事件修改height的高度,触发transtion过渡效果。.children { height: 0; padding: 0;原创 2020-08-04 14:57:51 · 2552 阅读 · 4 评论 -
js复制input中的值
直接上代码<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js" type="text/原创 2020-07-17 18:06:43 · 277 阅读 · 0 评论 -
IOS系统中使用new Date()报错valid Date
场景重现:最近公司开发移动端添加直播,设置开播及下播时间,使用微信提供的日期,时间选择器,返回的value为 ‘2020-01-01’ 及 ‘10:00’ 格式。由于接口需要上传时间戳,因此使用下面函数生成。getTime(dateString) { var date = new Date(dateString); return Math.round(date.getTime() / 1000); // 生成十位数时间戳返回},开开心心交完需求后,测试说苹果手机一直出问题,安卓原创 2020-07-16 17:55:46 · 923 阅读 · 0 评论