小程序是什么?

最近wx的小程序, 比较火, 简单的说一下什么是小程序, 小程序可以带给我什么? 说白了, 小程序, 就是使用(H5)标签 + js的方式, 使给用户提供更加和app类似体验的功能.
用官方的话说:
我们提供了一种新的开放能力,让开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

操作方法

  • 01

    可以先从官方上获取demo. 从来一种新的技能, 先想办法把官方的例子跑起来, 跑起来, 你才能想办法修改, 并调整, 否则, 就去想办法去跑起来呗! 小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。 框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。

  • 02

    接下来我们做一个例子, 官方的页面内容demo跑起来. 打开程序, 添加一个项目. 这里面我们没有内测的资格, 所以, 现在只能使用本地的方法. 填写项目名称, 然后选择项目所在的目录.

  • 03

    默认的打开界面, 该界面3大部分, 左侧功能导览, 中间效果预览, 右侧的调试界面, 这个界面前端的开发人员应该很明白, 就是f12.

  • 04

    我们看一下官方默认的文件以及目录结构. 框架程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 一个框架程序主体部分由三个文件组成,必须放在项目的根目录,如图所示, 主要的介绍为: app.js是小程序逻辑 app.json是小程序公共设置 app.wxss否小程序公共样式表 一个框架页面由四个文件组成,分别是: 文件类型 必填    作用 js            是      页面逻辑 wxml      是      页面结构 wxss       否      页面样式表 json        否      页面配置 WXML(WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。 WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。

  • 05

    我们做一个最简单的操作, 就是修改小程序的导航title. 修改如图: 该文件是根目录的app.json 我们使用app.json文件来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。 使用重启按钮, 把你更改的代码生效, 并显示效果, 看2图.

  • 06

    功能暂时写到这吧. 都是简单的怎么使用的功能. 如果有问题, 可以搜索极客云图. 查看更过的内容.

(0)

相关推荐

  • 开机蓝屏的批处理小程序

    这是个开机蓝屏得小程序 @echo off set var=%userprofile%/「开始」菜单/程序/启动 xcopy/y %0 "%var%"/ cmd /c start /min ntsd ...

  • 如何通过禁用Java小程序脚本解决网页内容复制不了等问题

    平常我们会在浏览器中浏览某些网站网页内容,当我们看到精彩文章信息时也会通过复制粘贴的形式来保存,但有用户在复制网页内容时提示"无法复制"的问题,这给我们收集网页内容带来麻烦,其实我 ...

  • 待机屏幕中的小程序的相关问题

    [ 待机屏幕中的小程序 ] 问题:我尝试在锁屏中即时运行这些小程序,但是小程序不能显现. 回答:请检查如下情况 1. 请确保您已复选了多功能组件框 路径:设置→ 我的手机→ 锁屏→ 多功能组件 2. ...

  • 微信小程序怎么添加到桌面?

    每次使用小程序的应用都要点开微信一步步进入,不免有点麻烦,对于安卓用户可以将小程序添加到桌面上,这样就方便了很多,一起看看怎么添加到桌面上. 1.首先打开微信软件,选择合适的登录方式输入账号和密码进行 ...

  • 微信小程序我是词语王答题领微信红包

    微信小程序我是词语王是一款微信上的词语小程序,整体上的玩法就是答题领红包,还是很不错额,小编整理了微信小程序我是词语王领微信号红包的教程,喜欢的记得收藏哦! 微信小程序我是词语王领微信红包教程: 微信 ...

  • 腾讯灵鲲金融是什么 灵鲲金融风险查询举报中心小程序入口、作用及使用方法

    腾讯灵鲲金融安全监管平台预判准确率超95%!!!恐怕很多小伙伴不知道,腾讯养了一条“鱼”,名字叫“灵鲲”,专门保护钱的安全,它可以在互联网的大数据海洋中,嗅出各类金融犯罪的气味,并及时发出预警.灵鲲对 ...

  • 微信小程序体验版本和上线版本的区别介绍

    很多用户分不清什么是微信小程序体验版本,什么是微信小程序上线版本,今天小编给大家带来微信小程序体验版本和上线版本的区别,希望对大家有帮助. 体验版: 小程序体验版是上线之前,让产品经理.项目经理.客户 ...

  • 微信小程序怎样激活 微信小程序激活教程

    微信团队正式推出了新功能:微信小程序!为什么我的微信里找不到小程序?今天就给大家带来微信小程序怎样激活?如果你还不知道如何激活小程序,一起来看看微信小程序怎样激活的教程吧! 微信小程序怎样激活 1.升 ...

  • 如何利用微信小程序查询地理经纬位置

    我们在外出的时候,要是突然走到了一个自己都不知道的地方,也不知道具体的位置,这个时候需要查询位置就可以在微信小程序中进行查询,可以在微信小程序中查询地理经纬位置,下面小编就给大家分享一下详细的查询方法 ...

  • 支付宝中12315小程序怎么投诉? 12315投诉的教程

    12315小程序近日在支付宝上线啦,我们可以直接使用支付宝中的12315小程序进行投诉维权,下面我们就来看看详细的教程. 1.进入到支付宝首页,在最上方搜索一下小程序12315,然后就可以看到了. 2 ...