11 2017 档案
摘要：实现了 标题,内容和按钮设置,可动态设置按钮,以及按钮点击事件的回调 可作为component 使用 直接上代码 <viewclass="uiComponent uiComponent_mask uiComponent_mask_{{uiComponent.mask.show &&'active'}
阅读全文
摘要：在Page顶部下滑一个提示条 , 代码见 /mixins/UIComponent.js ,其中的self 可以认为是微信小程序的Page对象 效果: 默认2秒展示,上移动画隐藏
阅读全文
摘要：这个需求是在wepy交流群里有群友提到的. 一个小花样. 注册mixins wxml很简单.在你的最外层增加 style中颜色自定义,其他根据需要来 注意,他上拉的时候,背景色还是白色,和顶部颜色并不一样. 这种方式实现,要求你的 顶级view要有一个背景色,否则这个橡皮筋效果就会暴露出来
阅读全文
摘要：在开发中,遇到一个层级较深的页面,每次都要点击好多步才能调试,也比较闹心,有了自定义编译模式,就方便很多了 点击红圈处, 选择 "+添加编译模式" , 默认的, 启动页面会填入当前预览界面的地址, 启动参数 填写当前页面需要的url参数即可 这样,再次编译, 看看效果吧
阅读全文
posted @ 2017-11-24 07:59
jifsu
摘要：文件位于 utils/WapRequest.js 封装了所有接口请求和wap站点的controller请求,代码示例 这里的实现和wap站点请求一致. 所有接口请求都在这里 之后可能会改成类型继承的方式,这样能更好的按照模块来编写接口,视接口量而定吧
阅读全文
posted @ 2017-11-20 09:27
jifsu
摘要：/utils/utils.js 已经扩展到App对象中,Page方法中直接使用 app.util.method(...) 调用. 1. 扩展String.replaceAll JS默认值提供replace,定义为替换第一个匹配的规则 replaceAll 使用正则, replaceAll = fun
阅读全文
posted @ 2017-11-20 09:23
jifsu
摘要：mixins 概念 可百度 参考 http://ask.seowhy.com/article/21007 大意和Python中的多重继承, java中的接口类似(java接口只是定义,实现需要子类自己写). 而JS中没有接口的概念, 利用对象的key遍历,并合并到子类(或者叫对象)中. 伪代码: m
阅读全文
posted @ 2017-11-18 12:09
jifsu
摘要：官方文档见: https://mp.weixin.qq.com/debug/wxadoc/dev/framework/custom-component/ 我们的封装:
阅读全文
posted @ 2017-11-17 17:33
jifsu
摘要：/pages/{module}/{page}/index.js 这个是目录结构 所有单个页面(Page)目录内, 都叫做index,如 index.js index.wxss ,不需要起其他名称 内部编码 生命周期函数按照官方书写 事件处理 onClick on开头即可 目录结构中 componen
阅读全文
posted @ 2017-11-17 13:48
jifsu
摘要：1. 简单传参 wx.navigateTo({ url: '/pages/demo/index/index?id=1' }) /pages/demo/index/index.js 中 onLoad(options){ var id = options.id; //获取通过url参数传递来的参数 }
阅读全文
posted @ 2017-11-17 13:45
jifsu
摘要：微信小程序不可以使用js直接控制界面元素.而是通过改变 this.data中的属性,同步到界面 这个问题可以克服,带来的就是和H5不一样的编码方式.JS中更多的是改变数据的逻辑,而不是获取某个View来改变属性值 例: 图片的error,加载默认图片 网页中 <img src="http://www
阅读全文
posted @ 2017-11-17 13:18
jifsu
摘要：1. 默认参数 function demo(param){ param=param || {};} 新的写法,很直观 function demo(param={}){} 2. 简化方法,如你所见,demo是一个定义的函数 obj={ demo(param={}){ } } 3. 箭头函数 [1,2,
阅读全文
posted @ 2017-11-17 12:50
jifsu
摘要：ES6中 Object.assign方法用于对象的合并，将源对象（ source ）的所有可枚举属性，复制到目标对象（ target ）。 限制: 只是浅拷贝, 即 内部对象 不会拷贝,只是 引用指向.也不会合并对象内的属性 扩展思路有2个, 1是复制jQuery.extend 方法,不过内部应用了
阅读全文
posted @ 2017-11-17 12:34
jifsu
摘要：官方默认的Page初始代码为 var option = { /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 * */ onLoad: function (options) { } // ... 其他生命周期函数,以及自定义 方法 } Page(opt
阅读全文
posted @ 2017-11-17 11:39
jifsu
摘要：常规的开发过程中, 每个Page的逻辑中,要使用 util.js WapRequest.js, 需要在每个页面中书写 require('/utils/WapRequest'); require('/utils/WapRequest'); 略繁琐 在app.js 顶部 增加 const util =
阅读全文
posted @ 2017-11-17 11:14
jifsu
浙公网安备 33010602011771号