企业资讯
首页 > 资讯中心 > 企业资讯 > pipelinewxml和wxss当我们修改完WXML、WXSS的时候

pipelinewxml和wxss当我们修改完WXML、WXSS的时候

发布时间:2021-03-16    来源:广州网站优化公司     浏览次数:

微信小程序”的开发框架还不错,它带有自己的UI框架。但是问题在于他的IDE表现很差-实际上,这主要是因为我购买了多年的WebStorm许可证。因此,我认为他的IDE确实不如我的IDE易用。

此外,作为“ GitHub中国首席Markdown程序员”,他倡导自由和开源。 “微信小程序”中的微信会导致网络打开和关闭,我们再也无法愉快地共享我们的代码了。

如果我们放任不管,那么网络世界的未来将令人担忧。

好的,废话已经结束了

这篇文章太长了,我不想读它,你可以看一下演示哈哈:

源代码:

预览:

微信winphone 小程序_微信小程序_微信小程序

现实世界中MINA的三个基本要素

“微信小程序”后面是一个名为MINA的框架。在之前的文章中,我们几乎介绍了它。现在让我们介绍一下管道:

转换wxml和wxss

完成WXML和WXSS的修改后微信小程序,我们需要重新编译项目以查看对浏览器的影响。这时,一些转换动作将在后台执行:

wcc将wxml转换为genrateFun,执行此方法将获得虚拟dom wxss将wxss转换为css,这是值得商question的。

可以从供应商目录中获得

wcc和wxss,在“微信Web开发人员工具”下键入help广州SEO,您将获得以下内容。运行openVendor(),您将获得以上四个文件:wcss,wxss微信小程序,WAService.js和WAWebview.js。

转换js文件

微信winphone 小程序_微信小程序_微信小程序

对于js文件,这是一个组装过程。以下是我们的app.js文件:

App({
onLaunch: function () { }
})

转换后,它将变为:

define("app.js", function(require, module){var window={Math:Math}/*兼容babel*/,location,document,navigator,self,localStorage,history,Caches;
        App({
            onLaunch: function () {
            }
        })
});
require("app.js");

我假装你已经知道这是什么了,无论如何,我不想,而且我也不会解释它~~。同样适用于:

define("pages/index/index.js", function(require, module){var window={Math:Math}/*兼容babel*/,location,document,navigator,self,localStorage,history,Caches;
        Page({
            data: {
                text: initData
            }
        });
    require("pages/index/index.js");

关于它是如何替换或附加到html的,我将不作解释。

MINA如何工作?

微信小程序_微信winphone 小程序_微信小程序

要运行Page,我们需要有一个虚拟dom,这是由wcc转换的函数,例如:

 /*v0.7cc_20160919*/
        var $gwxc
        var $gaic={}
        $gwx=function(path,global){
            function _(a,b){b&&a.children.push(b);}
            function _n(tag){$gwxc++;if($gwxc>=16000){throw 'enough, dom limit exceeded, you don\'t do stupid things, do you?'};return {tag:tag.substr(0,3)=='wx-'?tag:'wx-'+tag,attr:{},children:[]}}
            function _s(scope,env,key){return typeof(scope[key])!='undefined'?scope[key]:env[key]}
            function _wl(tname){console.warn('template `' + tname + '` is being call recursively, will be stop.')}
            function _ai(i,p,e,me){var x=_grp(p,e,me);if(x)i.push(x);else{console.warn('path `'+p+'` not found from `'+me+'`')}}
            function _grp(p,e,me){if(p[0]!='/'){var mepart=me.split('/');mepart.pop();var ppart=p.split('/');for(var i=0;i

上一篇:广州网站建设哪家好等几个方面给你介绍下

下一篇:微信官方Demo快速搭建小程序,如何做服务端配置

返回顶部

售前客服QQ

售后客服QQ

加微信交谈

加微信交谈