BeautyWe.js 一套专注于微信小程序的开发范式

2019-06-10
阅读 10 分钟
6.7k
欢迎来我的博客阅读:BeautyWe.js 一套专注于微信小程序的开发范式 官网:beautywejs.com Repo: beautywe 一个简单的介绍 BeautyWe.js 是什么? 它是一套专注于微信小程序的企业级开发范式,它的愿景是: 让企业级的微信小程序项目中的代码,更加简单、漂亮。 为什么要这样命名呢? Write beautiful code for wechat min...

实现小程序canvas拖拽功能

2018-09-05
阅读 2 分钟
5k
组件地址 [链接] 如何实现 使用canvas 使用movable-view标签 由于movable-view无法实现旋转,所以选择使用canvas 需要解决的问题 如何将多个元素渲染到canvas上 如何知道手指在元素上、如果多个元素重叠如何知道哪个元素在最上层 如何实现拖拽元素 如何缩放、旋转、删除元素 看起来挺简单的嘛,就把上面这几个问题解决了...

轻松生成小程序分享海报

2018-08-23
阅读 4 分钟
12k
小程序分享到朋友圈只能使用小程序码海报来实现,生成小程序码的方式有两种,一种是使用后端方式,一种是使用小程序自带的canvas生成;后端的方式开发难度大,由于生成图片耗用内存比较大对服务端也是不小的压力;所以使用小程序的canvas是一个不错的选择,但由于canvas水比较深,坑比较多,还有不同海报需要重现写渲染...

从0开发豆果美食小程序——listItem组件&列表

2018-08-03
阅读 4 分钟
2.3k
点击 API 测试工具可以看到参数说明。pn 表示从第几个数据开始返回,rn 表示一次返回多少个数据。如果 pn = 0,rn = 10;想要第一次请求返回的数据下标是 0~9,第二次请求返回的是 10~19,那么需要 pn 每请求一次后加一, pn * rn 才会返回所期望的结果。

从0开发豆果美食小程序——tag组件

2018-08-01
阅读 5 分钟
3.5k
整个对象中包含 resultCode、reason 和 result 数组。result 数组中返回若干对象,每个对象中包含 parentId、name 和 list 数组,list 对象数组中,每个对象包含 id、 name 和 parentId。

从0开发豆果美食小程序——搜索组件

2018-07-31
阅读 5 分钟
3.8k
container:高度 100 rpx,背景色 #eee,flex 布局。input-wrapper:高度 80 rpx,背景色 #fff,flex 布局,border-radius: 20rpx。search-icon:宽高 32 rpx。input:字体和光标颜色 #000,字体大小 32 rpx。close-icon-wrapper:宽高 80 rpx,绝对定位。text:搜索按钮宽 110 rpx,高 65 rpx,绝对定位,左边框 2rpx s...

从0开发豆果美食小程序——项目搭建

2018-07-31
阅读 3 分钟
3k
效果图 严选是豆果美食的另一个小程序,在本项目中将严选忽略,只做首页、分类和收藏。 创建项目 创建一个空项目,不选择快速模板。项目名称为 cookbook。 目录规划 页面中的搜索、列表、菜谱详情封装成组件,以便于更好地复用和维护。 组件文档 我们为什么需要组件化开发? 配置 首先在根目录下创建以上三个文件。 app....

在微信小程序中愉快地使用sass

2018-07-29
阅读 4 分钟
21.5k
前言 在微信小程序中,css是用wxss来表示,但写法基本一致。需要注意的是wxss扩展了两个特性,分别是: 尺寸单位 样式导入 具体可参考wxss,此处不做过多赘述。 为了方便打包sass,我们使用gulp来处理我们的scss文件,将其转换为wxss。 目录结构 在开发中,我们一般会有一个src源代码目录,一个dist目录用来输出我们打包...

初探小程序插件

2018-03-15
阅读 2 分钟
4.2k
周二晚上的一个小程序新功能发布了-【小程序插件】,一开始以为是小程序发布了类似npm的组件管理工具,可以供开发者方便的使用其他人提供的组件,然后就将最近做的一个功能改成插件提交审核【生成分享海报的插件(就是下载远程图片渲染到canvas生成图片的功能)github地址】,然后就被微信残忍的打回来的,如下:

如何在小程序中使用雪碧图

2017-12-24
阅读 4 分钟
10k
小程序对上传的代码有2M的大小限制,因此一般在小程序中使用icon的时候,要么是用icon-font,要么就是将icon图片上传到cdn再使用,而不会将图片放在本地。但是使用icon-font有一个问题,就是不能使用渐变色,因此,需要渐变色的icon都只能使用图片来完成。如果这样的icon少还可以手动一张张上传到cdn,但是多到10-20张,...