小程序开发json（小程序开发制作）
本篇文章给大家谈谈小程序开发json，以及小程序开发制作对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。
本文目录一览：
小程序前端开发（app.json配置）
官方链接：
单个页面的page.json会覆盖app.json中对于小程序window的设置，page和debug等不可以在page.json中被设置。
"window": {
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "微信接口功能演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
}
（tabBar最多可设置五个，再多就不会显示）
"tabBar": {
"color": "#444", 设置字体颜色
"selectedColor": "#219bf3", 设置选中字体颜色
"backgroundColor": "#e0e0e0", 设置背景颜色
"borderStyle": "white", 设置tab栏上边框颜色（可选只有white和black）
"position": "bottom", 设置tab位置（可选只有bottom和top）
"list": [
{
"text": "Index",
"pagePath": "pages/index/index",
"iconPath": "image/01.png", 设置tab栏图标
"selectedIconPath": "image/01-active.png" 被选中时的图标（颜色由图标本身决定
},
{
"text": "Demo",
"pagePath": "pages/demo/demo",
"iconPath": "image/02.png",
"selectedIconPath": "image/02-active.png"
}
]}
小程序如何使用json文件
【小程序】小程序读取本地json文件
1.在项目中新建data文件夹内新建存放json数据的js文件；
2.在存放json数据的js文件中定义出口（其中出口名称为regionList,数据名为json）;
3.页面引用：
1、let jsonData = require('../../data/region.js');
2、onload中给数据传入
_this.setData({
multiArray: jsonData.regionList[0].multiArray,
objectMultiArray: jsonData.regionList[0].objectMultiArray
});
小程序开发经验总结
最近一直在做小程序，工作中也遇到了一些问题，踩了一些坑，所以想着写篇文章记录下来，并借此将小程序开发的相关知识进行梳理，方便以后参考，也为刚刚接触小程序的人提供一些思路方法，互相学习，共同进步。
1、微信小程序的目录结构及配置说明
app.json是小程序的全局配置文件，所有配置项key必须使用 双引号括起来 ，value值为字符串类型的也必须使用双引号， 不支持单引号 。
1.1 pages
pages选项是必须配置的。该配置项注册了小程序所有页面的地址，其中每一项都是页面的 路径+文件名 。每一个页面都是由.json、.js、.wxml、.wxss四个文件组成，并且 四个文件的名字必须要一致 。
1.2 tabBar
tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。其中 list 接受一个数组，只能配置最少 2 个、最多 5 个 tab
1.3 usingComponents
使用自定义组件或者插件提供的组件前，必须先在这里声明
2、开发微信小程序遇到的问题及解决办法
2.1 双向绑定
微信小程序不支持通过v-model的方式实现自动双向绑定，需要给表单元素通过绑定事件，并使用this.setData来赋值实现。
2.2 computed和watch
微信小程序默认是不支持computed和watch的，如需要使用这两项功能，需要安装miniprogram-computed ，安装方法见 官方文档
2.3 对象赋值
如果给对象的属性赋值，可以使用this.setData({'obj.key':value})来赋值，但是如果给某个属性名是变量的属性赋值，通过这种方法是会报错的，经过多次尝试，发现使用如下的方式赋值成功。
let newObj = `obj.${key}`
this.setData({
[newObj]: value
})
2.4 scroll-view
当页面存在弹框容器，并且弹框里的内容是需要滚动条滚动展示时，如果弹框下面那层的容器使用view元素的话，会导致滚动弹框内容时，同时会触发弹框下面那层的页面容器也会一起滚动，解决此问题可以将弹框下面的容器使用scroll-view元素替代view元素
3、小程序测试和发布
由于服务器域名request合法域名每个月 只能修改5次 ，因此在本地开发小程序时，需要在微信调试工具中设置不校验合法域名。等小程序上线前再一次性将所有域名添加到小程序管理后台。
以上便是此次小程序开发中积累的一些经验，希望能给刚刚接触小程序的人提供一些思路方法，在以后的开发中，如果遇到新的问题，继续更新文档......
小程序开发需要哪些技术
1.前端基础，如JS、HTML、css。【点击查看小程序开发底价】
2.一门后台语言，如PHP、JAVA，后端什么语言都可以，自己定。
3.学习微信接口文档如果用到了微信本身相关功能，如支付、分享等功能，加个微信jssdk就可以了。
4.还需要美工，保证制作的小程序有美感。
想要了解更多有关小程序开发的相关信息，推荐咨询猪八戒网。猪八戒网成立于2006年，是中国领先的企业服务平台，服务交易独角兽企业。猪八戒网现有注册用户2800万、在全国布局线下数字化创业园区超过100个。十余年来，累计有10万余个人通过平台孵化成长为公司，超过100万人通过平台实现灵活就业，千万企业通过平台解决专业服务需求；专业性值得选择。
微信小程序是用什么技术实现的？
一、微信小程序的wxml
具有基本的编程经验的工程师，只有与wxml接触后，您才会发现该语言的编程概念类似于html网页的编程技术。经过一番研究和开发，您会知道微信小程序的要求技术含量不高，只是更换了一些标签，例如
已替换为等待状态。即使您不太擅长前端，转用微信小程序的发展也将是一个很好的方向。
二、微信小程序的wxss
wxss是微信的CSS。微信用自己的开发语言wxss代替了Web编程中使用的css；实际上，主要的实现思想与Web开发技术基本相同，并且它只是对某些标签的简单替换，其中大部分是原始的CSS，基本上是正确的。它们都是通过调用同一页面来实现的，但是可以说，微信小程序比Web开发更简单，更方便。例如，只要写入index.wxml和index.wxss，它就位于两个文件中。这两个文件同时位于同一目录中，就像直接在网页上写CSS一样，这既简单又快速。
三、微信小程序的js
如果要开发微信小程序，您必须精通微信小程序的js。只要您具有html+css+js的良好基础，就可以全力学习微信小程序js，然后在前端进行开发。上面没有问题，但是微信js需要努力学习。您可以购买参考书或了解微信小程序的API，它们可以快速帮助您参与开发队列。
四、微信小程序的json
掌握了以上几点之后，您需要掌握json。简而言之，json是微信小程序的主要和次要接口。工程师可以通过json控制上下菜单栏，主要和辅助页面的显示顺序。但是，使用频率不高。它仅适用于基本小程序的框架，但这也需要学习，因为除显示类型外，每个前端操作都需要与后端匹配，因为如果要使其放大，则必须之所以简化，是因为修改代码后，在迷你程序中搜索到的版本就是启动后的版本，即我们提交微信评论后显示的版本。修改源代码后，需要将其提交给微信公众进行审核。平台小程序管理平台，用户只能在审核通过后才能看到您的修改，因此，为避免这种麻烦，您必须了解后端技术开发并与前端链接以与您进行交流。
实际上，小程序类似于H5表面，并提供了视图层描述语言。您需要掌握WXML和WXSS以及基于JavaScript的逻辑层框架。这里的wxml等同于html，而wxss等同于CSS。
关于小程序开发json和小程序开发制作的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
