uni-app学习（三）好用的插件1
<h1 id="1-uni-app学习三">1. uni-app学习（三）</h1><h2 id="11-asyncawait使用">1.1. async/await使用</h2>
<ol>
<li>表示异步处理，可使用then函数继续操作，返回的是Promise</li>
</ol>
<pre><code>async function timeout() {
return 'hello world'
}
timeout().then(result => {
console.log(result);
})
console.log('虽然在后面，但是我先执行');
</code></pre>
<p>先打印下面这句</p>
<ol start="2">
<li>await是等待的意思，它后面可以放任何表达式，不过我们更多的是放一个返回promise 对象的表达式</li>
</ol>
<pre><code>// 2s 之后返回双倍的值
function doubleAfter2seconds(num) {
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve(2 * num)
}, 2000);
} )
}
async function testResult() {
let result = await doubleAfter2seconds(30);
console.log(result);
}
testResult();
</code></pre>
<ol start="3">
<li>遇到await 之后，代码就暂停执行了， 等待doubleAfter2seconds(30) 执行完毕</li>
</ol>
<p>参考这篇博客</p>
<h2 id="12-request网络请求封装统一添加token等">1.2. request网络请求封装，统一添加token等</h2>
<ol>
<li>在vue的编写中，我们通常都会封装token，uni-app自带的uni.request暂时不能实现类似拦截器的需求，所以需要自己封装；本着不重复造轮子的原则，在uni插件市场还是有这种插件的，直接拿来改造下就行了</li>
<li>插件地址在这</li>
<li>同样可以选择这个 两者是类似的，不过这个只有js文件，模仿axios的调用方式，熟悉axios可以试试这个啊</li>
</ol>
<h2 id="13-阿里百川">1.3. 阿里百川</h2>
<ol>
<li>这个好像是电商专用，说明说是用于android和ios的授权登录、退出、购物车、订单等，和淘宝相关，没做过电商不怎么了解，这里记一笔，如果以后有机会用到在找出来</li>
<li>插件地址</li>
</ol>
<h2 id="14-聊天模板">1.4. 聊天模板</h2>
<ol>
<li>包含了chat模板，文字，语音，红包等，这个也是在特定场景用的到，不过概率还是蛮高的，可以记录下</li>
<li>模板地址</li>
</ol>
<h2 id="15-qs-inputs">1.5. QS-inputs</h2>
<ol>
<li>作者称是带动画的自动化基础表单组件，看名字也知道，只是对input的各种深化</li>
<li>插件地址</li>
<li>演示</li>
</ol>
<p><img src="https://img.cdn.aliyun.dcloud.net.cn/stream/plugin_screens/ebeeda10-302c-11e9-97ba-19bbdb05d94b_0.png?v=1560353454" alt="1" loading="lazy"></p>
<p><img src="https://img.cdn.aliyun.dcloud.net.cn/stream/plugin_screens/ebeeda10-302c-11e9-97ba-19bbdb05d94b_1.png?v=1560353454" alt="2" loading="lazy"></p>
<h2 id="16-app引导页">1.6. app引导页</h2>
<ol>
<li>app第一次打开时候的引导页示例，地址点这</li>
<li>例子如下<br>
<img src="https://img.cdn.aliyun.dcloud.net.cn/stream/plugin_screens/fd902ee0-464b-11e9-8bac-0ddd73dda01f_2.png?v=1556007274" alt="1" loading="lazy"></li>
<li>我尝试下这个例子，其实也没做啥工作，就是在缓存记下了个标记，每次启动检查下，是否已启动过，启动过就不显示引导页了，直接跳转首页，而引导页可以其实也简单的，可以参考下</li>
</ol>
<h2 id="17-多场景日期选择器">1.7. 多场景日期选择器</h2>
<ol>
<li>插件地址</li>
<li>随便给个例子</li>
</ol>
<p><img src="https://gitee.com/nullfeng/uniapp_date_and_time_selector/raw/master/gif/%E6%97%A5%E6%9C%9F%E8%8C%83%E5%9B%B4%E9%80%89%E6%8B%A9.gif" alt="1" loading="lazy"></p>
<h2 id="18-仿微信朋友圈模版">1.8. 仿微信朋友圈模版</h2>
<ol>
<li>地址</li>
<li>功能：仿微信朋友圈页面模版,点赞,评论,发布,图片上传,预览,压缩等等</li>
<li>例子</li>
</ol>
<p><img src="https://camo.githubusercontent.com/1ae8aca9591e78d7abcb8b486ff48976fea0f334/68747470733a2f2f75706c6f61642d696d616765732e6a69616e7368752e696f2f75706c6f61645f696d616765732f31343631383336352d333739653139313563616538656334362e6a70673f696d6167654d6f6772322f6175746f2d6f7269656e742f7374726970253743696d61676556696577322f322f772f323930" alt="1" loading="lazy"></p>
<h2 id="19-登录注册忘记密码模板">1.9. 登录|注册|忘记密码|模板</h2>
<ol>
<li>点击这里</li>
<li>例子</li>
</ol>
<p><img src="https://img.cdn.aliyun.dcloud.net.cn/stream/plugin_screens/834556a0-4fe9-11e9-aef5-f5181ebb95ca_1.png?v=1553625712" alt="1" loading="lazy"></p>
<ol start="3">
<li>简单登录注册例子</li>
</ol>
<p><img src="https://img.cdn.aliyun.dcloud.net.cn/stream/plugin_screens/35d4d960-1188-11e9-8ede-7b1a495f3227_0.PNG?v=1554359423" alt="2" loading="lazy"></p>
<h2 id="110-图片上传阿里云七牛腾讯云后端上传">1.10. 图片上传（阿里云、七牛、腾讯云、后端上传）</h2>
<ol>
<li>点击这里</li>
<li>示例</li>
</ol>
<p><img src="https://img.cdn.aliyun.dcloud.net.cn/stream/plugin_screens/90358670-0b5c-11e9-84bf-230520de7dd0_0.png?v=1558770495" alt="1" loading="lazy"></p>
<h2 id="111-直播插件目前只支持android开发中">1.11. 直播插件（目前只支持android，开发中）</h2>
<ol>
<li>这里</li>
</ol>
</div>
<div id="MySignature" role="contentinfo">
<div class="autograph">
<p> <span style="display: none"> 如果，您认为阅读这篇博客让您有些收获，不妨点击一下右下角的【<strong>推荐</strong>】按钮。<br>
</span> 如果，您希望更容易地发现我的新博客，不妨点击一下【<strong>关注我</strong>】。</p>
</div>
<p>我的写作热情也离不开您的肯定支持，感谢您的阅读，我是【<strong>老梁</strong>】！</p><br><br>
来源：https://www.cnblogs.com/sky-chen/p/11041413.html
頁:
[1]