菜鸟历程

前段时间，由于公司的需要，做了两年半的iOS开发的我，带着对iOS无比的眷恋，踏上了小程序的开发历程。何为小程序 小程序是由腾讯出品，依附于微信的一款轻应用。 有人说，小程序不需要下载即可使用，其实不然，它是需要下载的。因为它是一种轻应用（体积小，小程序本身规定了大小不能超过4M），所以体积小，下载时间很短而已。我试过在小程序的工程里面放了1M多的图片，然后第一次打开的速度明显下降了。 ...

小程序系统提供了下拉刷新时的动画，有三个小圆点。但是有时候我们发现不见了。其实它一直都在，只是因为你的页面的背景色和白色很相近甚至相同，而小程序小圆点默认的颜色就是白色，所以看不见注意以下三点：在需要下拉的页面的 .json 文件添加 “enablePullDownRefresh”: true 。如果你的页面的背景色和白色相差明显，那么你下拉时就已经可以看见小圆点了；如果你的页面的背景色...

在小程序开发的前期，你可能发现小程序的页面背景色设置总是无法成功，特别是在有列表的页面，下拉或者上拉时，漏出来的地方和原来的背景色不一样。要设置成一样，注意以下两点在 app.json 文件里面的 window 添加 backgroundColor在 app.wxss 文件里吗添加（注意，page 的前面没有 . ）page { background-color: #efeff4;...

小程序的下拉刷新和上拉加载更多，系统已经提供方法。我这里就是利用系统的方法，用自定义的UI和动画去实现。第一步想要利用系统的方法，首先要开启。开启方法：在相应的.json文件里面添加”enablePullDownRefresh”: true（当然，这个是默认开启的，如果发现无法使用时，就手动再开启一次）第二步需要在相应的.wxss文件添加加载动画的样式.weui-l...

普通的数据请求wx.request({ url: '',//地址 method: 'POST',//请求方式POST，GET data: param,//参数，key-value键值对 success: function (res) { console.log(res); }, error: function (res) {...

小程序的tabbar使用比较简单，只需要在app.json文件里面加上下面的tabbar数组即可"tabBar": {//未选择的颜色 "color": "#AAAAAA", //选中的颜色 "selectedColor": "

小程序的页面跳转有几种方式wx.navigateTo({ url: ‘personalInfo/personalInfo’, }) url为下一个页面的路径 如果要传值的话，可直接在url后面加上，如 wx.navigateTo({ url: ‘personalInfo/personalInfo?pageid=10&pagename=B’, }) 在下一个页面...

小程序的布局分为两类：横向布局和纵向布局横向布局 从左到右 如： .wxss文件.rowLayout { display: flex; flex-direction: row;}.wxml (views是我在.json定义的数组，有四个元素)<view class='rowLayout'> &am

上一篇我简单地介绍了一下小程序，现在我来介绍一下小程序工程里面的文件及其作用先看一下小程序工程的界面，如下图 左边是模拟器，中间是文件目录，右边是具体的文件的内容。我们主要看中间的文件pages pages文件夹下面的是页面相关的文件，home这个是我新建的一个页面。新建一个page时，会产生4个文件 .js文件：其实就相当于APP的controller，里面包括data（页面...

为某个控件添加按下的颜色在 .wxss 文件添加.jz_hover { background-color: lightgray;}在需要添加按下样式的控件添加 hover-class=‘jz_hover’ 。如果没有变化，那么可能是 style 里面设置了背景色，需要把 style 里面的背景色设置放到 class 里面去。...