首页 > 编程语言 >圈子系统小程序,APP构架讲解说明

圈子系统小程序,APP构架讲解说明

时间:2023-06-14 12:35:56浏览次数:58  
标签:WXML DOM 微信 APP 程序 JS 讲解 构架 app

本系统采取独立部署,放置在购买者自己的服务器上面,从而实现自己二开的愿望。

部分免费源码展示

完全免费源码咨询

圈子系统小程序,APP构架讲解说明_APP

圈子系统小程序,APP构架讲解说明_圈子系统_02

小程序基础知识

 小程序是基于WEB规范,采用HTML、CSS和JS等搭建的一套框架,微信官方给它们取的名字:WXML、WXSS,但本质上还是在整个WEB体系之下构建的。WXML说到底就是xml的一个子集。WXML采用微信自定义的少量标签WXSS,大家可以理解为就是自定义的CSS。实现逻辑部分的JS还是通用的ES规范,并且runtime还是Webview(IOS WKWEBVIEW、ANDROID X5)

1、小程序的组成结构

 一个完整的小程序主要由以下几部分组成:

 一个入口文件:app.js

 一个全局样式:app.wxss

一个全局配置:app.json

圈子系统小程序,APP构架讲解说明_微信_03

渲染流程

 把开发者的 JS 逻辑代码放到单独的线程去运行,但在 Webview 线程里,开发者就没法直接操作 DOM。

 那要怎么去实现动态更改界面呢?

 如上图所示,逻辑层和试图层的通信会由 Native (微信客户端)做中转,逻辑层发送网络请求也经由 Native 转发。

这也就是说,我们可以把 DOM 的更新通过简单的数据通信来实现。

 Virtual DOM 相信大家都已有了解,大概是这么个过程:用 JS 对象模拟 DOM 树 -> 比较两棵虚拟 DOM 树的差异 -> 把差异应用到真正的 DOM 树上。

圈子系统小程序,APP构架讲解说明_APP_04

标签:WXML,DOM,微信,APP,程序,JS,讲解,构架,app
From: https://blog.51cto.com/u_16127721/6476653

相关文章

  • Error: Failed to download metadata for repo ‘appstream’ – CentOS 8
    错误:Error:Failedtodownloadmetadataforrepo'appstream':Cannotprepareinternalmirrorlist:NoURLsinmirrorlist解决办法:TomigratefromCentOS8toCentOSStream8,runthefollowingcommands:dnf--disablerepo'*'--enablerepo......
  • 直播app源码技术之直播间内消息发送与接收的实现
     在日常生活中,很多人有看直播的习惯,直播也给这些人带来了欢乐,不仅仅是因为直播间里的主播的直播内容的精彩,还有就是他们可以在直播间里进行互动,当然,互动的方式有很多,像是送礼物、点赞、发红包等等,今天我要说的互动方式和这些都不同,但是确是用户观看直播app源码平台直播的主要互......
  • 一个android文本比对app的实现(二)--界面
    <spanstyle="font-family:Arial,Helvetica,sans-serif;background-color:rgb(255,255,255);">继上一篇博文大致介绍了这一简单但有点用处的app后(详情:</span><spanstyle="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;b......
  • 一个android 文本比对App的实现(一)
    做c++开发很多年了,从早年windowsvc6.0做客户端程序开发,这些年后台流媒体服务器后台开发。随着时代变迁,移动互联逐渐兴起,直到现在,移动互联的风头早已盖过传统互联网应用,因而传统后台开发似乎日渐式微。如今要找工作的话,android,IOS等开发的职位不但数量远远多于c++,而且报酬也要比c+......
  • uniapp 更新依赖到指定版本解决uniAPI不可用问题
    我解决的问题:在项目中使用uni.startLocationUpdate(OBJECT)报错:uni.startLocationUpdateisnotafunction 怀疑是版本问题,当时的版本......
  • uniapp 不显示原生导航
    自定义导航栏使用注意当navigationStyle设为custom或titleNView设为false时,原生导航栏不显示//pages配置部分页面{"path":"pages/default/systemError","style":{"navigationBarTitleText":"系统异常","navigationS......
  • SpringBoot启动类@SpringBootApplication注解
    在springBoot的启动类中,提供了一个mai函数的程序入口,来启动加载SpringBoot程序,那么注解@SpringBootApplication,通过源码可以看到,它相当于@ComponentScan+@EnableAutoConfiguration+@SpringBootConfiguration。通过@SpringBootConfiguration注解的源码得知,其配置了一个@Confi......
  • UIViewController生命周期方法viewDidLoad、viewWillAppear和viewDidAppear
    UIViewController生命周期方法viewDidLoad、viewWillAppear和viewDidAppear 这3个方法执行顺序为:viewDidLoad-》viewWillAppear-》viewDidAppear  viewDidLoadCalledaftertheviewhasbeenloaded.Forviewcontrollerscreatedincode,thisisafter-loadView.Forviewc......
  • 关于self.view.window与viewDidLoad、viewWillAppear、viewDidAppear
    关于self.view.window与viewDidLoad、viewWillAppear、viewDidAppear 在进入一个界面(UIViewController),如果要在进入的时候使用self.view.window,那么必须在将使用代码放在viewDidAppear方法中,而viewDidLoad、viewWillAppear中self.view.window.frame为0{{0,0},{0,0}}。 -(void)......
  • 【Azure 应用服务】Azure Data Factory中调用Function App遇见403 - Forbidden
    问题描述在AzureDataFactory(数据工厂)中,调用同在Azure中的FunctionApp函数,却出现403-Forbidden错误。截图如下:  问题解答访问AzureFunctionApp遇见403-Forbidden错误,这是因为FunctionApp启用了限制访问功能,在其中配置了允许访问的IP地址列表,而从ADF中发出的请求使用的I......