微信小程序开发(四)小程序开发框架之原生组件

  • 组件
    1.介绍:组件是视图层的基本组成单元,在小程序中我们所写的绝大部分标签其实都是组件。组件自带一些功能与微信风格的样式,比如小程序里的switch和微信中的switch开关样式是一致的。一个组件通常包括开始标签和结束标签,属性用来修饰这个组件,内容在两个标签之内。
    2.小程序为我们提供了八类组件:媒体组件、视图容器、地图、基础内容、开放能力、表单组件、画布、导航
    (1)视图容器组件主要是用于控制我们页面的内容,可以理解为一个盒子,在这个盒子内可以装入一些更小的盒子。微信为我们提供了五种视图容器,分别是:view、scroll-view、swiper、movable-view、cover-view
    我们可以通过小程序官方文档的组件页面来查看各个组件的详细信息和实例。
    (2)基础内容组件主要表示了我们页面的一些基本元素内容,微信为我们提供了四种基础内容组件:icon、text、rich-text、progress
    注意:rich-text不支持再嵌套rich-text
    (3)表单组件小程序为我们提供了11个:button、checkbox、form、input、label、picker、picker-view、radio、switch、slider、textarea
    (4)navigator组件可以帮助我们在小程序页面之间进行跳转,微信小程序中导航组件对应的就是navigator组件。
    (5)小程序提供了6种媒体组件,分别是:audio、image、video、camera、live-player、live-pusher
    (6)在日常生活中我们都会通过地图来导航到一个我们想去的位置,小程序为我们提供的地图组件就是map组件。
    (7)小程序提供给我们的画布组件是canvas组件,通过canvas我们可以完成一些复杂的动画。
    (8)小程序为我们提供了开放能力的组件,通过这些组件我们可以完成加载网页、展示广告等更多的功能。开放能力组件包含了4种:open-data、web-view、ad、official-account
    小程序提供了丰富的原生组件以及开放能力组件,通过这些组件帮助我们更好的开发我们自己的小程序。原生组件的种类太多,这里就不做挨个介绍演示了。官方的组件文档为我们提供了详细的属性信息和代码demo,通过自己在开发者工具中亲自练习一遍每个组件后,会对小程序的组件开发有更加深入的了解。下面放上官方文档地址

    组件文档

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,686评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,668评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,160评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,736评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,847评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,043评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,129评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,872评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,318评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,645评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,777评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,470评论 4 333
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,126评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,861评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,095评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,589评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,687评论 2 351

推荐阅读更多精彩内容