微信小程序简称小程序,它是一种不需要下载安装即可使用的应用。从小程序出现到现在,其火爆程序是众所周知的。特别是南昌小程序开发中,不管是个人还是企业,都渴望拥有属于自己的一款小应用。那么在微信小程序开发中有哪些实用技巧呢?小编为大家总结了以下几点,希望能够帮到广大开发者。
1、在公共文件app文件中可以放一些经常用到的方法,列如网络请求和判断网络的封装。若在文件中想使用app.js中的方法,使用var app = getApp() 即可直接调用。
2、实现渐变色
前一个是起点颜色,慢慢过渡到第二个颜色。
从上到下的线性渐变:
background: linear-gradient(red, blue);
从左到右的线性渐变:
background: linear-gradient(to right, red , blue);
3、裁圆角
设置弧度顺序是左上角、右上角、右下角、左下角(顺时针)
border-radius: 3px 0px 0px 3px;
4、下拉刷新和上拉加载
1)首先在要刷新类的.json文件里添加
{
"enablePullDownRefresh": true
}
2)然后在js里实现"onPullDownRefresh"和"onReachBottom"方法即可
下拉事件
onPullDownRefresh: function() {
console.log('刷新');
},
上拉事件
onReachBottom: function() {
console.log(' 下一页');
},
注意:刷新可能会和scroll-view控件冲突。
5、template模板的使用
然后使用模板is后写模板的name..通过data来传递需要是数据
6、修改 wxml 和 wxss 文件将会刷新页面,修改 js 和 json 文件将会重新编译小程序在 app.json 文件 pages 数组中添加目标页面,将会自动生成该页面目录和所需文件。
关于小程序开发小技巧就先介绍到这里,如果还有哪些不明白的地方,可随时来电咨询易速网络,我们将专业为您解答!
易速网站优化公司 » 小程序开发技巧有哪些