小程序记录（特别新的新手）

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

一直用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 的值作为选择器显示内容

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

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

 

 

标签：multiIndex,name,记录,multiArray,app,程序,新手,wx,页面
来源： https://www.cnblogs.com/92xcd/p/11492717.html