uni，读 you ni，是统一的意思。

很多人以为小程序是微信先推出的，其实，DCloud才是这个行业的开创者。

DCloud于2012年开始研发小程序技术，优化webview的功能和性能，并加入W3C和HTML5中国产业联盟，推出了HBuilder开发工具，为后续产业化做准备。

2015年，DCloud正式商用了自己的小程序，产品名为“流应用”，它不是B/S模式的轻应用，而是能接近原生功能、性能的动态App，并且即点即用。

为将该技术发扬光大，DCloud将技术标准捐献给工信部旗下的HTML5中国产业联盟，并推进各家流量巨头接入该标准，开展小程序业务。

360手机助手率先接入，在其3.4版本实现应用的秒开运行。

<img src="https://img-cdn-qiniu.dcloud.net.cn/pic-3.png" style="max-width:480px;">

随后DCloud推动大众点评、携程、京东、有道词典、唯品会等众多开发者为流应用平台提供应用。

在2015年9月，DCloud推进微信团队开展小程序业务，演示了流应用的秒开应用、扫码获取应用、分享链接获取应用等众多场景案例，以及分享了webview体验优化的经验。

微信团队经过分析，于2016年初决定上线小程序业务，但其没有接入联盟标准，而是订制了自己的标准。

DCloud持续在业内普及小程序理念，推进各大流量巨头，包括手机厂商，陆续上线类似小程序/快应用等业务。

部分公司接入了联盟标准，但更多公司因利益纷争严重，标准难以统一。

技术是纯粹的，不应该因为商业利益而分裂。开发者面对如此多的私有标准不是一件正确的事情。

虽然是始作俑者，但造成混乱的局面非DCloud所愿。于是我们决定开发一个免费开源的框架。

既然各巨头无法在标准上达成一致，那么就通过这个框架为开发者抹平各平台差异。

这，就是uni-app的由来。

• 因为多年积累，所以DCloud拥有300多万开发者，并不意外
• 因为DCloud一直都有小程序的iOS、Android引擎，所以uni-app的App端和小程序端保持高度一致，并不意外
• 因为DCloud在引擎上的持续投入，所以uni-app的App端功能、性能比大多数小程序引擎都优秀，并不意外
• 因为DCloud对各家小程序太了解了，所以做好抹平各端差异的跨端框架，并不意外

现在，uni-app已经是业内最风靡的应用框架，支撑着6亿手机用户的庞大生态。

世界兜兜转转，当你踏出第一步时，随后很多事不会按你的预期发展。但只要你不忘初心，你想要的那个目标，最终会换个方式实现。

DCloud的初心是什么？

1. 为开发者提供免费、高效的开发工具，让天下没有难做的应用
2. 改进应用形态，让用户更方便的获取数字服务

DCloud也再次承诺不会对uni-app、HBuilderX等工具收费，感谢数百万开发者的一路陪伴，也请一直监督我们不忘初心！

app端和pad端如果横屏开启时底部会一直有白条，竖屏没有

目前我是隐藏状态栏去了白条

用uniapp给公司写过一个小程序，抽取出了一个起始脚手架，使用pug、stylus、loadsh-es、eslint、vuex，和一个灵活的样式库（包含基础组件和业务组件结构），文件夹安排好了前端结构，如常量constants，工具函数utils等，另外还能将svg自动转成iconfont，欢迎试用和提建议/:,@-D

https://github.com/liuyanzhi08/uniapp-scaffold

访问路径之前用的localhost，改成电脑ip就好了

uni-app二维码、条形码扫码自定义

github地址，喜欢的可以star下哦

插件预览图

使用教程

1.插件代码拷贝

• 下载后把components目录下scan.vue文件拷贝到自己项目目录下

2.插件全局配置

• 在项目里main.js中配置如下代码

import scan from './components/scan.vue'  

Vue.component('scan',scan)  

3.插件使用

• vue页面使用

<template>  
    <view>  
        <scan @getCode="getScanCode"/>  
    </view>  
</template>  

<script>  
    export default {  
        data() {  
            return {  

            }  
        },  
        methods: {  
            //获取扫码控件  
            getScanCode(val){  
                console.log(val)  
            },  
        }  
    }  
</script>  

<style>  

</style>  

兼容性

uni-app项目ios、android都兼容

自动聚焦爬坑
需求：在扫码pda扫码然后每次扫完需要自动input
爬坑：一开始，我设置focus，在浏览器调试可以，但打包成安卓运行在5.1就会失效。经验就是：

    <input class="uni-input"  @confirm="onKeyInput"  
             :focus='setFocus' placeholder="请扫描条码" v-model="inputValue" disable=true @blur='resetFocus' @focus="addStyle" />  

export default {  
        components: {  
            mpvuePicker  
        },  
        data() {  
            return {  
                setFocus: false,  
            };  
        },  
        methods: {  
            resetFocus() {  
                this.setFocus = false;  
            }  
               }}

在失去焦点的时候 一定要把focus设置为 false，然后在别的事件触发完，再设置为true

            postProductInfo: function(product = {}) {  
                let _data = product;  
                uni.request({  
                    url: url,  
                    method: 'POST',  
                    data: _data,  
                    success: (res) => {  
                        uni.showToast({  
                            title: res.data.msg,  
                            duration: 1000  
                        });  
                        this.stockTimeNum()  
                        setTimeout(() => {  
                            this.setFocus = true  
                        }, 400)  
                    }  
                })  
            },

比如这里，坑就是之前我之前已经在某个地方写了this.setFocus = true，页面确实聚焦了，但是在有toast，下面的列表举荐渲染的时候，页面的input会闪一下，导致重新失去焦点，这时候需要自己找下在哪是最后一次渲染完 然后重新聚焦。

安卓5.1双向绑定失效

我在安卓8.0没问题 但是在pda扫码机器上 在动态刷新已扫码数量的时候，会不更新。控制台打印信息为：请求成功，但是无数据。不敢复现bug截图了。

解决办法：

        data() {  
            return {  
                pickerText: '',  
                scope: ''  
            };  
        },  
               methods: {  
            onConfirm(e) {  
                this.pickerText = e  
                this.scope = this.pickerText.value[0]   
                this.$nextTick(function() {  
                    this.stockTimeNum() // 这里的请求方法我直接直接使用this.pickerText.value[0] 请求传餐，会在5.1失效。。。爬坑时间半天。  
                    this.setFocus = true  
                })  
            }  
}

ps:爬了一天T.T。感谢uniapp团队。

自己之前在业务中碰到需要tab组件，发现uni-app没有提供该基础组件，因此自己封装了一个简易的tab标签组件，如果有需要可以拿去使用，如果觉得还阔以，还请赏个star以激励作者，蟹蟹啦。
npm包中包含组件实现以及demo示例，很清晰，有问题可以提issue，会尽快回复。
github地址：https://github.com/tingyuxuan2302/uni-app

很多刚开始接触iOS证书的开发者可能不是很了解iOS证书的类型功能和概念。

下面对iOS证书的几个方面进行介绍。

iOS证书的类型和作用

1、iOS开发证书

iOS开发证书是用于测试APP，在开发过程中安装到苹果手机真机测试APP的运行情况。

2、iOS发布证书

当APP开发测试好后上线就需要用到iOS发布证书，用iOS发布证书打包的ipa才能上传到App Store审核。

3、iOS推送证书

iOS推送证书是用于推送通知的，平时我们在手机的系统栏下拉看到的那些消息就是推送通知，如果要做这个功能就需要配置推送证书。

4、iOS企业证书

iOS企业证书需要企业开发者账号才能申请，用于无法上架App Store的苹果APP打包签名使用。

常用的就是以上这4种iOS证书，当你需要什么功能的时候就知道用哪个类型的iOS证书。

iOS证书的构成和有效性

iOS证书由两个文件构成。p12文件和.mobileprovision文件

p12文件相当于公钥，.mobileprovision文件相当于私钥。

开发证书p12文件苹果规定只能申请2个，发布证书p12文件只能申请3个！iOS证书配置.mobileprovision文件是没有任何数量限制的！

p12可以共用，一个p12可以对应无数个.mobileprovision文件！所以就算p12申请一个也够用了，可以对应创建无数套iOS证书！

所以对于证书数量的担忧是没有意义的！不会限制你上架多少个APP！

ios证书的有效期是一年，在我们软件的和开发者后台都能看到到期时间。

iOS证书可以删除吗，到期怎么更新

iOS证书是可以随意删除的（不管有没有到期），不会影响已经上架的APP。

如果你还在测试APP。删除了测试用的开发证书，APP将打不开，当然这个也没什么关系，测试APP是要不停打包的，重新申请证书打包重新安装就可以了。

iOS证书到期了需不需要重新申请呢，具体看需要，如果你要更新已经上架的APP，更新版本，删除到期的证书重新申请打包上传更新。

如果不更新APP，到期了不管他也没什么关系，不会影响上架了的APP。

阿里云双十一，云服务器历史最低价来啦啦啦！！
1核-2G-1M，1年86元，3年229。
2核-4G-3M，3年799元。
2核-8G-5M，3年1399元。
4核-8G-5M，1年5621元。
8核-16G-8M，3年12209元。
1核-1G-1M，香港服务器1年119块。
2核-4G-5M，香港服务器3年2926块。
现在下单就可以买。
（没有新账号的，用家人的来注册阿里云并且实名）
拼团链接：https://www.aliyun.com/1111/2019/group-buying-share?ptCode=F9E6C0F5F69CFE2439882EFC16E69926647C88CF896EF535&userCode=wbqjs7bw&share_source=copy_link

先领取2000元红包再拼团
红包链接：https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=wbqjs7bw

无法生效的写法：<textarea show-confirm-bar="false">
测试有效的写法：<textarea ：show-confirm-bar="A" >，在js的data中设置A：false

不知道是否清晰

如果你的app现在和未来都不会涉及和原生代码混合开发，可以考虑使用5 SDK。
uniapp同理。

否则

我劝你老老实实使用原生代码进行开发。我个人在项目开始时采用5 SDK开发，因为前期工期紧张需求不明确，确实给我省了时间。随着需求越来越明确，混合开发不可避免了。现在项目已经历时两年，我怀着沉痛的心情要抛弃这个框架，除了在androidstudio中不能调试外，它的每一次升级或者android每出一个新版本我都提心吊胆。

最后想说每个框架都有它的应用场景，不要视图一招鲜吃遍天

如果你的app现在和未来都不会涉及和原生代码混合开发，可以考虑使用5+SDK。
uniapp同理。

否则

我劝你老老实实使用原生代码进行开发。我个人在项目开始时采用5+SDK开发，因为前期工期紧张需求不明确，确实给我省了时间。随着需求越来越明确，混合开发不可避免了。现在项目已经历时两年，我怀着沉痛的心情要抛弃这个框架，除了在androidstudio中不能调试外，它的每一次升级或者android每出一个新版本我都提心吊胆。

最后想说每个框架都有它的应用场景，不要视图一招鲜吃遍天