iis服务器助手广告广告
返回顶部
首页 > 资讯 > 移动开发 >android工程师学习微信小程序笔记④ 小程序渲染层和逻辑层
  • 689
分享到

android工程师学习微信小程序笔记④ 小程序渲染层和逻辑层

小程序程序学习微信小程序Android 2022-06-06 14:06:41 689人浏览 薄情痞子
摘要

正常来说,微信小程序是依赖于微信客户端上运行的,并且跟小程序基础库(包括了小程序的整个运行环境以及基础能力,跟具体小程序无关)版本有重大关联关系

正常来说,微信小程序是依赖于微信客户端上运行的,并且跟小程序基础库(包括了小程序的整个运行环境以及基础能力,跟具体小程序无关)版本有重大关联关系。

我们可以把

微信客户端
以及
小程序基础库
简称为
宿主环境
(就算去开发类似于百度小程序、字节跳动小程序、京东小程序,它们的概念都是想通的)。

小程序可以调用宿主环境提供的微信客户端的能力,这就使得小程序比普通网页拥有更多的能力。小程序会运行在

不同版本
(不同的微信客户端+不同基础库)的宿主环境下,因此针对各个版本的宿主环境做程序上的兼容也是在所难免的。

渲染层和逻辑层

小程序的运行环境分成

渲染层
逻辑层
,分工明确。

WXML
模板和
WXSS
样式工作在渲染层,负责展示数据
js
脚本工作在逻辑层,负责产生、处理数据,通过Page 实例或者Component实例的 setData 方法传递数据到渲染层。

WXML模板可以使用 view等 标签,其节点用 {{ }} 的语法绑定一个 数据变量;
WXSS 样式负责整体展示效果,类似于位置、宽高、字体颜色等等;
JS 脚本使用 this.setData 方法来修改数据变量达到动态修改 WXML显示内容;

通信模型

小程序的渲染层和逻辑层分别由

2个线程
管理:渲染层的界面使用了
WEBView
进行渲染;逻辑层采用
JsCore
线程运行JS脚本。

一个小程序存在多个界面,所以渲染层存在多个WebView线程,这两个线程的通信会经由微信客户端(下文中也会采用Native来代指微信客户端)做

中转
,逻辑层发送网络请求也经由Native转发,小程序的通信模型如图3-1所示。

博客专家 原创文章 152获赞 1013访问量 40万+ 关注 私信 展开阅读全文
作者:单片机菜鸟哥


--结束END--

本文标题: android工程师学习微信小程序笔记④ 小程序渲染层和逻辑层

本文链接: https://www.lsjlt.com/news/29660.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序 [渲染层网络层错误] failed to load font
    微信小程序报错: [渲染层网络层错误] Failed to load font http://at.alicdn.com/t/c/font...... 原因:我使用了阿里的iconfont字体图标,该url在我的小程序后台未备案 解决方...
    99+
    2023-09-02
    微信小程序 小程序 Powered by 金山文档
  • 微信小程序框架逻辑层是什么意思
    这篇文章主要为大家展示了“微信小程序框架逻辑层是什么意思”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信小程序框架逻辑层是什么意思”这篇文章吧。逻辑层(App Service)小程序开发框架的...
    99+
    2023-06-26
  • 解决微信小程序渲染层网络层错误 Failed to load media
    微信小程序引入网络视频的时候:出现 渲染层网络层错误 Failed to load media 给组件加入autoplay后错误消失,但是一进入页面就播放不是我想要的效果 添加下面代码: setTimeout(()=>{ wx.creat...
    99+
    2023-09-23
    微信小程序 小程序
  • 微信小程序报错:[渲染层错误] TypeError: Cannot read property ‘$$‘ of undefined
    报错细节 渲染层出错,滑动图片组件无法显示,(swiper是轮播图插件,因此错误应该出现在swiper组件的渲染中)如图: 报错原因 wxml在使用swiper组件时,未接收到数据,因此页面也不会渲染此项数据。 解决办法 到页面对应的j...
    99+
    2023-08-19
    微信小程序 小程序 前端
  • 微信小程序中视图层条件渲染的示例分析
    这篇文章给大家分享的是有关微信小程序中视图层条件渲染的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。具体内容如下使用wx:if进行视图层的条件渲染示例:wxml:使用vi...
    99+
    2024-04-02
  • 微信小程序如何实现列表渲染和条件渲染
    目录概述:循环渲染:渲染目标是列表时:渲染目标为字典时:总结概述: 要实现列表渲染我们首先要介绍一下< block标签. 该标签不会再列表中做任何渲染,一般当做容器使用. 我们...
    99+
    2024-04-02
  • 有效解决微信小程序加载视频[渲染层网络层错误] Failed to load media
    问题1,小程序的视频一般都是放在网络上的,没谁能把视频放本地把,所以在小程序视频插件在加载视频的时候,就会出现如下错误:[渲染层网络层错误] Failed to load media wxml加载视频代码如上图,有人说加上control...
    99+
    2023-08-22
    微信小程序 小程序
  • PHP学习笔记:微信小程序与公众号开发
    随着移动互联网的快速发展,微信成为了人们使用最广泛的社交媒体平台之一。为了满足用户的需求,微信提供了两种开发方式:小程序和公众号。本文将介绍如何使用PHP语言开发微信小程序和公众号,并提供一些具体的代码示例。一、微信小程序开发准备工作首先,...
    99+
    2023-10-21
    微信小程序 PHP学习 公众号开发
  • 微信小程序如何实现模版渲染
    这篇文章主要为大家展示了“微信小程序如何实现模版渲染”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信小程序如何实现模版渲染”这篇文章吧。微信小程序的界面程序支...
    99+
    2024-04-02
  • 微信小程序WXML条件渲染怎么用
    本文小编为大家详细介绍“微信小程序WXML条件渲染怎么用”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序WXML条件渲染怎么用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。需求按照位置闹铃程序的设计,当...
    99+
    2023-06-19
  • 微信小程序条件渲染怎么判断
    本文小编为大家详细介绍“微信小程序条件渲染怎么判断”,内容详细,步骤清晰,细节处理妥当,希望这篇“微信小程序条件渲染怎么判断”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。wx:if在框架中,我们用wx:if=&q...
    99+
    2023-06-26
  • C#程序员如何学习微信小程序
    这篇文章主要介绍了C#程序员如何学习微信小程序,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。起步客户端打开小程序的时候,就将代码包下载到本地...
    99+
    2024-04-02
  • 微信小程序如何重新渲染页面
    在小程序添加点击按钮实现重新渲染页面index.wxml文件<button bindtap="onrefresh">重新渲染</button>  //添加一个点击重新...
    99+
    2024-04-02
  • 微信小程序怎么实现列表渲染
    这篇文章主要讲解了“微信小程序怎么实现列表渲染”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序怎么实现列表渲染”吧!wx:for通过wx:for可以根据指定的数组,循环渲染重复的组件...
    99+
    2023-07-04
  • 【微信小程序】6天精准入门(第2天:小程序的视图层、逻辑层、事件系统及页面生命周期)
    一、视图层 View 1、什么是视图层 框架的视图层由 WXML 与 WXSS 编写,由组件来进行展示。将逻辑层的数据反映成视图,同时将视图层的事件发送给逻辑层。WXML(WeiXin Markup language) 用于描述页...
    99+
    2023-10-20
    小程序 微信小程序
  • 微信小程序页面渲染方式有哪些
    微信小程序页面渲染方式有条件渲染和列表渲染。条件渲染:wx:if, wx:else,hiddenwx:if条件渲染,条件为true渲染标签,为false不渲染,将它添加到一个标签上,代码:<view wx:if="...
    99+
    2024-04-02
  • 【微信小程序开发】小程序的事件处理和交互逻辑(最详细)
    前言 在微信小程序中,事件处理和交互逻辑是开发过程中非常重要的环节,它们直接影响到用户体验和功能实现。今天为大家继续详解小程序的事件处理和交互逻辑 文章目录 前言为什么要学习事件处理和...
    99+
    2023-10-26
    小程序 微信小程序 交互 1024程序员节 前沿技术
  • 微信小程序实现卡片层叠滑动
    本文实例为大家分享了微信小程序实现卡片层叠滑动的具体代码,供大家参考,具体内容如下 实现效果: 1.左右滑动时,向相应方向移动一个卡片位置;2.点击某一项时,将点击项位置移动到中间...
    99+
    2024-04-02
  • 小程序入门笔记(一) 黑马程序员前端微信小程序开发教程
    微信小程序基本介绍 小程序和普通网页有以下几点区别: 运行环境:小程序可以在手机的操作系统上直接运行,如微信、支付宝等;而普通网页需要在浏览器中打开才能运行。 开发技术:小程序采用前端技术进行开...
    99+
    2023-10-08
    小程序 笔记 前端
  • 关于微信小程序使用echarts/数据刷新重新渲染/图层遮挡问题
    1、微信小程序使用echarts,首先下载echarts并导入小程序项目中,因小程序后期上线对文件大小有要求,所以建议进行定制下载导入可减少文件大小占比,也可以下载以前旧版本文件比较...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作