id: ef5cd16a70e540f79f5d41c2e888aa34
parent_id: 
item_type: 1
item_id: 1851ebf7a97643c7a74b9ca51aebeb9d
item_updated_time: 1764365023573
title_diff: "[{\"diffs\":[[1,\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":33}]"
body_diff: "[{\"diffs\":[[1,\"<html>\\\r\\\n<head>\\\r\\\n  <title>文章: 微信小程序接口全解析！从 Demo 了解小程序能力 | 爱范儿</title>\\\r\\\n  <basefont face=\\\"微软雅黑\\\" size=\\\"2\\\" />\\\r\\\n  <meta http-equiv=\\\"Content-Type\\\" content=\\\"text/html;charset=utf-8\\\" />\\\r\\\n  <meta name=\\\"exporter-version\\\" content=\\\"YXBJ Windows/608924 (zh-CN, DDL); Windows/10.0.0 (Win64); EDAMVersion=V2;\\\"/>\\\r\\\n  <meta name=\\\"application-data:2525275\\\" content=\\\"6692893/s30/d978a940-5e8a-4d68-93dc-10a85c3d30e9/app.yinxiang.com\\\"/>\\\r\\\n  <meta name=\\\"application-data:ANDROID_CLIP_TYPE\\\" content=\\\"article\\\"/>\\\r\\\n  <style>\\\r\\\n\\tbody, td {\\\r\\\n\\t  font-family: 微软雅黑;\\\r\\\n\\t  font-size: 12pt;\\\r\\\n\\t}\\\r\\\n  </style>\\\r\\\n</head>\\\r\\\n<body>\\\r\\\n<a name=\\\"10330\\\"></a>\\\r\\\n<h1>文章: 微信小程序接口全解析！从 Demo 了解小程序能力 | 爱范儿</h1>\\\r\\\n\\\r\\\n<div><span style=\\\"word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;\\\"><div style=\\\"font-size: 16px\\\"><div style=\\\"box-sizing:border-box;font-family:sans-serif;font-size:10px;line-height:normal;\\\"><div style=\\\"box-sizing:border-box;font-size:1.6rem;font-family:Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Source Han Sans CN&quot;, Roboto, &quot;Microsoft Yahei&quot;, sans-serif;-webkit-font-smoothing:antialiased;background-color:rgb(250, 250, 250);\\\"><div style=\\\"box-sizing:border-box;\\\"><div style=\\\"box-sizing:border-box;overflow:hidden;\\\">      <div style=\\\"box-sizing:border-box;height:395px;position:relative;color:rgb(255, 255, 255);overflow:hidden;z-index:1;width:790px;float:right;background-size:cover;background-position:center center;background-image:url('http://www.ifanr.com/minapp/779544'http://ifanr-cdn.b0.upaiyun.com/wp-content/uploads/2017/01/Featured.jpg'');\\\"><span style=\\\"color:rgb(255, 255, 255);position:absolute;top:0px;bottom:0px;left:0px;right:0px;background-color:rgba(0, 0, 0, 0.54902);\\\"></span>  <div style=\\\"box-sizing:border-box;position:absolute;padding-right:70px;padding-left:25px;width:790px;float:right;z-index:2;bottom:40px;left:0px;\\\">    <div style=\\\"box-sizing:border-box;color:rgb(255, 255, 255);font-size:16px;line-height:1;\\\">      <a href=\\\"http://www.ifanr.com/minapp/\\\" shape=\\\"rect\\\" style=\\\"box-sizing:border-box;background-color:transparent;text-decoration:none;color:inherit;outline:0px;\\\" target=\\\"_blank\\\">      <span style=\\\"box-sizing:border-box;\\\"><span style=\\\"font-size:15px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:ifanrx !important;margin-right:8px;\\\"></span>小程序<span style=\\\"display:inline-block;margin-left:7px;margin-right:2px;font-size:16px;\\\">|</span></span>      </a>      <span style=\\\"box-sizing:border-box;\\\">14 小时前</span>    </div>    <h1 style=\\\"box-sizing:border-box;font-size:30px;margin:23.5px 0px 0px;font-family:Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Source Han Sans CN&quot;, Roboto, &quot;Microsoft Yahei&quot;, sans-serif;padding:17.5px 0px 0px;border-top-width:1px;border-top-style:dashed;border-top-color:rgba(255, 255, 255, 0.298039);color:rgb(255, 255, 255);font-weight:700;line-height:45px;\\\">微信小程序接口全解析！从 Demo 了解小程序能力</h1>  </div></div>      <div style=\\\"box-sizing:border-box;position:relative;padding-right:70px;padding-left:25px;width:790px;float:right;z-index:2;padding-top:25px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-style:none solid solid;border-right-color:rgba(0, 0, 0, 0.0470588);border-bottom-color:rgba(0, 0, 0, 0.0470588);border-left-color:rgba(0, 0, 0, 0.0470588);background-color:rgb(255, 255, 255);\\\">        <div style=\\\"box-sizing:border-box;display:inline-block;text-align:left;position:relative;z-index:100;float:left;transition:top 0.3s ease-in-out;will-change:top;\\\">  <div style=\\\"box-sizing:border-box;margin-bottom:10px;color:rgb(153, 153, 153);font-family:Arial, SourceHanSansCN;font-size:12px;font-weight:700;line-height:12px;\\\"><b style=\\\"box-sizing:border-box;font-weight:bolder;display:block;color:rgb(51, 51, 51);font-size:18px;font-family:HelveticaNeue;line-height:28px;\\\">9</b>SHARES</div>  <a href=\\\"http://www.ifanr.com/api/special/changweibo/index.php?ifr_post_id=779544\\\" shape=\\\"rect\\\" style=\\\"box-sizing:border-box;background-color:transparent;text-decoration:none;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:ifanrx;margin:0px;border:0px;padding:0px;cursor:pointer;outline:0px;height:25px;position:relative;text-align:center;width:25px;display:block;margin-top:10px;color:rgb(191, 191, 191);margin-bottom:10px;line-height:25px;\\\" target=\\\"_blank\\\"><span style=\\\"font-size:20px;font-style:normal;font-family:ifanrx;cursor:pointer;text-align:center;color:rgb(191, 191, 191);line-height:25px;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;top:0px;display:inline-block;position:absolute;bottom:0px;left:0px;right:0px;margin:0px auto;\\\"></span></a>  <div style=\\\"box-sizing:border-box;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:ifanrx;margin:0px;border:0px;padding:0px;cursor:pointer;outline:0px;background-color:transparent;height:25px;position:relative;text-align:center;width:25px;display:block;margin-top:10px;color:rgb(191, 191, 191);margin-bottom:10px;line-height:25px;\\\"><span style=\\\"font-size:20px;font-style:normal;font-family:ifanrx;cursor:pointer;text-align:center;color:rgb(191, 191, 191);line-height:25px;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;top:0px;display:inline-block;position:absolute;bottom:0px;left:0px;right:0px;margin:0px auto;\\\"></span>    <div style=\\\"box-sizing:border-box;border:1px solid rgb(210, 210, 210);border-radius:4px;box-shadow:rgba(0, 0, 0, 0.117647) 0px 4px 10px;height:190px;width:170px;z-index:100;background-color:rgb(255, 255, 255);opacity:0;transition:opacity 0.2s ease, visibility 0.2s;visibility:hidden;left:35px;position:absolute;\\\"><span style=\\\"visibility:hidden;border-width:7px;border-style:solid;border-color:transparent rgb(210, 210, 210) transparent transparent;left:-14px;position:absolute;top:8px;z-index:1;\\\"></span>      <div style=\\\"box-sizing:border-box;color:rgb(153, 153, 153);font-size:13px;border-radius:4px;height:32px;line-height:32px;background-color:rgb(247, 247, 247);\\\">分享到微信</div>      <div style=\\\"box-sizing:border-box;\\\"><img height=\\\"256\\\" src=\\\"data:image/png;base64,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\\\" style=\\\"box-sizing:border-box;display:inline-block;height:105px;margin:5px auto 0px;width:105px;\\\" width=\\\"256\\\"></img></div>      <div style=\\\"box-sizing:border-box;color:rgb(153, 153, 153);font-size:13px;line-height:15px;margin:0px auto;width:120px;\\\">使用微信扫码将网页分享到微信</div>    <span style=\\\"visibility:hidden;border-width:6px;border-style:solid;border-color:transparent rgb(247, 247, 247) transparent transparent;left:-12px;position:absolute;top:9px;z-index:2;\\\"></span></div>  </div>  <a href=\\\"https://twitter.com/intent/tweet?button_hashtag=ifanr&amp;text=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%8E%A5%E5%8F%A3%E5%85%A8%E8%A7%A3%E6%9E%90%EF%BC%81%E4%BB%8E%20Demo%20%E4%BA%86%E8%A7%A3%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%83%BD%E5%8A%9B&amp;url=http%3A%2F%2Fwww.ifanr.com%2Fminapp%2F779544\\\" shape=\\\"rect\\\" style=\\\"box-sizing:border-box;background-color:transparent;text-decoration:none;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:ifanrx;margin:0px;border:0px;padding:0px;cursor:pointer;outline:0px;height:25px;position:relative;text-align:center;width:25px;display:block;margin-top:10px;color:rgb(191, 191, 191);margin-bottom:10px;line-height:25px;\\\" target=\\\"_blank\\\"><span style=\\\"font-size:18px;font-style:normal;font-family:ifanrx;cursor:pointer;text-align:center;color:rgb(191, 191, 191);line-height:25px;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;top:0px;display:inline-block;position:absolute;bottom:0px;left:0px;right:0px;margin:0px auto;\\\"></span></a>  <a href=\\\"https://www.linkedin.com/shareArticle?title=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%8E%A5%E5%8F%A3%E5%85%A8%E8%A7%A3%E6%9E%90%EF%BC%81%E4%BB%8E%20Demo%20%E4%BA%86%E8%A7%A3%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%83%BD%E5%8A%9B&amp;url=http%3A%2F%2Fwww.ifanr.com%2Fminapp%2F779544&amp;summary=%E6%96%87%20|%20Marno%E4%B8%80%E3%80%81%E5%89%8D%E8%A8%802017%20%E5%B9%B4%E7%9A%84%E7%AC%AC%E4%B8%80%E7%AF%87%E6%96%87%E7%AB%A0%EF%BC%8C%E4%B8%8D%E5%BE%97%E4%B8%8D%E8%AF%B4%E4%B8%80%E4%B8%8B%E6%9C%80%E8%BF%91%E7%81%AB%E7%83%AD%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E3%80%82%E7%8E%B0%E5%9C%A8%EF%BC%8C%E5%B0%8F%E7%A8%8B%E5%BA%8F%E5%B7%B2%E7%BB%8F%E5%BC%80%E6%94%BE%E4%BD%BF%E7%94%A8%E4%BA%86%EF%BC%8C%E4%BD%86%E6%98%AF%E5%8F%AA%E8%83%BD%E4%BC%81%E4%B8%9A%E8%B5%84%E8%B4%A8%E6%89%8D%E8%83%BD%E8%BF%9B%E8%A1%8C%E6%B3%A8%E5%86%8C%EF%BC%8C%E4%B8%AA%E4%BA%BA%E5%BC%80%E5%8F%91%E8%80%85%E8%BF%98%E6%98%AF%E6%B2%A1%E6%9C%89%E5%8A%9E%E6%B3%95%E6%B3%A8%E5%86%8C%E5%B0%8F%E7%A8%8B%E5%BA%8F%E3%80%82%E4%BB%8A%E5%A4%A9%EF%BC%8C%E6%88%91%E5%B0%B1%E6%9D%A5%E9%92%88%E5%AF%B9%E5%AE%98%E6%96%B9%E6%8E%A8%E5%87%BA%E7%9A%84%E5%B0%8F%E7%A8%8B%E5%BA%8F...&amp;source=ifanr\\\" shape=\\\"rect\\\" style=\\\"box-sizing:border-box;background-color:transparent;text-decoration:none;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:ifanrx;margin:0px;border:0px;padding:0px;cursor:pointer;outline:0px;height:25px;position:relative;text-align:center;width:25px;display:block;margin-top:10px;color:rgb(191, 191, 191);margin-bottom:10px;line-height:25px;\\\" target=\\\"_blank\\\"><span style=\\\"font-size:17px;font-style:normal;font-family:ifanrx;cursor:pointer;text-align:center;color:rgb(191, 191, 191);line-height:25px;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;top:0px;display:inline-block;position:absolute;bottom:0px;left:0px;right:0px;margin:0px auto;\\\"></span></a>  <a href=\\\"http://www.douban.com/share/service?href=http%3A%2F%2Fwww.ifanr.com%2Fminapp%2F779544&amp;name=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%8E%A5%E5%8F%A3%E5%85%A8%E8%A7%A3%E6%9E%90%EF%BC%81%E4%BB%8E%20Demo%20%E4%BA%86%E8%A7%A3%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%83%BD%E5%8A%9B\\\" shape=\\\"rect\\\" style=\\\"box-sizing:border-box;background-color:transparent;text-decoration:none;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:ifanrx;margin:0px;border:0px;padding:0px;cursor:pointer;outline:0px;height:25px;position:relative;text-align:center;width:25px;display:block;margin-top:10px;color:rgb(191, 191, 191);margin-bottom:10px;line-height:25px;\\\" target=\\\"_blank\\\"><span style=\\\"font-size:16px;font-style:normal;font-family:ifanrx;cursor:pointer;text-align:center;color:rgb(191, 191, 191);line-height:25px;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;top:0px;display:inline-block;position:absolute;bottom:0px;left:0px;right:0px;margin:0px auto;\\\"></span></a>  <a href=\\\"http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http%3A%2F%2Fwww.ifanr.com%2Fminapp%2F779544&amp;title=%E5%BE%AE%E4%BF%A1%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%8E%A5%E5%8F%A3%E5%85%A8%E8%A7%A3%E6%9E%90%EF%BC%81%E4%BB%8E%20Demo%20%E4%BA%86%E8%A7%A3%E5%B0%8F%E7%A8%8B%E5%BA%8F%E8%83%BD%E5%8A%9B\\\" shape=\\\"rect\\\" style=\\\"box-sizing:border-box;background-color:transparent;text-decoration:none;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;font-family:ifanrx;margin:0px;border:0px;padding:0px;cursor:pointer;outline:0px;height:25px;position:relative;text-align:center;width:25px;display:block;margin-top:10px;color:rgb(191, 191, 191);margin-bottom:10px;line-height:25px;\\\" target=\\\"_blank\\\"><span style=\\\"font-size:20px;font-style:normal;font-family:ifanrx;cursor:pointer;text-align:center;color:rgb(191, 191, 191);line-height:25px;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;top:0px;display:inline-block;position:absolute;bottom:0px;left:0px;right:0px;margin:0px auto;\\\"></span></a>    </div>        <div style=\\\"box-sizing:border-box;display:table;margin-bottom:28px;width:610px;float:right;\\\">  <div style=\\\"box-sizing:border-box;padding-right:40px;display:table-cell;\\\">          <a href=\\\"http://www.ifanr.com/tags/demo\\\" shape=\\\"rect\\\" style=\\\"box-sizing:border-box;background-color:rgb(245, 245, 245);text-decoration:none;outline:0px;display:inline-block;float:left;padding:0px 10px;margin-bottom:5px;margin-right:5px;border-radius:2px;border-bottom-width:0px;color:rgb(153, 153, 153);font-size:12px;line-height:25px;cursor:pointer;\\\">Demo</a>          <a href=\\\"http://www.ifanr.com/tags/%e5%b0%8f%e7%a8%8b%e5%ba%8f\\\" shape=\\\"rect\\\" style=\\\"box-sizing:border-box;background-color:rgb(245, 245, 245);text-decoration:none;outline:0px;display:inline-block;float:left;padding:0px 10px;margin-bottom:5px;margin-right:5px;border-radius:2px;border-bottom-width:0px;color:rgb(153, 153, 153);font-size:12px;line-height:25px;cursor:pointer;\\\">小程序</a>          <a href=\\\"http://www.ifanr.com/tags/%e5%b0%8f%e7%a8%8b%e5%ba%8f%e6%8e%a5%e5%8f%a3\\\" shape=\\\"rect\\\" style=\\\"box-sizing:border-box;background-color:rgb(245, 245, 245);text-decoration:none;outline:0px;display:inline-block;float:left;padding:0px 10px;margin-bottom:5px;margin-right:5px;border-radius:2px;border-bottom-width:0px;color:rgb(153, 153, 153);font-size:12px;line-height:25px;cursor:pointer;\\\">小程序接口</a>          <a href=\\\"http://www.ifanr.com/tags/%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f\\\" shape=\\\"rect\\\" style=\\\"box-sizing:border-box;background-color:rgb(245, 245, 245);text-decoration:none;outline:0px;display:inline-block;float:left;padding:0px 10px;margin-bottom:5px;margin-right:5px;border-radius:2px;border-bottom-width:0px;color:rgb(153, 153, 153);font-size:12px;line-height:25px;cursor:pointer;\\\">微信小程序</a>      </div>  <div style=\\\"box-sizing:border-box;overflow:hidden;position:relative;text-align:right;display:table-cell;padding-left:1px;white-space:nowrap;vertical-align:top;width:1%;\\\">          </div></div><div style=\\\"box-sizing:border-box;display:block;margin:0px auto;margin-bottom:23px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;width:610px;float:right;\\\">  <p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">文 | Marno</p><h3 style=\\\"box-sizing:border-box;font-family:Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Source Han Sans CN&quot;, Roboto, &quot;Microsoft Yahei&quot;, sans-serif;font-size:20px;color:rgb(51, 51, 51);font-weight:700;line-height:1;margin:25px 0px 20px;\\\"><span style=\\\"box-sizing:border-box;color:#605eac;\\\">一、前言</span></h3><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">2017 年的第一篇文章，不得不说一下最近火热微信小程序。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">现在，小程序已经开放使用了，但是只能企业资质才能进行注册，个人开发者还是没有办法注册小程序。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">今天，我就来针对官方推出的小程序接口体验 Demo，写一下体验报告。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">首先一句话总结下我的感觉：<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">小程序真的很棒。</strong></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">虽然只是体验官方的 Demo，但已经感觉到小程序的强大之处，感觉很多 app 没有存在的必要了——至少有了小程序，我会卸载我手机里对应的 app。</p><h3 style=\\\"box-sizing:border-box;font-family:Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Source Han Sans CN&quot;, Roboto, &quot;Microsoft Yahei&quot;, sans-serif;font-size:20px;color:rgb(51, 51, 51);font-weight:700;line-height:1;margin:25px 0px 20px;\\\"><span style=\\\"box-sizing:border-box;color:#605eac;\\\">二、功能</span></h3><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">小程序可以实现的功能包括一些常用控件，以及后台播放音乐、视频弹幕、重力感应、Flex 布局、动画，等等。接下来我们就一起来了解一下。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">官方 Demo 将功能分为两个大类，<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">一个是组件，另一个是接口。</strong></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/756848aaedd6936a832a6d8cac8dc3aa.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"756848aaedd6936a832a6d8cac8dc3aa.jpg\\\"/></p><h4 style=\\\"box-sizing:border-box;font-family:Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Source Han Sans CN&quot;, Roboto, &quot;Microsoft Yahei&quot;, sans-serif;\\\">组件</h4><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">共计 7 类，包含 22 个组件。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">视图容器</strong></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">view</code>（固定视图，支持 Flex 排版）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">scroll-view</code>（滚动视图）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">swiper</code>（轮播图容器，可以控制自动播放、指示器、自动播放速度等）。</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/b34514e84a3048450d7c1720bda2f7fc.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"b34514e84a3048450d7c1720bda2f7fc.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">基础内容</strong></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">text</code>（类似 Android 的 <code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">TextView</code>，支持文字换行显示）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">icon</code>（一些常用的图标）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">progress</code>（进度条）。</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/8f93fd80131abc41300a52ae6d7e2538.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"8f93fd80131abc41300a52ae6d7e2538.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">表单组件</strong></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">button</code>（<code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">button</code> 上可以显示加载动画、可以设置禁用）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">checkbox；</code></li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">form</code>（可以提供表单提交的能力）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">input</code>（输入框，能监听输入事件，限制输入类型，设置 <code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">hint</code> 内容）；</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/23cb846979440c08bd456cf422a38294.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"23cb846979440c08bd456cf422a38294.jpg\\\"/></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">label；</code></li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">picker</code>（类似 Android 的 <code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">WheelView</code>，<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">默认有普通、时间、日期三种选择器</strong>，可以利用它轻松制作一个地区联动选择器）；</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/2b7436e84fd4f7e9d30a4a8df8259a08.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"2b7436e84fd4f7e9d30a4a8df8259a08.jpg\\\"/></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">radio</code>（就是 Android 里的 <code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">RadioButton</code>）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">slider</code>（拖动进度条）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">switch；</code></li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">textarea</code>（多行文本框。但它有一个 bug，即<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">在这个组件中输入完一行后，光标会跳到文本的最开始</strong>）。</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/5ab22772ebf56183d2b6ad8ece739d81.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"5ab22772ebf56183d2b6ad8ece739d81.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">导航</strong></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">navigator</code> 组件可以方便地让开发者在不同页面之间进行跳转。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">顺便说一句，<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">小程序的所有页面都具有滑动返回功能</strong>。这给前端开发减少了不少工作量了。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/401622fd51da50eb6efa3e4645ecc5f8.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"401622fd51da50eb6efa3e4645ecc5f8.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">媒体组件</strong></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">image</code>（加载本地和网络图片）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">audio</code>（播放音频）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\"><code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">video</code>（播放视频）。</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/bf967a75a271c2ff4ec42e4679a5f1b3.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"bf967a75a271c2ff4ec42e4679a5f1b3.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">视频可以添加弹幕，用户也可以直接选择全屏播放。嗯，程序员哥哥又可以少写好多代码。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">需要注意的是，<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">选择全屏播放模式后，可以切换到竖向全屏播放，但是并不会退出全屏状态</strong>。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/dbf719bfcaf4801393971c58943cf50b.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"dbf719bfcaf4801393971c58943cf50b.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">地图</strong></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">使用 <code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">map</code> 组件，可以在小程序中打开一个地图。这个没什么说的，因为官方 Demo 就是显示一个地图，并且放置了一个定位图标。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/a784c94c3195ed7dca1c286f2239f226.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"a784c94c3195ed7dca1c286f2239f226.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">画布</strong></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">你可以使用</strong> <code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">canvas</code> <strong style=\\\"box-sizing:border-box;font-weight:700;\\\">组件，在小程序中描绘图形。</strong>在官方 Demo 里，画了这么个东西：</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/b73f893d92175e7d5fbc763520992970.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"b73f893d92175e7d5fbc763520992970.jpg\\\"/></p><h4 style=\\\"box-sizing:border-box;font-family:Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Source Han Sans CN&quot;, Roboto, &quot;Microsoft Yahei&quot;, sans-serif;\\\">接口</h4><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">共计 7 类，包含 30 个接口。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">微信能力</strong></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">微信登录；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">获取用户信息；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">发起支付。</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/7c533561bb98385339923f70c7b3ab0e.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"7c533561bb98385339923f70c7b3ab0e.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">界面</strong></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">设置界面标题；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">标题栏加载动画；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">页面跳转；</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/70dfaad77c1945019087ed8cca0bd099.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"70dfaad77c1945019087ed8cca0bd099.jpg\\\"/></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">下拉刷新；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">创建动画（常见的补间动画都有）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">创建画布；</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/ed3d92a6c3efd1b32ba3acfd28313d22.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"ed3d92a6c3efd1b32ba3acfd28313d22.jpg\\\"/></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">显示操作菜单 （弹出一个列表弹窗）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">显示弹窗 （类似 Android 的 <code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">AlertDialog</code>）；</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/9d24da36b1a45552c33205cdbb46ba42.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"9d24da36b1a45552c33205cdbb46ba42.jpg\\\"/></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">显示 Toast 消息提示框 （类似 Android 的 Toast）。</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/324ff674e6d5aea9112cf83b64ce1f86.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"324ff674e6d5aea9112cf83b64ce1f86.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">设备</strong></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">获取手机网络状态；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">获取手机系统信息；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">监听重力感应数据；</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/89f85f2aecfa6550906e7e885d999fb5.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"89f85f2aecfa6550906e7e885d999fb5.jpg\\\"/></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">监听罗盘数据；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">打电话（有些手机<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">会带着号码到拨号界面</strong>，不会直接拨出去）。</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/082d2619b3d9ae9f69c2c83d4ade30b2.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"082d2619b3d9ae9f69c2c83d4ade30b2.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">网络</strong></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">发起一个 HTTP 请求；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">发起一个 WebSocket 长连接请求；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">上传文件；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">下载文件。</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">Demo 中没有网络相关能力的展示，只是说明了小程序提供的网络能力。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/c7b5837704af10648e4c9ff9e0a73c69.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"c7b5837704af10648e4c9ff9e0a73c69.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">媒体</strong></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">媒体相关的小程序能力包括：</p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">图片</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">录音</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">背景音频</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">文件</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">视频</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">图片包括<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">拍摄新照片</strong>或<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">选取已有图片</strong>。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/83af5ce6fb063f6cf513b6823be1a194.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"83af5ce6fb063f6cf513b6823be1a194.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">录音接口，<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">可以录制不超过一分钟的音频</strong>。在录制过程中，<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">小程序顶部导航栏会出现提示</strong>。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/d175a923ae085b7c81e29631e79af8c0.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"d175a923ae085b7c81e29631e79af8c0.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">使用音乐接口播放的音乐，可以在后台进行播放。</strong>即从小程序返回微信，或者按 Home 键返回桌面时，小程序都会继续在后台进行播放。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">不过遗憾的是，小程序放入后台运行后，Android 的通知中没有音乐快捷操作。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/49f54556d0dd2f567d497308e277ad3d.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"49f54556d0dd2f567d497308e277ad3d.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">在文件接口中，Demo 只是展示了图片的选取保存，不知道是否支持其他文件格式。<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">这里的文件是永久保存，下次打开小程序时候还可以使用。</strong></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/e714c501eddcc27497e5b3493cf5723d.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"e714c501eddcc27497e5b3493cf5723d.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">视频接口，<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">可以即时录制或选择已录制的视频</strong>。但选择录制新视频时，也是通过系统的相机应用进行拍摄。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/a3f585aa113958464a8cdf61547b41cd.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"a3f585aa113958464a8cdf61547b41cd.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">在小程序首次调用图片、录音、读写数据、文件等功能时，会<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">出现权限确认框</strong>。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">位置</strong></p><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;list-style-type:disc;margin-left:40px;margin-bottom:13px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">获取当前位置（<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">定位后只能获取到经纬度</strong>，地理信息还是需要自行获取）；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">使用原生地图查看位置；</li><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:disc;display:list-item;\\\">使用原生地图选择位置。</li></ul><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/9792cf9b21bffbb72363fd408112df7c.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"9792cf9b21bffbb72363fd408112df7c.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\">数据</strong></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">和 Android 里 <code style=\\\"box-sizing:border-box;font-family:monospace, monospace;font-size:1em;\\\">SharedPreferences</code> 一样，<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">小程序支持直接保存键值对</strong>，也是永久保存，在下次打开后可以进行读取。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/4de322b40664f87860bba3de960e4bb4.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"4de322b40664f87860bba3de960e4bb4.jpg\\\"/></p><h3 style=\\\"box-sizing:border-box;font-family:Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Source Han Sans CN&quot;, Roboto, &quot;Microsoft Yahei&quot;, sans-serif;font-size:20px;color:rgb(51, 51, 51);font-weight:700;line-height:1;margin:25px 0px 20px;\\\"><span style=\\\"box-sizing:border-box;color:#605eac;\\\">三、Demo 里没有提到的</span></h3><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">小程序在微信里，<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">可以收起到聊天回话列表中</strong>，并且小程序在此时仍在运行。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/ff1acffadc2f5456a47b61ce696e0d88.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"ff1acffadc2f5456a47b61ce696e0d88.jpg\\\"/></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\">开发版的小程序可以<strong style=\\\"box-sizing:border-box;font-weight:700;\\\">直接在微信里开启调试模式</strong>，可以调出控制台，查看日志、报错等信息。</p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/887220d75ea7024d51536db6a57760d9.jpg\\\" type=\\\"image/jpeg\\\" data-filename=\\\"887220d75ea7024d51536db6a57760d9.jpg\\\"/></p><h3 style=\\\"box-sizing:border-box;font-family:Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Source Han Sans CN&quot;, Roboto, &quot;Microsoft Yahei&quot;, sans-serif;font-size:20px;color:rgb(51, 51, 51);font-weight:700;line-height:1;margin:25px 0px 20px;\\\"></h3><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><span style=\\\"box-sizing:border-box;color:#808080;\\\">原文地址：<span style=\\\"box-sizing:border-box;color:#605eac;\\\">http://www.jianshu.com/p/ffb5395a194c</span></span></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><strong style=\\\"box-sizing:border-box;font-weight:700;\\\"><span style=\\\"box-sizing:border-box;color:#605eac;\\\"><span style=\\\"box-sizing:border-box;color:#000000;\\\">本文由知晓程序授权转载，关注微信号 zxcx0101，回复「<span style=\\\"box-sizing:border-box;color:#605eac;\\\">1228</span>」获得全网第一本《小程序入门指南》电子书。</span></span></strong></p><p style=\\\"box-sizing:border-box;margin:0px 0px 13px;padding:0px;font-size:16px;color:rgb(51, 51, 51);line-height:29px;\\\"><img src=\\\"文章 微信小程序接口全解析！从 Demo 了解小程序能力  爱范儿_files/b749741288713e53d8ea13d6a9ef78c4.png\\\" type=\\\"image/png\\\" data-filename=\\\"b749741288713e53d8ea13d6a9ef78c4.png\\\"/></p>  </div>        <div style=\\\"box-sizing:border-box;width:610px;float:right;\\\">          <div style=\\\"box-sizing:border-box;overflow:hidden;\\\"><ul style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;float:right;line-height:40px;\\\"><li style=\\\"box-sizing:border-box;margin:0px;padding:0px;list-style:none;display:inline-block;font-size:14px;line-height:40px;\\\"><span style=\\\"box-sizing:border-box;color:rgb(199, 43, 16);margin-right:5px;\\\"><span style=\\\"box-sizing:border-box;\\\">25</span> 个人</span>收藏</li></ul></div>        </div>        <div style=\\\"box-sizing:border-box;width:610px;float:right;\\\">  <div style=\\\"box-sizing:border-box;display:flex;width:100%;margin-top:45px;-webkit-box-align:center;align-items:center;height:85px;color:rgb(83, 83, 83);font-size:14px;background-color:rgb(247, 247, 247);\\\">    <p style=\\\"box-sizing:border-box;margin:0px auto;padding:0px;display:inline-block;line-height:35px;text-align:center;\\\">有好的产品或者项目希望我们报道，猛戳这里 <a href=\\\"http://www.ifanr.com/about/contribute/\\\" shape=\\\"rect\\\" style=\\\"box-sizing:border-box;background-color:rgb(225, 47, 17);text-decoration:none;display:inline-block;line-height:35px;outline:0px;width:105px;margin-left:25px;border-radius:3px;color:rgb(255, 255, 255);font-size:14px;font-weight:700;\\\">寻求报道</a></p>  </div></div>                <div style=\\\"box-sizing:border-box;width:610px;float:right;\\\">          <div style=\\\"box-sizing:border-box;margin-top:35px;background-color:rgb(255, 255, 255);\\\">  <h5 style=\\\"box-sizing:border-box;font-family:Helvetica, Arial, &quot;PingFang SC&quot;, &quot;Hiragino Sans GB&quot;, &quot;Source Han Sans CN&quot;, Roboto, &quot;Microsoft Yahei&quot;, sans-serif;padding:0px 0px 0px 15px;margin:0px;font-weight:700;overflow:hidden;display:block;position:relative;color:rgb(76, 76, 76);font-size:16px;line-height:1;vertical-align:middle;margin-bottom:26px;\\\"></h5></div></div></div></div></div></div></div></div></span>\\\n</div></body></html>\\u0000\"]],\"start1\":0,\"start2\":0,\"length1\":0,\"length2\":54068}]"
metadata_diff: {"new":{"id":"1851ebf7a97643c7a74b9ca51aebeb9d","parent_id":"f67288c3a0be4374b5d532b5dcc3aabc","latitude":"0.00000000","longitude":"0.00000000","altitude":"0.0000","author":"","source_url":"","is_todo":0,"todo_due":0,"todo_completed":0,"source":"joplin-desktop","source_application":"net.cozic.joplin-desktop","application_data":"","order":1764348858346,"user_updated_time":1764345566986,"markup_language":2,"is_shared":0,"share_id":"","conflict_original_id":"","master_key_id":"","user_data":"","deleted_time":1764365023573},"deleted":[]}
encryption_cipher_text: 
encryption_applied: 0
updated_time: 2025-11-28T21:24:53.086Z
created_time: 2025-11-28T21:24:53.086Z
type_: 13