Blog
  • README
  • Daily-life
    • 关于简历
    • 如何做好劳逸结合
    • 探索历程
    • 如何走出个人舒适圈
    • 怎样提升领导能力
    • 个人装换机之 Windows 系列
    • 工作之余 - 技能修炼
    • Search: 业余的专业搜索技能
    • 自我迭代
    • 优秀的自我介绍很重要
    • 工作心得
  • Checklist
    • 开发自检清单
    • 代码教鞭:不值得犯第二次的错
  • Docs
    • Bash: 入门重点
    • CSS 特殊用法
    • ChatGPT 使用总结
    • Console
    • Corn 表达式
    • DOS command
    • Emoji: 供日常学习、查询及使用
    • Git 命令集
    • GitBook
    • Github Action
    • Github
    • HTTP: 小知识巧总结
    • JS 精选
    • Jest learning manual
    • License: 解说
    • Mac
    • Markdown
    • 小程序
    • NPM and Plugin Guide
    • 渐进式 Web 应用(PWA)
    • Regexp
    • Rollup
    • SEO
    • SQL
    • 专业名词
    • Testing
    • TypeScript
    • Vue - fragment knowledge
    • Web API
    • 站点:那些可以经常逛逛的开发工具网站
    • Webpack
    • Windows 之路遇精彩
  • Project
    • README 模板:Project Name
    • 借鉴-项目规范
  • React
    • Antd typescript
    • React: 总结整理
    • React Hook - 速览
    • React-生命周期方法转 Hooks-1
    • React: 生命周期方法转 Hooks-2
    • Redux
    • React router
    • useEffect
  • Share
    • StartToGit
    • 3步自动同步你的 Github 仓库到 Gitee 仓库
    • 软考高级“信息系统项目管理师”考试忠告
    • 轻松使用WebWorker,解放耗时较大的算法代码
  • Tool
    • 最好的工具: 理解并使用那些耳目一新的巧工具
    • IntelliJ IDEA
    • VS Code:发挥应有的效率
  • Office
    • Excel 常用操作
    • Word: 文档操作精选技巧
由 GitBook 提供支持
在本页
  • 小程序的双线程
  • 小程序的端侧资源更新机制
  • 小程序开发者工具
  • 特点
  • 踩坑记录

这有帮助吗?

  1. Docs

小程序

采用了 Hybird - 混合的架构模式

小程序的双线程

  • 渲染线程:使用 Webview 渲染 UI。

  • 逻辑线程:使用类似 Web Worker 的独立线程运行逻辑。通过 setData 更新数据的方式异步更新 UI。

小程序的端侧资源更新机制

  • 未启动时: 指的是小程序处于非活跃状态时(比如处于后台)。微信客户端会在“若干个时机”去检查缓存中的小程序有没有新版本,如果有会默默把新版本资源拉取到本地缓存中。

  • 冷启动时: 小程序被销毁重新打开后会进入冷启动状态。微信客户端会主动检查是否有新版本,同时会向用户展示缓存中的旧版本。有新版本的话会默默地拉取到本地,然后在用户再次触发小程序冷启动时展示给用户。也就是说,需要两次冷启动才能将最新版本的小程序展示给用户。

小程序开发者工具

  • 二维码预览时效 25分钟

特点

  • rpx(responsive pixel): 可以根据屏幕宽度进行自适应

    设备
    屏幕宽度
    rpx换算px
    px换算rpx

    型号

    W 像素

    W / 750

    750 / W

    iPhone5

    320x2=640

    1rpx = 0.42px

    1px = 2rpx

    iPhone6

    375x2=750

    1rpx = 0.5px

    1px = 2rpx

    iPhone6 Plus

    540x2=1080

    1rpx = 0.552px

    1px = 1.81rpx

踩坑记录

  • 人民币货币符号显示问题:¥ 在 Android 中显示 ¥,但应该显示¥

复制¥,解决此问题

上一页Markdown下一页NPM and Plugin Guide

最后更新于3年前

这有帮助吗?