微信小程序认知、安装与demo学习摘要
这是一款来自小程序免费开发制作网的小程序demo源码,希望大家喜欢。
一:认知
1. 技术架构
(此图片来源于网络,如有侵权,请联系删除! ) 2.前端的视图wxss样式定义类似css的样式表,定义页面元素的样式 wxml标签语言对html的扩展,定义我这里面会有那些组件,会有那些元素里面。更多的是做渲染 js 触发事件定义触发后又后端的那些程序来处理 3.后端的server很多接口以jsapi的方式提供 官网地址地址1 工具 例子 二:组件和数据绑定
三:下载安装 1.下载和安装开发程序下载地址:开发者文档
注意点:
2. 熟悉开发工具的使用3. 熟悉目录架构四:demo学习 1. 项目核心文件app.js app.js是小程序的脚本代码。我们可以在这个文件中监听并处理 app.json app.json 是对整个小程序的 app.wxssapp.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。
2. 页面核心文件页面目录和配置以及小程序首页微信小程序中的每一个页面的【路径+页面名】都需要写在 app.json 的 pages 中,且 pages 中的第一个页面是小程序的首页。 页面组成每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:
.js后缀的文件是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件,.wxml后缀的文件是页面结构文件。 注意:目录名称和文件名称最好一样 index.js index.js 是页面的脚本文件,在这个文件中我们可以监听并处理 index.wxssindex.wxss 是页面的样式表, 样式的覆盖,继承和和重写页面的样式表是非必要的。当有页面样式表时,页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表,也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。 index.jsonindex.json 是页面的配置文件: 配置的覆盖,继承和重写页面的配置文件是非必要的。当有页面的配置文件时,配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件,则在该页面直接使用 app.json 中的默认配置。 demo片段
|
免责声明:本站所有文章和图片均来自用户分享和网络收集,文章和图片版权归原作者及原出处所有,仅供学习与参考,请勿用于商业用途,如果损害了您的权利,请联系网站客服处理。
本资源来自易用通,如有侵权,请联系站长。
本站为避免不必要的纷争,分享的所有资源中一切可能有版权风险的资源将全部转载自第三方网站或平台,站长只为大家提供相关资源的介绍和跳转引导。 因可能有疏忽大意,所以如有遗漏资源侵犯了您的合法权利,请联系站长删除。
【小程序源码网资源下载使用说明】:
本站所分享的一切QQ小程序源码,thinkphp整站源码,微信小程序源码,图文教程等资源仅供用户学习参考使用,任何人不得作其他用途,违者自行承担所有责任。
【小程序源码网毫无人看的介绍】:
本站又称Z站,原名贼娘网,开站于2018年,换过三任站长,目前站长是第四任站长,本站是一个主要分享免费开源小程序源码/网站源码/免费素材/教程资源的网站,主要小程序资源有用于学习的小程序源码,也有正版原创可商用的小程序源码,是一个公益博客型网站。
【小程序源码网原创源码版权申明】:
未经小程序源码网许可,任何人不得擅自使用本站原创首发源码进行商业行为(除本站VIP用户在期限内,版权无使用限制),否则将依法承担相应赔偿责任。
【小程序源码网转载文章版权申明】:
本站所转载的QQ小程序或微信小程序源码与其他资源仅供学习,任何人不得作其他用途,违者自行承担所有责任。
【小程序源码网站长最后的屁话】:
如有您认为本站有任何侵犯您合法权益的文章,或者您有什么疑问需求,欢迎联系站长QQ,站长24小时在线,备注公司名称和源码版权问题或者需要小程序定制开发等站长业务类型可急速处理,如果您只是交流小程序的一些开发问题或源码问题可以加入QQ群讨论,就不用加站长啦,对于白嫖党,QQ群才是处理问题的天堂,当然站长也欢迎大家骚扰~
小程序源码网 » 微信小程序认知、安装与demo学习摘要