分类：小程序

2018
02-02

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

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

微信小程序开发最佳实践

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

微信小程序开发资源汇总

官方文档小程序开发文档小程序设计指南小程序开发者工具新闻报道微信正式开放内测"小程序"，不开发APP的日子真的来了？(36氪)关于微信小程序（应用号），我能透露的几个细节(可能吧)你的产品适不适合做微信小程序？你需要这篇产品逻辑分析(虎嗅网)微信公众平台小程序开放公测(微信官方)社区WXOPENClub|微信小程序专业社区工具微信小程序(应用号)微信web开发者工具破解版(DiyCode)... 继续阅读 >
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：官方文档示例代码有误，有时官方文档示例代... 继续阅读 >
2016
11-28

如何用TypeScript开发微信小程序

微信小程序来了！这个号称干掉传统app的玩意儿虽然目前处于内测阶段，不过目前在应用号的官方文档里已经放出了没有内测号也能使用的模拟器了。TypeScript:TypeScript是C#之父AndersHejlsberg的又一力作，相信喜欢C#语法的朋友们对TypeScript一定也会爱不释手。简单的聊一聊TypeScript吧TS是一个应用程序级的JavaScript开发语言。TS是JavaScript的超集，可以编译成纯JavaScript。TS跨浏览器、... 继续阅读 >
2016
11-28

微信小程序开发一周总结

编辑器我直接用vscode（其它编辑器同理，预览还是用的微信开发工具），语法高亮将wxml设置成html,wxss设置成css"files.associations":{"*.wxss":"css","*.wxml":"html"}也可以安装小程序相关插件开始写代码首先需要完整看完微信小程序文档（框架，组件和API），方便后面用到时查找。view组件对应html里的divtext对应spanwxss里选择器只支持element,#id... 继续阅读 >
2016
11-28

移动端商城（微信小程序源代码） WebView离线缓存

功能包括：商品橱窗，商品搜索，购物车，结账等功能.tableView嵌套多个webView自适应高度，高度获取较精准，速度快，有需要的童鞋可以借鉴。高性能多选图片库，类似于微信发布朋友圈中‘获取相册及拍照’模块。获取相册照片部分可以多选，加载速度快，采用JFImagePickerController，并在此基础上增加图片数量选取限制；点击图片显示大图，并能进行双击放大缩小，双指缩放、删除等操作。基于YYCache和... 继续阅读 >
2016
11-28

wxSortPickerView：微信小程序首字母排序选择表

wxSortPickerViewwxSortPickerView-微信小程序首字母排序选择表特性目前为版本0.1，功能单一，但可扩展场景比较多。相关场景会在0.2中加入字符串数组首字母排序左侧点击abc跳转点击item返回数据扩展姓名排序选择地址排序选择功能预览使用方式1.引入相关文件2.初始化varwxSortPickerView=require('../../wxSortPickerView/w... 继续阅读 >
2016
11-28

微信小程序入门教程 - 列表渲染多层嵌套循环及wx:key的使用

入门教程之列表渲染多层嵌套循环，目前官方的文档里，主要是一维数组列表渲染的案例，还是比较简单单一，给刚入门的童鞋还是无从入手的感觉。<viewwx:for="{{items}}">{{index}}:{{item.message}}</view>还有一个九九乘法表把数据直接写到wxml里的，并不是动态二维数组的列表渲染。<viewwx:for="{{[1,2,3,4,5,6,7,8,9]}}"wx:for-item="i"><viewwx:for="{{[1,2,3,4,5,6,7,8,9]}}"wx:for-ite... 继续阅读 >
2016
10-18

微信小程序demo

9月22日凌晨，微信公众平台对200个服务号发送了“微信小程序”的测试邀请。微信方面表示，“小程序”目前只是测试阶段，未来此类“小程序”的主体比较广泛，不管是个人、政府、企业、媒体，抑或是其他组织开发者，均可以申请注册和使用“小程序”，“小程序”发布后，在业内掀起了较大的反响。下面是我初步探究所做的简单整理。目录结构我们在微信提供的开发工具中新建一个项目，开发工具会给我们建立一个最基本的目录结构和示... 继续阅读 >
2016
10-17

微信小程序开发支持 websocket

为什么需要websocket？传统的实时交互的游戏，或服务器主动发送消息的行为（如推送服务），如果想做在微信上，可能你会使用轮询的方式进行，不过这太消耗资源，大量的请求也加重了服务器的负担，而且延迟问题比较严重。如果是自己开发的app，为了解决这些问题，很多团队会自建socket，使用tcp长链接、自定协议的方式与服务器进行相对实时的数据交互。有能力的团队，采用这种方式自然没什么大问题。不过小团队可能就要花费很多时... 继续阅读 >
2016
10-17

微信小程序官方文档解读：如何才能避开小程序的规则 “雷区” HOT

虽然微信小程序还处于内测阶段，但得益于各种开发者、行业人士的广泛讨论，对微信小程序有深入了解的开发者已经初具规模。微信小程序的出现体现了微信的创新思维，也继承了微信严密的内容管理风格，稍有不慎，就可能触碰到微信的底线。对于开发者来说，如何才能在开发中避免违反微信的规则，顺利上线小程序？这份解读将可以帮助你全面地了解两份微信小程序官方文档——《微信小程序平台运营规范》和《微信小程序平台常见拒绝情形... 继续阅读 >
2016
09-29

微信小程序学习一初探“小程序” 推荐

最近这两天，“微信小程序”这个词占据了朋友圈，大有一番风起云涌之势，当然，还不可能夸张到使原生App开发人员失业这种程度。当然，作为一名技术人员，时刻保持对新技术的好奇心是必须的，所以在网上找大神的教程，搭建了一下开发环境，来学习一下这个新的开发框架。一项目文件结构当打开微信小程序的Demo的时候，我个人习惯是先看整个项目的文件结构，先大致弄清这部分是干什么的，那部分又是干什么的，微信小程序基本的文... 继续阅读 >
2016
09-29

微信小程序开发:Flex布局 推荐

微信小程序页面布局方式采用的是Flex布局。Flex布局，是W3c在2009年提出的一种新的方案，可以简便，完整，响应式的实现各种页面布局。Flex布局提供了元素在容器中的对齐，方向以及顺序，甚至他们可以是动态的或者不确定的大小的。Flex布局的主要特征是能够调整其子元素在不同的屏幕大小中能够用最适合的方法填充合适的空间。flex布局Flex布局的特点:任意方向的伸缩，向左，向右，向下，向上在样式层可以... 继续阅读 >
2016
09-29

不需内测账号，带你体验微信小程序完整开发过程

微信小程序还没正式发布就已经迅速成为大家讨论的焦点，那么大家可能觉得只有收到内测邀请才能体验小程序的开发流程，其实不然，大家都可以体验，下面就带大家一起了解。下载微信Web开发者工具首先，微信给我们提供了它自己的小程序集成开发工具，只需要到这个页面下载即可：下载完成后，打开开发者工具，会有一个扫码登录界面。用你的微信扫码就可以登录进来了，然后开发者工具会帮我们创建一个默认工程，项目的文件结构... 继续阅读 >
2016
09-29

微信小程序开发使用第三方库Immutable.js教程

Immutable 是Facebook开发的不可变数据集合。不可变数据一旦创建就不能被修改，是的应用开发更简单，允许使用函数式编程技术，比如惰性评估。ImmutableJS提供一个惰性Sequence，允许高效的队列方法链，类似map和filter，不用创建中间代表。immutable通过惰性队列和哈希映射提供Sequence,Range,Repeat,Map,OrderedMap,Set和一个稀疏Vector。微信小程序无法直接使用require('immutable.js')进行调用,需要... 继续阅读 >
2016
09-29

微信小程序开发实战——模块化

JavaScript模块规范在任何一个大型应用中模块化是很常见的，与一些更传统的编程语言不同的是，JavaScript（ECMA-262版本）还不支持原生的模块化。Javascript社区做了很多努力，在现有的运行环境中，实现"模块"的效果。通行的JavaScript模块规范主要有两种：CommonJS、AMD、UMD、CMD等CommonJSCommonJS规范是服务器端Javascript模块规范。Node.js的模块系统，就是参照CommonJS规范实现的。NPM也遵循了commonJS定义的包规范，... 继续阅读 >
2016
09-29

微信小程序开发:http请求

在微信小程序进行网络通信，只能和指定的域名进行通信，微信小程序包括四种类型的网络请求。普通HTTPS请求(wx.request)上传文件(wx.uploadFile)下载文件(wx.downloadFile)WebSocket通信(wx.connectSocket)这里以介绍wx.request,wx.uploadFile,wx.dowloadFile三种网络请求为主设置域名要微信小程序进行网络通信，必须先设置域名，不然会出现错误:URL域名不合法，请在mp后台配置... 继续阅读 >
2016
09-29

开发微信小程序的必备技能图谱 HOT

小程序是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 有不少开发者调皮地说《从JavaScript入门到抢月饼》上线了，笔者身边的一个同事悄悄地把《JavaScript从入门到精通》和《HTML5从入门到精通》添加到了购物车里面。考虑到微信在社交领域的... 继续阅读 >
2016
09-26

微信小程序，一个有局限的类似 React Native 轮子！

先抛出结论：微信小程序就是一个类似RN的轮子，可以快速开发，有一定的适用场景，但是也有其局限性。本文针对微信小程序的示例代码进行分析，告诉大家：微信小程序到底提供了什么？开发微信小程序方便么？微信小程序具体适用场景？最后还自作主张的说了点对于微信小程序的个人观点。微信小程序都提供了什么？微信小程序主要为我们提供了两部分东西：底层API和组件，不仅如此，微信小程序还引入新的文件格式。引入了新的... 继续阅读 >