摘要: 前言 本文要讲的是,浏览器读一个script代码的流程是什么,遇到异步代码会如何处理,宏观任务和微观任务如何处理。 开始前先来看几个概念。 栈(后进先出) 首先要说一个栈模型,函数的调用形成了栈帧。 例如这段代码,调用 f1 时,创建第一帧;f1 调用 f2 时,创建第二帧。第二帧压在第一帧之上,当 阅读全文
posted @ 2020-03-24 11:01 whosmeya 阅读(398) 评论(0) 推荐(1) 编辑
摘要: 前言 __图片处理__ 在前端业务中并不陌生。例如手机自带相机拍出的照片通常好几兆,但如果只是用作头像就显然太大,需要 __图片压缩__ 后再上传服务器;再例如前段时间比较火的迎国庆换头像,就用到了 __图片与图片的合成__。本文将介绍前端常见的 Canvas 图片处理方法。 日常用到的图片处理方式 阅读全文
posted @ 2020-03-24 10:59 whosmeya 阅读(708) 评论(0) 推荐(2) 编辑
摘要: 描述 模仿ios浏览器底部弹框效果。 遮罩层淡入淡出,弹框高度根据内容自适应。 效果 源码 popup bottom.wxml popup bottom.js popup bottom.wxss popup bottom.json 使用 test.wxml test.js test.json 阅读全文
posted @ 2020-03-24 10:48 whosmeya 阅读(996) 评论(0) 推荐(0) 编辑
摘要: 描述 切换月份, 当天文案为今天, 日期背景变色, 日期红点标识, 点击选中日期. 效果 源码 calendar.wxml calendar.js js const weekNameMap = ['周日', '周一', '周二', '周三', '周四', '周五', '周六']; Component 阅读全文
posted @ 2020-03-24 10:42 whosmeya 阅读(510) 评论(0) 推荐(0) 编辑
摘要: 描述 批量上传图片, 可设置最大上传个数, 可删除, 可设置默认值。 效果 源码 pictures wall.wxml pictures wall.js pictures wall.wxss pictures wall.json app.js 由于微信小程序Promise finally, 所以要在 阅读全文
posted @ 2020-03-24 10:26 whosmeya 阅读(837) 评论(0) 推荐(0) 编辑