开启左侧

微信小程序开发代码基础知识

[复制链接]
木鱼小铺 发表于 2019-1-29 14:43:09 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
众所周知,微信小程序开发是一门技术活,没有一定编程和代码能力能难做好微信小程序。下面木鱼小铺(https://www.muyu007.cn)就和大家分享一下微信小程序开发代码基础知识,让大家更好的来了解一下微信小程序开发。

1.首先带大家来了解一下微信小程序开发代码文件格式

大家都知道微信小程序开发代码文件格式基本都是固定式的。每一个index代码文件夹里都包含了js、json、wxml、wxss格式,如图所示:
1.png


2.其次来了解一下微信小程序开发代码文件格式都代表什么意思

①Index.js主要是用来放逻辑代码文件,用来存储数据,如图所示:
2.png


这些代码,大家可能并不熟悉,下面就和大家详细介绍一下。

Page()这个主要是用于传入json数据,它用来处理所有的逻辑。

data:{}它主要是存放初始数据,页面中需要调用的数据一般都存放在里面。

{{motto}}和{{info.name}}都是调用方式。

click:是一种函数方法

click:function(){}:处理逻辑数据

②index.wxml主要是用来存放布局文件,如图所示:
3.png

③index.wxss主要是用样式文件,用来编写所有标签样式,比如字体、背景色配置等。如图所示
4.png

④index.json主要是用来保存配置文件,以键值对的形式来储存数据。

3.除了index代码文件,还有一个全局以app命名的文件

App命名文件同样包含着app.js文件、app.wxml文件、app.wxss文件、app.json文件。

①App.js文件是一种脚本代码,主要是用来存储本地数据。

②app.json是指微信小程序全局配置,主要是用设置页面的路径、小程序的窗口、背景色以及导航栏的样式、主题等、网络超时的时间以及底部tab等。

③pp.wxss文件是指微信小程序样式表。

以上详细的介绍了一下微信小程序开发基本知识,希望以上内容对大家有所帮助!





上一篇:国内大带宽32核32g高配低至599,不计成本的特价服务器
下一篇:新乡高防BGP服务器,智能过白企业网站5IP助力排名稳定又便宜

精彩评论1

几米阳光 发表于 2019-2-4 21:54:53 | 显示全部楼层

看看内容~学习学习~
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注0

粉丝0

作品10

发布作品
专注站长素材教程分享
全国免费热线电话

400-001-2588

周一至周日9:00-23:00

反馈建议

在线QQ咨询

扫描二维码关注我们

Powered by 源码专家© 2011-2019 Ymzj.Cn Inc.( 粤ICP备13005626号 )