记录下小程序项目中的一些问题

项目中遇到一些问题,不定期更新,多字预警。

1、富文本展示 text有一个decode可以解析textarea中的换行符 等符号 实现简单富文本展示 并且层级不会在最高级、可控制


image.png

2、wx.setStorageSync 微信同步保存缓存 调用过多可能会报错 本地保存10MB以内 如果数据过大 在少数手机上会保存超时 解决办法 过大的数据不保存在本地 用的时候直接获取网络请求或者本地请求 (项目中遇到一个两年前的华为手机,数据量较大时会超时报错) 使用sync推荐trycatch包裹、实际项目中某些手机会报错 推荐用异步方法 wx.setStorage({})

3、关于页面数据交互 两种解决办法

一种是使用内置方法getCurrentPage获取小程序路由堆栈[1]获取到需要操作的路由页操作对应的方法变量等,缺点就是一单夸多个路由或复杂场景无法维护代码可读性,推荐第二种

第二种方法使用订阅发布者模式、新建一个js用于处理发布订阅逻辑或者使用npm[2]

4、小程序网络请求可以封装在外部文件里 使用promise二次封装 提高开发效率、代码可读性,亦可统一处理header、request和response

5、setData({}) 方法是异步的 同一方法内尽量少调用 会冲突导致某个setdata方法没执行 切回导致元素重绘消耗性能 解决办法 尽量调用一次 越少越好

6、如果webview操作需要刷新自身的话 可以url后面加时间戳 防止因浏览器缓存没有刷新

7、小程序无法动态更改tabs 所有的tabs都是在app.json中配置好的 切最多支持五个 如果小程序要实现类似用户和管理者同时打开一个小程序而展示不同的页面信息的话 有两种方案

一种是 自制假的tabs 注入到需要用到的页面 体验不如原生完美有瑕疵

第二种 建立一个index入口页面 在入口文件中进行权限的逻辑判断 设置一个变量保存在本地 之后进入首页后进行判断 在onload中设置需要展示的tab名字图标等信息
wx.setTabBarItem({
    index: 0, //下标改变的
    text: "tab名字",
    iconPath: "/utils/icon/未选中",
    selectedIconPath: "/utils/icon/选择"
});

8、手机端和电脑端 通过获取时间戳的方法得到结果不一样 电脑端得到时间正常 手机端 获取时间戳 为了兼容iOS 需要写成 "2018-06-01T00:00:00"这种完整格式 得到的时间戳 需要减去8小时 才是正确的时间戳 注意月和日不足两位、保持两位

new Date("2018-06-01T00:00:00") / 1000 - 28800

9、部分安卓机 图片地址不能有空格 不然会识别不出来 比如 aa bb.png 需写成aa_bb.png

10、组件components可以使用微信提供的behaviors方法实现类似vue的mixins混入、页面page可以手动实现mixins,在微信Page(options)实例化page之前先处理一次options页面数据,判断有mixins就把需要注入的公共方法的所有方法打散到options里面 若有重复的进行覆盖合并

11、项目如果用到第三方框架那么复杂的封装可以使用webpack、gulp等模块打包开发工具自定义开发可以更加契合自身项目的业务场景、按需引入 scss 、 npm、 图片压缩等提高开发效率、缩小代码体积毕竟小程序有主体包2m 分包总大小8m的限制

12、一些特殊组件例如弹窗等可以参考vue 的函数式组件,通过小程的selectComponent方法实现插入,在需要用到的地方留一个锚点元素所有参数方法都在js使用中注入


image.png

  1. 小程序路由堆栈最多只有10条 超出替换数组最前面的

  2. Vue项目中可以使用发布订阅着模式页可以使用一个空的vue实例,通过vue内置方法$on、$emit、$off等也可实现 原理相同

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,558评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,002评论 3 387
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 159,036评论 0 349
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,024评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,144评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,255评论 1 292
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,295评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,068评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,478评论 1 305
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,789评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,965评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,649评论 4 336
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,267评论 3 318
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,982评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,223评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,800评论 2 365
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,847评论 2 351

推荐阅读更多精彩内容

  • 国家电网公司企业标准(Q/GDW)- 面向对象的用电信息数据交换协议 - 报批稿:20170802 前言: 排版 ...
    庭说阅读 10,936评论 6 13
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,644评论 18 139
  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,368评论 1 92
  • 早起醒来躺在床上,发呆,任思绪蔓延,看着时钟从12滴答滴答走一圈又回到12,感觉像极了人生。从出生到死亡再投胎循环...
    清心阁阅读 248评论 0 2
  • 2017-10-6 今天正式学习身体读茶,早上跟平时茶会差不多,一群茶友一起喝茶,静观身体的变化。 出差一个月回来...
    凤玥阅读 367评论 0 0