标签目录：微信小程序

2018
08-28

小程序开发实践总结 - WEB前端

从微信发布小程序以来，各大公司纷纷跟进都想从微信这个流量池里捞一杯羹。我司也不例外，我们整个前端团队这半年来基本上都是在开发小程序。前前后后也开发了四五个小程序了。总觉得要留下点什么，既是记录那些年我们踩过的坑，也是希望大家别再掉坑。那些年我们踩过的坑css样式不能引用本地图片资源，只能引用线上资源( background-image )，引用本地图片资源只能用 <image> 标签。{{}... 继续阅读 >

2018
07-31

微信小程序适配 iPhone X 总结

本文主要介绍我们的知识小集小程序在适配iPhoneX屏幕时遇到的一些问题以及总结，希望对你的小程序开发能有所帮助。iPhoneX屏幕数据在去年9月份iPhoneX正式发布后，引发了一波iOSApp适配iPhoneX的热潮和技术文章，详情可以参考掘金技术社区的这个专题：《iPhoneX适配实践》我们这里先简单总结一下iPhoneX屏幕的基础数据，方便后续在小程序开发中进行适配。屏幕尺寸：5.8英寸（对角... 继续阅读 >

2018
05-07

从源码看微信小程序启动过程

一、写作背景接触小程序一年多，真实体验就是小程序开发门槛相对而言确实比较低。不过小程序的开发方式，一直是开发者吐槽的，如习惯了Vue，React开发的开发者经常会吐槽小程序一个Page必须由多个文件组成，组件化支持不完善或者说不能非常愉快的开发组件。在以前小项目中没太大感觉，从加入有赞，参与有赞微商城小程序的开发，是真切的体会到对于大型小程序项目开发的复杂性。有赞从微信小程序内测就开始开发小程... 继续阅读 >

2018
02-02

微信小程序 MinUI 组件库系列之 abnor 异常流组件

MinUI是基于微信小程序自定义组件特性开发而成的一套简洁、易用、高效的组件库，适用场景广，覆盖小程序原生框架、各种小程序组件主流框架等，并且提供了高效的命令行工具。MinUI组件库包含了很多功能组件，其中abnor异常流组件是一个很常用的功能性组件，MinUI中abnor组件的效果图如下：各式各样的类型都有哦，是不是看起来很方便很快捷的样子(^_^)。可以打开微信扫一扫下面的小程序二维码先一睹为快：... 继续阅读 >

2018
01-29

微信小程序开发最佳实践

weapp-starter微信小程序开发最佳实践项目地址为什么会有这个repo在小程序之初便开发应用了，现在小程序的开发也越来越成熟了，完善了很多的API、组件、架构等，社区也由原来的零星点点到现在的不大不小，但也算是有了，期间也诞生了很多的开发框架，越来越多的三方辅助库，我也捣鼓出很多。比较有名的算是wepy和labrador，wepy是vue风格的小程序开发框架，labrador则比较亲和React，各有千秋，也... 继续阅读 >

2017
03-29

从前端界面开发谈微信小程序体验

这段时间有幸加入了一个关于微信小程序的项目开发组，从无到有的根据文档自行学习了小程序的开发过程，前面已经有几位前辈的文章珠玉在前，我这里就先从前端界面的开发方面谈一谈小程序以及我所遇到的问题吧。在结构和样式方面，小程序提供了一些常用的标签与控件，比如：view，小程序主要的布局元素，类似于html标签的div，你也完全可以像控制div那样去控制view。scroll-view，你要滚动内容的话，没必要用view去做... 继续阅读 >

2017
02-24

微信小程序 - 实时圆形进度条

最近为了做一个录制按钮，研究了下小程序的实时圆形进度条实现废话不多说，先上一张效果图！初始状态点击中间按钮开始绘制绘制过程绘制结束实现思路建立两个canvas标签，先绘制底层的浅灰色圆圈背景，再绘制上层的红色进度条。WXML代码<viewclass="wrap"><viewclass="circle-box"><canvasclass="circle"style="width:200px;height:200px;"canvas-id="canvasAr... 继续阅读 >

2017
01-19

微信小程序-贪食蛇

很久很久以前，差不多大半年前吧，笔者发布了一篇关于OC版贪食蛇开发的文章，时隔多月，微信小程序横空出世，于是闲来无事的我又写了一个小程序版下面这段话请务必阅读笔者是做iOS的，而小程序大部分都是前端的知识，笔者之前没有做过类似开发，所以代码写的相当烂，很多东西都是一边查资料一边写的，请各位轻喷，阿门！进入正题页面布局关于小程序笔者就不做介绍了，官方有详细文档，我们还是先来看张图吧... 继续阅读 >

2016
12-30

使用DeviceOne实现微信小程序功能

微信小程序即将推出，还没推出就火的不行了。基于微信这个巨大平台，小程序必然能有巨大成功。不过它并不能完全取代App，该开发App还得开发。如果我们自己想实现一个基于自己的APP包含类似微信的小程序功能，该如何实现了？我们先来看看小程序的技术特点。小程序的特点1.跨平台，微信就像JRE，在不同操作系统上都有实现，所以微信上的小程序就像运行在JRE上的java程序，从而实现跨平台。另外解决了多平台多机型的适配... 继续阅读 >

2016
12-23

微信小程序常见错误及基本排除方法

也接触了不少人解决问题的过程里，有一些比较难以排查的可能性列举在这，方便大家看一下：也欢迎大家把自己常用的排除方法列举在这，一起互相学习探讨!1：ES6;使用es6可能导致安卓端真机调试时很多问题出现，还有其他未知问题;原因未知;2：字母拼错，包括字母拼写错误，大小写没有注意;微信小程序中，有大量这样的代码示例，从中间冒出一个大写，比如支付中的appId3：官方文档示例代码有误，有时官方文档示例代... 继续阅读 >