加载中 ...
首页 > 新闻资讯 > 小程序 正文

有什么方法可以构建微信小程序h5

2019-07-12 21:26:17 来源:沈阳小程序开发 作者:沈阳软件开发

在微信小程序中运行h5页面并不意味着使用Web视图组件来执行此操作?实际上,使用web-view组件可以满足运行h5页面的要求,但是web-view组件仍然有一些限制:它不支持个人类型和海外类型小程序,不支持全屏,页面和小程序通信不方便,很多小程序接口不能直接调用。2-1ZF6204121U0.jpg那么,还有其他方法吗?首先给出答案,是的。运行环境h5页面在Web环境中运行,小程序本身也是基于Web的,那么为什么没有办法让h5直接在小程序中运行?原因是小程序的独特操作环境。以小程序页面为例。通常,小程序页面至少包含三个文件:wxss文件,wxml文件和js文件。 wxml文件和wxss文件构成页面的视图层,js文件属于页面的逻辑层。在小程序中,视图层和逻辑层在不同的线程中执行。 小程序中所有页面的逻辑层都在js线程中运行,而视图层在单独的视图线程中。通常页面对应于视图线程。为了控制性能,不允许用户拥有不受控制的汇海视图线程,因此页面堆栈数量有限制(目前最多允许10个层)。视图线程中有类似浏览器的环境,但只有页面的视图层在其上运行,并且页面的呈现完全基于另一个js线程传输的数据。 js线程是一个纯粹的js环境。您要调整的dom/bom接口(例如document.getElementById和location.href)不可用。你只能在这里执行js代码,调用官方接口和页面逻辑。该层正在这样的线程中运行。出现这个问题,页面会呈现像,基于初始模板和数据,你要调整界面来修改页面结构,门是不是〜程序开发小程序这样的特殊操作环境,使其发展模型也比较替代,但仍有许多人希望能够集成开发过程,每端都有一个代码。那么当限制如此之大时你会怎么做?市场上有一些基于反应或反对的工具。它们要求您使用react或vue来编写页面。构建工具编译为每个环境中的可执行代码,因为react和vue由数据驱动。组件化框架限制开发人员在一定程度上直接调用dom/bom接口,因此可以方便地实现代码的编译和转换。 PS:由于小程序本身的局限性,react和vue的一小部分功能并不完全兼容,但大多数实现都没问题。但这不是我想要的,因为它们非常漂亮,但仍有许多开发限制,你必须选择其中一个vue,react和其他框架来使用。我想要的是一个更原始的,更低级别的大的,底层是除了vue,react之外,你甚至可以在小程序中使用jQuery。如果目标太大,它会拉鸡蛋。必须遵循至少一个想法。回到前面提到的,小程序的逻辑层运行在一个纯粹的js线程中,没有做到。 m/bom接口,只能运行页面逻辑层的代码,那么我们想办法在逻辑层建一棵dom树,把基本的dom/bom接口都模拟出来不就行了么?乍一想好像可以,但是这里隐藏着一个问题:逻辑层中dom树的变更要如何转变成数据并更沈阳小程序开发

xx ad.jpg

视图图层的新功能?这里重点:小程序提供自定义组件并支持递归引用。换句话说,我们可以将h5中的dom节点(如div,span和ul)转换为自定义组件。逻辑层中的每个dom节点将对应于视图层中的自定义组件实例。节点已更新,我们发现相应的自定义组件实例已更新。

“沈阳软件公司”的新闻页面文章、图片、音频、视频等稿件均为自媒体人、第三方机构发布或转载。如稿件涉及版权等问题,请与

我们联系删除或处理,客服QQ:55506560,稿件内容仅为传递更多信息之目的,不代表本网观点,亦不代表本网站赞同

其观点或证实其内容的真实性。