微信小程序
微信小程序教程、案例、API
王乐平
这个作者很懒,什么都没留下…
展开
-
微信小程序入门六: WebSocket应用
实例内容今天主要说一下微信的WebSocket接口以及在小程序中的使用。WebSocket是什么(简述)微信的WebSocket接口和HTML5的WebSocket基本一样,是HTTP协议升级来的,做为一个新的Socket在B/S上使用,它实现了浏览器与服务器全双工通信。因为这里是做小程序,所以就不对WebSocket的底层和协议做过多的说明了,只是稍微介绍一下。想了解详细的WebSocket可以参原创 2017-01-20 21:22:43 · 74543 阅读 · 15 评论 -
微信小程序入门五: wxml文件引用、模版、生命周期
实例内容wxml文件引用(include、import)模版小程序生命周期实例一: include方式引用header.wxml文件文件引用对于代码的重用非常重要,例如在web开发中我们可以将公用的header部分和footer等部分进行提取,然后在需要的地方进行引用。微信小程序里面,是包含引用功能的——include、import。这两个引用文件的标签,使用基本差不多,这里先说一下incl原创 2017-01-19 17:06:17 · 35983 阅读 · 5 评论 -
微信小程序入门四: 导航栏样式、tabBar导航栏
实例内容导航栏样式设置tabBar导航栏实例一:导航栏样式设置小程序的导航栏样式在app.json中定义。这里设置导航,背景黑色,文字白色,文字内容测试小程序app.json内容:{ "pages":[ "pages/index/index", "pages/login/login", "pages/logs/logs" ], "window":{原创 2017-01-12 20:15:35 · 134106 阅读 · 15 评论 -
微信小程序入门三: 简易form、本地存储
实例内容实例一: 登陆界面在app.json中添加登陆页面pages/login/login,并设置为入口。保存后,自动生成相关文件(挺方便的)。修改视图文件login.wxml<!--pages/login/login.wxml--><view class="container"> <form bindsubmit="formSubmit"> <view class="r原创 2017-01-10 21:13:02 · 37488 阅读 · 2 评论 -
微信小程序入门二: 条件、遍历、网络请求、获取本地图片
实例内容条件渲染数据遍历网络请求获取本地图片实例一: 条件渲染如果motto为Hello World,则输出你好世界,否则原样输出。这里是分支条件判断,直接在视图文件里修改,修改index.wxml<text wx:if="{{motto != 'Hello World'}}" class="user-motto">{{motto}}</text><text wx:else>你好世界</原创 2017-01-04 11:51:19 · 22052 阅读 · 4 评论 -
微信小程序入门一: 简 介、文本、事件、样式
现在微信小程序已经推出了,我也来这里尝一下鲜。小程序简介原生APP和Web APP谁是未来的主流这个命题争了很多年,而原生APP最大的优势也就是对于系统控件接口和框架的调用能力比Web APP不知道高到哪里去。虽然京东同时提供了手机APP和手机H5形式的页面供用户浏览和下单,但是同时用过二者的都能体会到,H5页面在流畅度上还是差一些。 在此之前,很多创业者以公众号菜单栏内嵌H5的形式,完成了基原创 2017-01-03 22:06:26 · 10799 阅读 · 3 评论