如何开发的第一个小程序-创新互联

这篇文章将为大家详细讲解有关如何开发的第一个小程序，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

在沈丘等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都网站设计、成都网站制作、外贸网站建设 网站设计制作定制网站开发,公司网站建设,企业网站建设,成都品牌网站建设,成都全网营销,外贸网站建设,沈丘网站建设费用合理。

修改data中子对象的属性

在使用wx.request后获得的数据要写入Page的data，与Vue.js不同的是，小程序需要调用this.setData，同时里面如果写入时修改到的对象里面的属性，应定义一个变量连接对象和属性合成的字符串，再通过中括号[]将其包起来。例如：

var temp='person.name';
......

this.setData({
    [temp]:'Mike'
})

评分星星化

在界面中涉及到评分的star化，这里采用了一个比较笨的方法。就是准备星星可能的三种状态的图片，然后根据分数算出具体的分数数组，最后遍历该数组，对应每一颗星星应该展示的状态。

模版的一个小坑

在这里使用了小程序的模版template。需要注意的是这里有一个坑，模版的文件名字和模版里的name必须一致。

网络延时带来的问题

在页面渲染时，有可能因为网络问题导致豆瓣数据返回不够及时，然后进一步导致页面模版设置数据时，data里的值不是需要的值。这里纠结了很久，最后选择了一个相当不优雅的做法，即将设置相关数据的函数延时了2秒后执行。如果豆瓣数据能在2秒内返回，那么问题看起来解决了，如果2秒内没有获得有效数据，问题就并没有解决。再者，2秒对用户体验绝对有相当大的影响，但是这里也不知道该用什么办法解决...

没有用到的日历

在小程序的初期，本来打算实现日历点击跳转到对应电影页面的功能，后来觉得不好便没做，不过日历倒是实现了一遍。思路比较清晰，先获取当前时间，并计算出当前月份的第一天和最后一天分别对应的是星期几，接着再计算第一天前和最后一天后应该还应该显示几天。然后将上个月的、这个月的、下个月的连接成一个数组，接着根据数组分周：

for (var i = 0; i < calendar.length; i++) {
      if (i % 7 == 0) {
        weeks[parseInt(i / 7)] = new Array(7);
      }
      weeks[parseInt(i / 7)][i % 7] = calendar[i];
    }

接着渲染：

    
      
        
          {{day.date}}
        
      
    

关于“如何开发的第一个小程序”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

文章标题：如何开发的第一个小程序-创新互联
URL分享：http://6mz.cn/article/dhdood.html