forever-z-133
forever-z-133
* [下拉刷新](#user-content-1) * [瀑布流](#user-content-2) * [纵向轮播](#user-content-3) * [生成图片保存到相册](#user-content-4) * [伪 AR 效果](#user-content-5) 微信小程序的小型专题研究，至于 案例 可前往 [我的仓库](https://github.com/foreverZ133/wechat-small-app) 查看 --- ## 下拉刷新 在 app.json 的 window 选项中或页面配置中开启 enablePullDownRefresh； 在页面中写上 onPullDownRefresh 监听下拉刷新的触发； 当处理完数据刷新后，wx.stopPullDownRefresh...
# 有关时间的一些操作 本文无需说明理论知识，纯简化实操的代码，直接来看吧： Date 传入的参数需符合标准，请见 [IETF-compliant RFC 2822 timestamps](https://tools.ietf.org/html/rfc2822#page-14) 或 [version of ISO8601](http://www.ecma-international.org/ecma-262/5.1/#sec-15.9.1.15)。 PS：传入的参数 `date` 需为 `Date` 对象的实例，请先行转化。 PPS：比如改变了天数，其实 **时分秒并未改变**，使用时请注意。（划重点） PPPS：修改的是对象，为了避免操作的是同一个对象的数据栈，可以再 new Date() 一下。 #### 处理 "/Date("xxxxxxxxx")/" 形态的时间戳，一般出现在后端接口的数据里 ``` function...
小程序在 **本地资源** 还是 **远程资源**、**相对路径** 还是 **绝对路径** 上与常规开发有所不同， 经验不足的话，会在这方面大大拉低开发进度和流畅感， 所以在此罗列一下小程序图片资源相关的坑眼，与君共鉴。 ### 绝对路径 ### WXSS 不支持本地资源 ### drawImage 可直接使用链接 ### previewImage 不支持 base64 ### downloadFile 不支持本地资源 ### object-fit 问题
_为了方便，以下内容被我简写：后台=微信公众号文章编辑器，编辑器=第三方排版工具_ ### 程序限制 以下限制请铭记在心，然后泡杯枸杞，千万不可暴躁，切记切记。 * 全都是内联样式，即 `` * 部分 `class` 也会被清除，可以用 `label` 来标记这块是什么内容 * 用 `section` 别用 `div` * 不能用 `background`，不能用 `position` * `` 使用无效（_开通支付了的服务号能跳页，可能会有所不同_） * 不能用闭合标签，即 `` 要改为 ``...
## 单例模式 singleton，产生一个类的唯一实例。 可以减少全局变量，且保证该实例的唯一性。 但会有闭包的毛病（占用内存），再者想创建另一个相似实例有悖于此模式。 ``` var singleton = function( fn ){ var result; return function(){ return result || ( result = fn .apply( this, arguments ) ); } }...
最近公司项目使用小程序做序列帧动画，大概有 116 张图，共 7.4M。 比较闲的日子里实验了一番，主要有以下几种方法， 1. css background-image + animation 2. css background-position + animation 3. js background-image 4. js background-position 5. js img src 6. canvas drawImage 结果当然是 canvas...
昨天(20171102)小程序开发团队又失去了夜生活， 发布了振奋人心的新功能，**小程序内打开网页**。 老大们激动得像个两百斤的孩子，一波唱衰 APP 的浪潮怕是又要沸腾吧。 无论是不是公司要求，这种骚操作必然是需要体验一下的。 再者如果能利用这个新功能实现热更新，省去频繁提交小程序审核的麻烦也是不错的。 所以进行了一次公司官网（包含案例库）的小程序化搬迁，主要罗列一下我的流程和坑眼。 ## 绑定公众号 官方表示：**个人类型与海外类型的小程序暂不支持使用**。 意味着你绑定的公众号需要公司认证。 否则会报错 `{"base_resp":{"ret":-1}}`，绑了 AppID 的报错会显示公众号信息，没绑就没有。 注：记得将基础库版本改为 1.6.4 以上哟。 ## 设置域名白名单 在有公司认证的小程序管理后台中，找到 **设置 -> 开发设置 -> 业务域名**。 然后就可以添加了，只是有些次数限制。 1）每个小程序帐号仅支持配置最多20个域名； 2）每个域名仅支持绑定最多20个小程序；...
 * **遮罩：** 有色则显示，无色抠取，半透明则半透明 * **蒙版：** 黑色则抠除，白色显示，灰色则半透明 概念上两者非常容易混淆，但完成的效果是一样的，需记住哪个是无色抠取，哪个是黑色抠除。 再者还有个裁剪，只是做裁切，没有对半透明情况的处理。 这样一说就知道，本文阅读起来可能是会有点乱的。 那么前端方法中 **如何实现**，又各 **有哪些应用场景** 呢？ * [mask（css）](#user-content-1) （遮罩） * [mask（svg）](#user-content-2)（蒙版） * [background-clip（css）](#user-content-3)（裁切） * [clip（canvas）](#user-content-4)（裁切） * [globalCompositeOperation（canvas）](#user-content-5)（遮罩） * [clip-path（css, svg）](#user-content-6)（裁切） * [其他旁门左道](#user-content-7)...
本文将梳理描述一些 **异步程序开发方面的流派**。 *也不见得是异步的，回调很多的程序来开发的话也是这一套* * [回调函数](#1) * [事件监听](#2) * [$.Deferred](#3) * [Promiss](#4) * [async / awiat](#5) * [continuation.js](#6) * [Generator](#7) ## 回调函数 callback ``` function fn1(callback) { setTimeout(function(){ callback && callback();...
Tween.js 只有 5.6k，拿来做动画是一个不错的选择。 是 CreateJS（神器）旗下的一个子项目，受众庞大，值得一学。 ``` ``` 以下代码请注意 `TWEEN` / `Tween` / `tween` 三者的区别 ## 基础 写个小 demo 先来感受一下 Tween.js 的魅力： 就是以下这样简单的 4 步完成值的匀速变化。 ``` // 指定动画对象 var pos =...