本港台开奖现场直播 j2开奖直播报码现场
当前位置: 新闻频道 > IT新闻 >

wzatv:【j2开奖】最全实操指南!换个姿势深入微信小程序(2)

时间:2017-01-12 12:54来源:天下彩论坛 作者:本港台直播 点击:
我勒个去,你们看到有一个 YYWKWebview 的东西了吗?WKWebview是原生的一个浏览器控件,相当于只是用小程序打开了一个下载好的本地网页。而且用了类似

  我勒个去,你们看到有一个 YYWKWebview 的东西了吗?WKWebview是原生的一个浏览器控件,相当于只是用小程序打开了一个下载好的本地网页。而且用了类似 weex/vue 那样子的技术,所以页面切换非常流程。(可以自行百度一下 阿里weex)。

  上面看到每个页面都是一个文件夹,那么里面的四个文件都是干什么的呢?

  

wzatv:【j2开奖】最全实操指南!换个姿势深入微信小程序

  .json 是配置文件。就好比是你的简历,上面写了名字、毕业时间等,而小程序的 json会记录一些信息:导航栏背景颜色、导航栏标题颜色、导航栏标题文字内容、窗口的背景色、下拉背景字体、loading 图的样式、是否开启下拉刷新、页面整体能不能上下滚动。

  .wxml 是页面的基本骨架。就像骨架规定了人的大概模样一般,wxml 是一种类 xml 的结构化文本,描述了小程序页面有哪些元素。比如一个文章需要有标题、作者、时间、正文,但是不关心这些元素怎么排列。

  .js 也就是 java 这种前端脚本语言的文件。要人的四肢动起来,怎么动,就需要大脑和肌肉控制,小程序从“骨架”成为“血肉之躯”的正是 js 的作用。js 做一些动态的东西,比如请求数据,控制元素上下移动,判断用户输入密码是否安全等等。

  .wxss 就是决定整个页面元素的颜色等表现形式。好比同一个人可以穿不同的衣服,化不同的妆,看上去也就不一样了。在 wxml 文件中同样写了一个按钮,但可以给他配置不同的背景颜色:

  

wzatv:【j2开奖】最全实操指南!换个姿势深入微信小程序

  三、小程序的入口

  线下实体(商铺、停车场、政府服务窗口等)

  比如这个微信公开课给出的场景例子,我来 YY一下。

  在停车场的入口,有一个摄像头对着你的车牌号码,当你扫码打开小程序时,点击开始停车,如果有空余车位,系统会自动打开闸门并记录开始停车的时间。这时候小程序会展示室内地图,引导你先左转再右转到达目标车位,停好车走人。等你来取车的时候,开车到闸门口,再次扫描二维码或直接从历史记录打开小程序,选择结束停车,调起微信支付,停车场摄像头识别车牌号码,打开闸门放行。

  整个过程无需取停车卡和专职工作人员服务,环保也节省人力成本。

  

wzatv:【j2开奖】最全实操指南!换个姿势深入微信小程序

  线上PC导航站

  

wzatv:【j2开奖】最全实操指南!换个姿势深入微信小程序

  移动导航站

  

wzatv:【j2开奖】最全实操指南!换个姿势深入微信小程序

  微信群分享

性冷淡风格(从程序介绍页分享出来):

  

wzatv:【j2开奖】最全实操指南!换个姿势深入微信小程序

欲罢不能的风格(从程序内页分享出来):

  

wzatv:【j2开奖】最全实操指南!换个姿势深入微信小程序

  关键词精准搜索

  

wzatv:【j2开奖】最全实操指南!换个姿势深入微信小程序

  发现入口

  

wzatv:【j2开奖】最全实操指南!换个姿势深入微信小程序

  聊天列表顶部

边聊天边听歌?边聊天边看文章?边撩妹边 lu ?

  

wzatv:【j2开奖】最全实操指南!换个姿势深入微信小程序

  四、小程序的应用场景

  应用场景主要分为微信群协作实体服务

  微信群协作

  微信群协作主要是一些企业内部服务的或者工作上的沟通。

(责任编辑:本港台直播)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容