10 2018 档案
摘要:源码 1 <template> 2 <view class='mark' wx:if="{{showMark}}"> 3 <view animation="{{animationData}}" class="animCat"> 4 <image src="http://osk1hpe2y.bkt.c
阅读全文
摘要:app.js和app.wpy有什么不同呢? 答.app.wpy单文件包含了app.wxss\app.js\app.json\app.wxml app.js app.wpy
阅读全文
摘要:wepy内部封装的一些基类,我们要注意以 “$”开头命名,最好不用 关于wepy基类文档,请查看 关于$apply,其实就是主动刷新DOM,来更新数据. 何时使用它? 答. 你为data里面的数据进行绑定的时候 答. 异步更新数据,手动刷新DOM 何时使用它失效? 答.在data没有初始化它变量时
阅读全文
摘要:关于$apply.... 稍后
阅读全文
摘要:关于request导入,清先查看这篇文档了解大概 缺陷: wx.request一个页面最多支持10个wx.request,况且不能保证请求先后顺序 对于wepy来说,使用了ES6 的Promise以及ES7的 asyn和wait来保证同步请求 使用方式,和小程序无异
阅读全文
摘要:wepy官方文档是这样介绍的 简单描述就是: index.wpy:子组件 panel.wpy:父组件 1.slot是内容分发的占位符 2.slot父组件在子组件使用时,名称必须一致 3.slot子组件没有内容,未覆盖父组件时显示对应的父组件内容
阅读全文
摘要:对于repeat,详情见官方文档
阅读全文
摘要:小程序采用同文件夹(文件名),统一通过app.json来管理 而vue以及wepy采用的是单文件模式(js、html、css)合并在一起了! wepy单文件模式
阅读全文
摘要:正当我们准备试探示例时,突然.... 造成这个错误有两个原因 (wepy以前的版本默认启动了Promise,自1.4.x以后需要手动开启) 1.未下载Promise 详情见启用文档:Promise 2. 小程序开启了“ES6转ES5”(可能wepy以及插件使用了ES7以及更高版本)
阅读全文
摘要:关于sass\less,在wepy文档里寻找 演示安装,默认已经安装了less,我们需要安装的是scss 安装less或scss yarn npm
阅读全文
摘要:完成后,高亮以及智能补全代码. 1. 首先ctrl+shift+p打开扩展,安装以下三个插件 2. 复制以下文件内容到你的vsCode配置 files.associations 好了,插件已经准备完毕. 我记得好像github上有一个微信、百度、阿里的互转小程序工具. 娜娜奇 ,不过用微信编辑器写的
阅读全文
摘要:wepy官方文档: https://tencent.github.io/wepy/document.html#/ ESLint:一般用来校验JavaScript代码是否符合规范,不符合预期就报错(程序无法运行,提示错误地方) 官方文档:https://cn.eslint.org/ 演示地址:http
阅读全文
摘要:“众所周知,switchTab是不能携带参数的” 我们有几种方式解决呢?(最好的解决方法是利用全局变量,这样可以避免因缓存造成的数据错误) 1. 通过全局变量(需要用到的页面都要引用它) 点击下载示例 2. 通过同步缓存或异步缓存(同步:指的是前面不执行,我就不走 - 异步:指的是前面不执行,我也走
阅读全文
摘要:生命周期 1.小程序注册完成后,加载页面,触发onLoad方法。(切记,onShow和onLoad的区别,onShow是每当进入这个页面时就会触发,而onload是载入进来时才触发) 2.页面载入后触发onShow方法,显示页面。 3.首次显示页面,会触发onReady方法,渲染页面元素和样式,一个
阅读全文
摘要:部分源码来自于http://www.wxapp-union.com/home.php?mod=space&uid=17761,就是小程序社区 , 参考以及借鉴一些类似cnblog,csdn上的promise进行简化以及使用 对于promise,我们带着以下疑问来解答吧,以前本身看过类似的promis
阅读全文
摘要:使用示例: 1. 开启“使用npm模块” 2. 新建 node_modules 文件夹 3. cd到新建 node_modules 所在的目录(非node_modules文件夹内) npm install miniprogram-datepicker --production 4. 开启npm构建
阅读全文
摘要:实现步骤 1. 获取当前经纬度 2. 调用腾讯(百度、高德)地图对应的请求地址,一般都会有独一的key, 譬如 腾讯地图调用地址: 百度地图调用地址: wxml js
阅读全文
摘要:描述:后台传入正确答案选项,前端监听input的onchange事件,一旦选错,及时报错,否则跳转下一题 难点:用户如果是多选题,选择以后,要判断是否选对,选错直接报错信息并显示 解决方案:正确答案和用户答案(concat)合并在一起,再去重,最后判断 正确答案的数组长度是否小于去重后的长度 栗子:
阅读全文
摘要:github地址:https://github.com/qwerty472123/wxappUnpacker 不过我好像从来未成功过哈,TX地图+、TX公交都失败了 点击下载以上两个文件 哦,对了,你的Android手机需要root ,废话不多说进入步骤 1.克隆github上面的源码(准备node
阅读全文
摘要:fasckclick为解决移动端300ms延迟而生 github地址为:https://github.com/ftlabs/fastclick 使用方法: 1. 原生使用(window.onload或其它方式皆可->一切都是在文档流加载完毕) 2. 基于jq使用 3. 基于模块化使用(Vue\Ang
阅读全文
摘要:点击下载示例:自定义swiper(dot)指示点
阅读全文
摘要:点击下载示例:小程序 - 上拉刷新下拉加载
阅读全文
摘要:wxml css js 点击下载示例:小程序-文字与收缩
阅读全文
摘要:点击下载源码:示例-更改radio或checkbox选中样式
阅读全文
摘要:1. 登录公众号平台 https://mp.weixin.qq.com/ 2. 设置->第三方服务->添加插件->输入插件名称->申请 3. 项目中使用 3.1 app.json配置 3.2 项目中配置wxml,json,js wxml json js 关于插件使用说明,请看官方文档:https:/
阅读全文
摘要:记得上次安装的时候,自动提示安装本地语言包,现在的版本貌似不会了吧. 1.先安装扩展,按键CTRL+SHIFT+P 输入 ext install ,最后输入:language,大概就可以找到简体中文包 2.按键CTRL+SHIFT+P 输入 ext install ,最后输入:display lan
阅读全文
摘要:转载来源于:https://segmentfault.com/a/1190000011710786 简化了一下,发出来吧 示例源码:点击下载
阅读全文
摘要:官网API:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/component.html 自定义组件的原因,可以重复使用,只有数据不同且模板一样,节约开发成本. wxml js json 我们再来
阅读全文
摘要:看官方源码以及代码示例: 示例官网:列表渲染wx:key 官方原话 简而言之就是动态改变的同时,需要保持组件内input的输入内容以及其它swtich等状态不会改变. 用一句话来说:*this - 销毁所有组件状态且重新创建. unique - 保留所有状态在原有的基础上创建 > (GIF演示图片过
阅读全文