unaiapp前端编程小记

uni-app

uni-app，uni念you ni，是统一、聚合的意思。虽然名字里有app，但实际是泛指前端应用。
uni-app是为js开发者提供的一个全端开发框架，可以开发一次编译为web、App、小程序（微信/阿里/百度/字节跳动/QQ）、快应用。
它支持使用各种ide开发，比如vscode、webstorm，但与HBuilderX结合使用更完美。
uni-app是当前国内主流开发框架，手机端月活超过12亿，案例众多：
uni-app是vuejs的语法+小程序的API，它有独立的js引擎，原生能力的扩展基于独立js引擎，而不是基于webview的扩展方案。
在App端，uni-app支持视图层使用原生渲染（此时类似react native），也支持使用webview渲染（此时类似小程序引擎），开发者可以自行选择。

1.读取目录列表：

getDirList(){
                const self=this;
                var dirPath = '';
                plus.io.requestFileSystem(plus.io.PRIVATE_WWW, function(fs) {
                let a = fs.root.toURL();
                console.log(a)
                dirPath = a + '/static/images';
                plus.io.resolveLocalFileSystemURL(dirPath, function(entry){
                var directoryReader = entry.createReader();
                directoryReader.readEntries(function(entries) {
                for (var i = 0; i < entries.length; i++) {
                 self.imglist.push("../../static/images/"+entries[i].name);                                            }
                
                })
                })
            }, function ( e ) {
        alert( "Request file system failed: " + e.message );
    })

    }

其中，

• 应用私有资源目录，对应常量plus.io.PRIVATE_WWW，仅应用自身可读
• 应用私有文档目录，对应常量plus.io.PRIVATE_DOC，仅应用自身可读写
• 应用公共文档目录，对应常量plus.io.PUBLIC_DOCUMENTS，多应用时都可读写，常用于保存应用间共享文件
• 应用公共下载目录，对应常量plus.io.PUBLIC_DOWNLOADS，多应用时都可读写，常用于保存下载文件

2.给组件属性赋值绑定，如果要用方法进行动态渲染，需注意在方法函数里this的指向问题，一般可用：

const self=this

来解决。

3.上拉加载和下拉刷新的问题：

    onPullDownRefresh() {
        this.page=1;
        
        this.getinfo();
        
    },
    onReachBottom() {
        this.page++;
        console.log(this.page)
        uni.showNavigationBarLoading();
        this.getinfo();
        
    }

4.扫码问题：

能用全屏扫码：uni.scancode

5.全局变量的问题：

getApp().globalData方式最为简单。但变量仅存在于软件进程中，软件进程结束也随之刷新。

uni.setStorerageSync 与uni.getStorerageSync在软件删除之前永远存在。

6.关于tab的问题：

用了不少的插件都有这样或那样的问题，不是只支持h5，不支持app，就是各种报错，最后用swipper解决问题。可以与echarts很好的结合。