小程序记录(特别新的新手)

小程序刚出来的时候开发过一个,早已忘的一干二净。

一直用vue开发,再来开发小程序感觉诸多限制,满脸泪水。

有考虑用框架感觉没必要,虽说可以兼容多端,但是呵呵。。。还是看个人吧

wx:if 不要写成  v-if   vx-if   vx:if  ,绑定数据要用{{}}括起来,和老版本的vue差不多

*尽量用微信提供的组件,不要用html标签,多些几个class就完事了,不然会撞鬼。

*小程序的目录结构可以自己额外添加,没有必要统一口径,怎么爽怎么来,可以添加但是不要删除这些固定搭配。

*图片等资源文件可以放在服务器里,然后直接访问路径,小程序是有大小限制的。

*访问data内的数据vue是this.test ,小程序this.data.test,设置数据是this.setData({test:‘呵呵‘})

*通过 const app = getApp();获取全局的应用实例

*app.js 里有 app .globalData 相当于设置全局变量的地方  在app.js 获取全局实例用this即可

*添加组件的json文件里 "component": true,这个玩意不能忘,很可能是自己通过别的方式建的文件,组件js里的properties相当于vue的props,   lifetimes:{ready:function(){}}是组件的生命周期,
*组件的方法写在methods里,页面的方法写在page({})里
*底部的导航叫做tabbar,只能通过wx.switchTab跳转,无法带参数无法带参数无法带参数,可以通过app .globalData或是本地存储解决,onTabItemTap可以监听tabbar切换
页面引入组件要在该页面的json中声明,不用在app.json中声明
{
"usingComponents": {
"my-header": "/components/my_header/my_header"//声明组件
},
"navigationStyle": "custom"//自定义头部导航,页面的返回啥的都会不干掉,只剩右上角的二个小按钮,页面写的结构会顶头,因为原来的导航已经被干掉了,不同机型的状态栏不停哟
}
返回按钮根据页面的深度判断的,分享出去直接打开的是没有二级的深度的,当时准备用场景值来判断顶部返回按钮的存在,结果群里打开和个人打开等等的场景值是不一样的,所以场景值应该用在针对特定的某一场景
*页面分享搜这个onShareAppMessage
*图片预览,幻灯片效果用这个wx.previewImage
~~~~~~~~~~~~~~~~~~~~~~~~~~

(页面调试)

通过渲染的列表点击进去很烦啊,不怕。

点击普通编辑的下拉框选择添加编译模式,弹窗内的提示很易懂,不做拓展。

setStorageSync 

wx.setStorageSync (同步) 需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。
这个是和H5的localStorage类似的,但是传值不一样例如:wx.setStorageSync(‘area‘, JSON.stringify(area));。
wx.setStorage(异步)什么是异步不解释

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

picker 

<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}" range-key="name">

<view class="picker"> 当前选择:{{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}},{{multiArray[2][multiIndex[2]]}} </view> </picker>

value="{{multiIndex}}"

multiIndex 是一个下标数组 我写的是省市的联动,只有二级例:[0,1],如果三级,例:[0,0,0],如果是三级的省市区,微信提供了直接可用的mode类型(mode = region

range="{{multiArray}}"

multiArray 格式是这样的 let a = [{name:‘a‘},{name:‘b‘}]

let b = [{name:‘c‘},{name:‘d‘}]

multiArray =[a,b]

range-key="name"  

range 是一个 Object Array 时,通过 range-key 来指定 Object 中 key 的值作为选择器显示内容

~~~~~~~~~~~~~~~~~~~~~~~~~

唉~不想写了,看到这里你也知道我是一个有故事的人了

小程序记录(特别新的新手)

 

 

 
 
 

小程序记录(特别新的新手)

上一篇:小程序ajax共公请求部分


下一篇:小程序开发入门(一)