码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 微信小程序 - 渲染和逻辑


    通信模型

            小程序使用双线程架构,渲染层的界面使用了WebView 进行渲染(一个webview对应一个线程);逻辑层采用JsCore线程运行JS脚本。

            渲染层和逻辑层通过微信底层进行通信,渲染层将事件传递给逻辑层,逻辑层将数据传递给渲染层。

          数据驱动

            WXML和js逻辑代码setData设置的model值会被解析成js对象,js对象被解析成虚拟dom。

      当虚拟dom发生变更,会更新变化的内容到真实的dom上。

    判断json对象是否相等算法

    1. public class JsonUtil {
    2. public static class JsonObject { }
    3. @Data
    4. public static class JsonItemObject extends JsonObject {
    5. private Map elements;
    6. }
    7. @Data
    8. public static class JsonArrayObject extends JsonObject {
    9. private List elements;
    10. }
    11. /**
    12. * 判断两个json对象是否相等
    13. * @param o1 json对象
    14. * @param o2 json对象
    15. * @return
    16. */
    17. public static boolean equals(Object o1, Object o2) {
    18. if (o1 instanceof JsonItemObject) {
    19. for (Map.Entry entry : ((JsonItemObject) o1).elements.entrySet()) {
    20. String key = entry.getKey();
    21. Object o1ItemValue = entry.getValue();
    22. Object o2ItemValue = entry.getValue();
    23. if (!equals(o1ItemValue, o2ItemValue)) {
    24. return false;
    25. }
    26. }
    27. return true;
    28. } else if (o1 instanceof JsonArrayObject) {
    29. for (int i = 0; i < ((JsonArrayObject) o1).elements.size(); i++) {
    30. Object o1ArrayItem = ((JsonArrayObject) o1).elements.get(i);
    31. Object o2ArrayItem = ((JsonArrayObject) o2).elements.get(i);
    32. if (!equals(o1ArrayItem, o2ArrayItem)) {
    33. return false;
    34. }
    35. }
    36. return true;
    37. } else {
    38. return Objects.equals(o1, o2);
    39. }
    40. }
    41. }
    42. 相关阅读:
      xlwings笔记
      安装elasticsearch8.0.1之后无法访问9200Empty reply from server
      Mybatis-Plus之单表操作和分表查询
      【光学】基于matlab迈克尔逊干涉仪动态仿真【含Matlab源码 2054期】
      深入解析MySQL死锁:原因、检测与解决方案
      基础sed命令
      SpringBoot在线电子商城管理系统
      探测SiTime硅晶振输出的实用指南
      【JAVA-Day26】数组解析:什么是数组?如何定义?
      嵌入式硬件库的基本操作方式与分析
    43. 原文地址:https://blog.csdn.net/qq_37011724/article/details/136380409
      • 最新文章
      • 沪漂五周年了:我越来越迷茫了
        Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
        MySQL-Seconds_behind_master的精度误差
        [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
        AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
        Agent OS :五种驯服不确定性的范式
        PortSwigger SQL注入LAB11
        数据库即时编译JIT
        [Begin]AI Learn Data Day 0
        深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
      • 热门文章
      • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
        奉劝各位学弟学妹们,该打造你的技术影响力了!
        五年了,我在 CSDN 的两个一百万。
        Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
        面试官都震惊,你这网络基础可以啊!
        你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
        心情不好的时候,用 Python 画棵樱花树送给自己吧
        通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
        13 万字 C 语言从入门到精通保姆级教程2021 年版
        10行代码集2000张美女图,Python爬虫120例,再上征途
      小工具 小游戏
      Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

      京公网安备 11010502049817号