十三年专注于网站建设与互联网应用开发,低调、有情怀的网络应用服务商!
南昌百恒科技微信公众号 扫一扫关注
tel-icon全国服务热线:400-680-9298,0791-88117053
扫一扫关注百恒科技微信公众号

小程序开发技巧有哪些

百恒网络 2018-10-09 14:58:54 2637
       微信小程序简称小程序,它是一种不需要下载安装即可使用的应用。从小程序出现到现在,其火爆程序是众所周知的。特别是南昌小程序开发中,不管是个人还是企业,都渴望拥有属于自己的一款小应用。那么在微信小程序开发中有哪些实用技巧呢?小编为大家总结了以下几点,希望能够帮到广大开发者。

       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 数组中添加目标页面,将会自动生成该页面目录和所需文件。

       关于小程序开发小技巧就先介绍到这里,如果还有哪些不明白的地方,可随时来电咨询百恒网络,我们将专业为您解答!
400-680-9298,0791-88117053
扫一扫关注百恒网络微信公众号

欢迎您的光顾,我们将竭诚为您服务×

售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售前咨询 售前咨询
 
售后服务 售后服务
 
备案专线 备案专线
 
售后服务 售后服务
 
×