如何入门微信小程序开发,有哪些学习资料

如何入门微信小程序开发,有哪些学习资料,第1张

程序使用的微信自己开发 MINA 框架,提供了视图层描述语言,WXML 和 WXSS 以及基于JavaScript的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。

大家都知道,针对一款app上面都是展示信息的,那么在小程序中,页面上信息的展示是如何的,接下来进行详细探索:

在微信小程序中,编写页面布局是在wxml文件中进行的,则在wxml文件中,使用<view></view>标签进行内容的包裹,类似html中的<div>,现在进行一个需求的编写,在页面上编写布局,并将js结尾文件中的处理数据进行展示到页面上;

indexwml

indexjs

编译项目,则页面展示如下:

从上面结果可以知道在wxml文件中使用{{}}可以将js文件中指定的内容展示在页面上,现在我们进行动态的展示数据,不需要展示起在page-data中固定的内容,修改js文件内容:

编译项目,显示结果如图:

由此可知,在js中动态的设置内容并将其更新到wml上,则使用 thissetData(),且修改的内容格式符合key:value。

就小程序页面数据展示就分析到这里,希望各位看官们有所收获,有什么错误的地方还望指出!!

「微信小程序」剖析(一):运行机制

从‘微信web开发者工具’ IDE 中的代码下手,对「微信小程序」如何与 IDE 之前进行交互做了详细的介绍。并介绍了 IDE 如何将 WXML 代码和 WXSS 转换为对应的 HTML 和 CSS ,以及如何打包的一些基本情况:日期命名的wx文件、1M 大小的文件限制、APP 上传地址。

「微信小程序」剖析(二):框架原理

对 MINA 框架进行中的 APP 与函数间的关系进行了分析。从 WX 标签到 Virtual DOM 生成的方法,以及程序如何调用这个方法来生成 Virtual Dom 。并由其中的 exparser 部分来推理出,小程序由 WebView 和 Native 两部分组成的机制。以及在开发时、运行时,两种不同的 JavaScript 文件机制。

「微信小程序」剖析(三):让小程序运行在Chrome浏览器上

展示了如何在普通的浏览器上运行「微信小程序」应用。并使用 Gulp 结合‘微信web开发者工具’中的vendor文件 wcc 和 wcsc 来构建自动化的转化 WXML 和 WXSS 为 HTML 和 CSS,从而搭建独立于开发者工具的开发环境。

「微信小程序」剖析(四):原生的实时DOM转Virtual DOM

介绍了‘微信web开发者工具’中所使用的 WCC 文件的一些技术原理。即它可以将 WXML 文件转化为基于 JSON 的 Virtual DOM。以及 Virtual DOM如何去解析这个 JSON 文件,并在这个过程中进行数据绑定和函数绑定。

微信小程序应用号 *** 作教程

1首先您可以打开微信,进入微信小程序应用号功能。

2然后在这里面您可以看到很多常用的app,无需另外单独下载,使用起来非常的方便。

3点击一个应用程序,里面的功能跟单独的app是一样的,退出即可关闭,基本不怎么占用内存,是不是感觉特别的棒!

微信小程序应用号 *** 作视频

以上就是关于如何入门微信小程序开发,有哪些学习资料全部的内容,包括:如何入门微信小程序开发,有哪些学习资料、微信小程序入门(四):页面数据展示、如何入门微信小程序开发,有哪些学习资料等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10627004.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-10
下一篇 2023-05-10

发表评论

登录后才能评论

评论列表(0条)

保存