




从我们的体验来看,小程序确实做到了“触手可及,用完即走”的设计理念,而且启动速度极快(比APP要快很多),而且操作流畅,基本不消耗系统资源。

目前,不少知名APP均已第一时间上线微信小程序,包括“滴滴出行DiDi”、“京东购物”以及“腾讯视频”等等。

让人最为印象深刻的是,这些小程序UI设计极简,比如滴滴出行DiDi完全简化到最原始的“您在哪儿上车”、“您要去哪儿”两个对话框,而“京东购物”也只剩下物品搜索框以及优惠券。

总之,一切至简,能砍掉的都砍掉,只保留最核心的功能模块。
对于那些喜欢极简主义的用户来看,微信小程序确实会让人上瘾。

此前,微信官方表示,小程序的特性是:无须安装、触手可及、用完即走、无须卸载。张小龙给它的定位是:体验比网站好,比下载APP更便捷。
你体验微信小程序了吗?你觉得它做到了吗?
微信小程序开发文档、在哪进、注册方法、怎么买票、api是多少、它的评价、好玩的微信小程序推荐、支持的格式、使用教程全部都包含在微信小程序大全里面了,打包下载。
微信小程序申请前的准备:
首先,你需要注册一个小程序账号。需要用一个没注册过公众号的邮箱注册。注册过程中需要很多认证,比较繁琐。如果暂时只是试水、没有发布的打算,那么只要完成基本信息填写就可以,不需要完成微信认证。

之后,就可以在公众平台使用注册的帐户进行登录。
然后,在主页面左边列表中点击设置,再设置页面中选开发设置,就可以看到AppID。而AppID可以用于在开发工具中进行登记,使用开发工具的高级功能。你可以到官网下载开发工具。
开始项目:
打开开发者工具,选择小程序选项,然后直接点击「添加项目」按钮。我们可以在这个步骤,填入刚才注册的时候使用的AppID。
如果项目目录中的文件是个空文件夹,会提示是否创建quickstart项目。
选择「是」,开发者工具会帮助我们在开发目录里生成一个简单的Demo。
这个Demo拥有一个完整的小程序的大概框架。
1.框架
我们首先看一下官方提供的Demo含有的目录:
app.js:小程序逻辑、生命周期、全局变量。
app.json:小程序公共设置、导航栏颜色等,不可以注释。
app.wxss:小程序公共样式,类似CSS。
小程序页面构成类似这样:
每一个小程序页面是由同路径下同名的四个不同后缀文件的组成,如:index.js、index.wxml、index.wxss、index.json
微信小程序中的每一个页面的路径和页面文件名,都需要写在app.json的pages中,且pages数组中的第一个页面是小程序的首页。
这四个文件按照功能可以分成三个部分:
配置:json文件
逻辑层:js文件
视图层:wxss.wxml文件
在iOS上,小程序的逻辑代码运行于JavaScriptCore中,而在Android上,这个任务则是交给X5内核来完成。
在开发工具上,小程序的JavaScript代码是运行在NW.js(Chrome内核)中。这也导致开发工具上的效果跟实际效果有所出入。
2.组件
微信提供了许多组件,主要分为八种:
这其中,包含了view、scroll-view、button、form等普通常用的组件,也提供了地图mapcanvas
组件主要属于视图层,通过WXML来进行结构布局,类似于HTML。样式则通过WXSS来定义和修改,它的语法和使用都近似CSS。
组件使用语法实例:
<><>
3.API
网络
媒体
数据
位置
设备
界面
开发接口
网络请求接口包含了普通的HTTPS请求,支持上传、下载、Socket,基本上满足了我们开发中所需要的网络需求。
这些API属于逻辑层,写在JS逻辑文件中。
使用实例:
wx.getLocation({type:'wgs84',success:function(res){varlatitude=res.latitudevarlongitude=res.longitudevarspeed=res.speedvaraccuracy=res.accuracy}})
可以到官方文档–API查看其它API的使用方法。
编译运行
1.模拟器调试
我们可以在微信提供的开发者工具中,使用模拟器查看小程序运行的效果。
之前我们提过,小程序的运行底层不同,这也导致在模拟器上的效果,会与在手机上运行有些差异。
2.真机调试
在左边的选项栏中,选择项目,然后点预览会生产一个二维码,用管理员微信号扫一扫,就可以在真机上看实际效果。
实战:跑步小程序
真机运行截图(运行于iPhone7,微信版本:6.3.30):
首先实现一个计时器进行计时,通过wx.getLocation获取坐标,把获取到的坐标存在一个数组中,通过坐标每隔一段时间获取里程,进行累加得到总里程,同时也通过坐标点进行连线。存在的问题:
因为目前找不到在地图上画连线的方法,所以采用了在地图上贴小红点图的方法显示大概跑步路径,路径比较粗糙;
虽然采用了API里面的火星坐标GCJ02类型,但是获取的坐标跟国际坐标差不多,依然存在着偏差。
我已经把全部代码放在GitHub上,大家可以下载来看看或者先Star起来,我以后还会进行一些优化更新。现在只是一个学习Demo,大家沟通学习,实际应用还需更多优化。
【高频使用】bts壁纸app下载-bts壁纸软件1.4.1 安卓最新版
美团外卖
滴滴公交查询
车来了
大众点评
京东购物
摩拜单车
滴滴出行DiDi
携程酒店机票火车票
【旅行】
驴妈妈门票预订
飞常准查航班
海南航空微应用
南航e行
去哪儿出行
pp电子书推荐 万博赌博app 万博附近逛街 世界杯猜球概率 众博网站好玩吗 3d开奖走势图试机号 dafabet 龙环葡韵 35222manbetx集团 乐鱼足球app下载 九游会wanbo 体育资讯app下载 uu体育资讯解说 乐动体育 集团 6码如何阶梯倍投 境外博彩平台投资
热门评论
最新评论