小程序开发笔记

最新推荐文章于 2024-04-10 00:05:48 发布

Joey0428

最新推荐文章于 2024-04-10 00:05:48 发布

阅读量284

点赞数

分类专栏：小程序 wepyjs 文章标签：小程序 wepy

本文链接：https://blog.csdn.net/Jowe940428/article/details/80046222

版权

小程序同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

wepyjs

2 篇文章 0 订阅

订阅专栏

本人开发小程序的框架为wepy框架，该框架是仿vue风格的开发框架，所以对于有一定的vue开发经验的同学来说可能更为友好一点，地址是：wepy小程序框架，其官方文档地址为：wepyjs-小程序组件开发框架。
主要参考的UI框架为weui-wxss，GitHub地址为weui-wxss
在开发过程中使用了wx-charts图表插件，但是主要作者自17年下半年开始截止到现在（18.4.23）没有重大更新了，本人打算在接下来的小程序项目中使用echarts的官方开发的针对小程序的echarts-for-weixin表格插件进行接下来的表格方面的构建，相对于wx-charts的不能在组件中封装的问题，echarts-for-weixin则有对应的wepy组件封装使用方法：echarts-for-wechat-wepy，该组件解决了wx-charts无法封装的问题，但同时echarts-for-weixin组件无法使用Tooltip功能，但是wx-charts则可以。所以可以根据自己的需求对这两种插件进行选择。
wepy框架在使用时，需要关闭微信开发者工具的ES6转ES5、上传代码时样式自动补全、上传代码自动压缩三个选项，否则会引起不必要的错误

活动倒计时的实现：

let that = this
let totalSecond = 结束时间戳
      let timeCount = setInterval(() => {
        totalSecond--
        let remainHours = Math.floor(totalSecond / 3600)
        let remainMinute = Math.floor((totalSecond - remainHours * 3600) / 60)
        let remainSecond = Math.floor(totalSecond - remainHours * 3600 - remainMinute * 60)
        remainHours >= 10 ? (remainHours = '' + remainHours) : (remainHours = '0' + remainHours)
        remainMinute >= 10 ? (remainMinute = '' + remainMinute) : (remainMinute = '0' + remainMinute)
        remainSecond >= 10 ? (remainSecond = '' + remainSecond) : (remainSecond = '0' + remainSecond)
        that.countDown = remainHours + ' : ' + remainMinute + ' : ' + remainSecond + ' 后结束'
        that.$apply()
        if (totalSecond === 0) {
          that.countDown = '已结束'
          clearInterval(timeCount)
        }
      }, 1000)
      that.$apply()

6.小程序可以加载外部字体注意事项：

引入中文字体，体积过大时会发生错误，建议抽离出部分中文，减少体积，或者用图片替代
字体链接必须是https（ios不支持http)
字体链接必须是同源下的，或开启了cors支持，小程序的域名是servicewechat.com
canvas等原生组件不支持使用接口添加的字体
工具里提示 Faild to load font可以忽略

注：本篇文章只是个人在微信小程序开发过程中记载的需要注意的点，想到哪记到哪，可能内容分布很杂乱，但是能帮助到你们的话，倍感荣幸。