个人案例
- F5未来商店
F5未来商店用户端
F5未来商店扫码体验
- 自定义组件通过concat传入数组props,获取到空数组
[代码]/* index.json */[代码][代码]{[代码] [代码] [代码][代码]"usingComponents"[代码][代码]: {[代码][代码] [代码][代码]"child"[代码][代码]: [代码][代码]"../../components/Child/Child"[代码][代码] [代码][代码]}[代码][代码]}[代码] [代码]/* index.js */[代码][代码]Page({[代码][代码] [代码][代码]data : {[代码][代码] [代码][代码]a : [1],[代码][代码] [代码][代码]b : [2][代码][代码] [代码][代码]}[代码][代码]})[代码][代码]/* index.wxml */[代码][代码]<view>[代码][代码] [代码][代码]<child tags=[代码][代码]"{{a}}"[代码][代码]></child>[代码][代码] [代码][代码]<child tags=[代码][代码]"{{b}}"[代码][代码]></child>[代码][代码] [代码][代码]<child tags=[代码][代码]"{{a.concat(b)}}"[代码][代码]></child>[代码][代码]</view>[代码] [代码]//----------------------------------[代码] [代码]/* Child.json */[代码][代码]{[代码][代码] [代码][代码]"component"[代码][代码]: [代码][代码]true[代码][代码]}[代码][代码]/* Child.js */[代码][代码]Component({[代码][代码] [代码][代码]properties: {[代码][代码] [代码][代码]tags : {[代码][代码] [代码][代码]type : Array,[代码][代码] [代码][代码]}[代码][代码] [代码][代码]},[代码] [代码] [代码][代码]ready(){[代码][代码] [代码][代码]console.log([代码][代码]this[代码][代码].data.tags);[代码][代码] [代码][代码]},[代码] [代码]})[代码] [代码]/* console results*/[代码][代码]// [1][代码][代码]// [2][代码][代码]// [][代码] 最后的console输出的是空数组
2018-01-29 - 自带滚动效果的蒙层 阻止穿透触发page的滚动
页面要有下拉刷新功能,所以页面本身要用page的滚动,现在有个蒙层,蒙层里面要有滚动,如何阻止蒙层的滑动穿透到页面上造成page滚动(和下拉刷新)?
2018-01-24 - 建议:自定义组件的生命周期提供切换后台、前台的勾子
建议需求 * 你希望有什么能力? 希望自定义组件级别能有onShow、onHide之类的显示隐藏勾子 * 你需要这个能力的场景是 ? 自定义组件内能监听到这些时机,以便停止和开始一些内部事务逻辑
2018-01-22 - wxs引起的渲染问题
------------------------------------------ //.js Page({ data : { amount : 123 } }) ------------------------------------------ //.wxml [代码] [代码] [代码]<[代码][代码]wxs[代码] [代码]module[代码][代码]=[代码][代码]"Module"[代码][代码]>[代码] [代码] [代码][代码]module.exports = {[代码][代码] [代码][代码]fn : function(){[代码][代码] [代码][代码]return 'test'[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码][代码]</wxs[代码][代码]>[代码][代码] [代码][代码] [代码][代码] [代码] [代码] [代码]<[代码][代码]view[代码][代码]>{{Module.fn( )}} {{amount}} </[代码]view[代码][代码]>[代码][代码] ------------------------------------------ 在一个节点里用了wxs, 其他的模版语法会没有渲染出来 上面的{{amount}}就没有渲染出来 而下面两种是可以的: [代码] [代码] [代码]<[代码][代码]view[代码][代码]>{{amount}} </[代码]view[代码][代码]>[代码][代码] & [代码] [代码] [代码]<[代码][代码]view[代码][代码]>{{Module.fn( )}} <[代码][代码]text[代码][代码]>{{amount}}</[代码]text[代码][代码]> </[代码]view[代码][代码]>[代码][代码][代码] [代码][代码][代码][代码] [代码][代码] [代码][代码]
2017-09-09 - 新版开发者工具 屏幕高度
iphone6模拟器高度是667px 更新前page设置height:100%; 最终会得到正确的除去屏幕顶端64px的603px, 刚刚更新后page渲染出来的高度竟然是709px 导致页面低部有一部分内容看不见了 麻烦处理下 [图片][图片]
2017-09-08 - createAnimation translate的数值被scale影响了
animation.scale(0.5) .translate(100, 100) .step(); 最终得到缩放0.5,位移只有(50, 50),和习惯上不一样,不知道是bug还是故意为之
2017-08-31