微信小程序初体验（上）- 腾讯ISUX社交用户体验设计成员出品

　　微信小程序开放公测后一直很火，作为腾讯ISUX社交用户体验设计成员自然不能错过这样的好戏，下面就随ytkah一起来看看“小程序官方评测”吧，write by 腾讯ISUX练小习。

这段时间有幸加入了一个关于微信小程序的项目开发组，从无到有的根据文档自行学习了小程序的开发过程，前面已经有几位前辈的文章珠玉在前，我这里就先从前端界面的开发方面谈一谈小程序以及我所遇到的问题吧。

在结构和样式方面，小程序提供了一些常用的标签与控件，比如：

view，小程序主要的布局元素，类似于html标签的div，你也完全可以像控制div那样去控制view。

scroll-view，你要滚动内容的话，没必要用view去做overflow，scroll-view提供了更为强大的功能，通过参数的调整，你可以控制滚动方向，触发的事件等等

swiper，滑块视图容器，对于新手来说，再也不用为选用哪个滚动插件伤脑筋了

icon，小程序提供了多种图标供你直接使用

text，文本，唯一可以通过长按被选中内容的一个组件。

progress，进度条

button 按钮，尽量使用小程序提供给你的几种样式参数

表单以及常用表单组件：form，input，checkbox，label，picker，radio，slider，switch

各种操作反馈，消息提示框：action-sheet，modal，toast，loading

以及一些媒体组件，video、audio，image，canvas等等

这些东西在几位前辈的文章里，以及微信的开发文档里都有更详细的介绍，我这里就不再一一介绍。

那么我们就快速的跑通一个小程序的demo先。

在开发之前你要有微信开发者工具，下载地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

这里我要假设大家有已经拿到了内侧或者公测的资格，因为没有拿到的话下面的步骤是没法进行的。

打开以后你会看到这样的界面，我们选择小程序进入

这时候就可以创建项目了

填写你拿到的appid，和自己的项目名称以及目录，然后就可以打开自己的项目了。界面如下：

左侧菜单栏就不说了，中间是编译后的预览界面，新的开发者工具已经可以做到实时更新，不需要每次都去点编译了。

右侧是你的项目目录，其中pages就是你的页面结构目录了，每个页面下面必须要有 js，wxml，wxss这三个文件，缺少任何一个的话都无法上传预览。

然后就是那个当前态的app.json文件，app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成，配置小程序的窗口

微信小程序初体验（上）- 腾讯ISUX社交用户体验设计成员出品相关推荐

ssm基于微信小程序的恋上诗词设计与实现毕业设计源码011431
基于SMM微信小程序的恋上诗词设计与实现摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,恋 ...
java+SpringBoot+HTML+Mysq基于微信小程序的掌上博物馆游览
详细功能设计:请点击下面链接查看 java+SpringBoot+HTML+Mysq基于微信小程序的掌上博物馆游览_哔哩哔哩_bilibili 源码+论文获取: 源码+论文获取请私信获取摘要本 ...
ssm+mysql+基于微信小程序的恋上诗词设计与实现毕业设计-附源码011431
基于SMM微信小程序的恋上诗词设计与实现摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,恋 ...
（附源码）ssm基于微信小程序的恋上诗词设计与实现毕业设计 011431
基于SMM微信小程序的恋上诗词设计与实现摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,恋 ...
微信小程序初步入坑指南
微信小程序初步入坑小指南安装工具 developers.weixin.qq.com/miniprogram- 打开链接下载小程序云开发 app.json 为json格式的文件,为一个配置文件,属于全 ...
微信小程序如何访问服务器上的数据？
微信小程序如何访问服务器上的数据? 1.开通腾讯云 · 2.关联账户关联腾讯云账号与微信公众号平台账号.前往关联账号时,请选择微信公众号.错误关联账号请在腾讯云账号中心重新绑定. 已关联账号 ...
微信小程序实时定位（腾讯地图）
微信小程序实时获取地理位置-腾讯地图微信小程序-获取当前城市位置: 一. 我用的腾讯定位服务 https://lbs.qq.com/ 打开之后点击控制台 2.我们创建自己的密匙key 3.下载微信小 ...
人生重开模拟器微信小程序源码下载开启不一样的人生体验+网站版本源码双版本
这是一款人生重开模拟器微信小程序源码让你的人生开启不一样的变化不知道各位玩家有没有被最近超火的一款名为<人生重开模拟器>小游戏刷屏呢?想必不少玩家玩过了各种各样的模拟器,有的可以模拟医 ...
python操作微信小程序云端数据库_微信小程序·云开发云数据库的基本使用-微信小程序云开发实例-腾讯云微信小程序...
微信小程序·云开发云数据库的基本使用-微信小程序云开发实例-腾讯云微信小程序浏览量:1120 时间:2020-04-06

微信小程序初体验（上）- 腾讯ISUX社交用户体验设计成员出品

微信小程序初体验（上）- 腾讯ISUX社交用户体验设计成员出品相关推荐

最新文章

热门文章