日常工作 经验总结

1，在使用vue2开发项目时，快捷有效的组件化component

若有参数传递时，可以通过这样传递  在component中:

2，上拉加载，下拉刷新

若是使用局部进行上拉加载   下拉刷新 且需要用到scroll-view时  那么需要切记scroll-view在内被mescroll-uni包裹。若场景有限  对于无数据显示时  且超出scrollview时，那么可以这样操作：

随后在scrollview内部的底部根据获取数据的长度  在最底部添加没有更多了即可。

3，对于vue3安装echarts图表时，报错或者安装不上，显示404，找不到echarts图表文件等情况，属于node版本问题，可以安装nvm进行切换最新版本。

4，在日常项目中，对于需要拼接路径时，需要采用到的方式进行拼接  URL.createObjectURL(_blob)

主要需要了解该部分内容：    

                   let _blob = new Blob([res], {
                        type: "application/vnd.ms-excel"
                    })
                    let newUrl = URL.createObjectURL(_blob);

4，实时更新视频，摄像头的写法：

记住这里使用的是接口  所以可以不做父传子。父传子下次进入后为空不会播放视频  必须调用接口才可以。

引入component文件中的写法内容

主干内容：

<template>
    <video id="jswebrtc" ref="jswebrtc" controls :autoplay="true"
        style="width: 100%; height: 100%; object-fit: fill;"></video>
</template>

<script>
    import {
        video_time
    } from "@/api/system"
    export default {
        data() {
            return {
                player: null,
                videoSrc: ''
            }
        },
        async created() {
            //请求视频的接口
            await this.data_()
        },
        methods: {
            data_() {
                video_time('').then((res) => {
                    this.videoSrc = res.data.videoinfo
                    this.initVideo(this.videoSrc);
                }).catch(res => {
                    console.log("请求失败", res)
                })
            },
            initVideo(url) {
                if (this.player) {
                    this.player.destroy();
                    this.player = null;
                }

                let videoDom = document.getElementById('jswebrtc');
                this.player = new JSWebrtc.Player(url, {
                    video: videoDom,
                    autoplay: true,
                    onplay: (obj) => {
                        videoDom.addEventListener('canplay', function(e) {
                            videoDom.play();
                        })
                    }
                })
                console.log("this.player,videoDom", this.player, videoDom)
            }
        },
        beforeDestroy() {
            if (this.player) {
                this.player.destroy();
            }
        }
    }
</script>

<style>
</style>

注意引入min的安装文件的方式：

主干内容：

var JSWebrtc={Player:null,VideoElement:null,CreateVideoElements:function(){var elements=document.querySelectorAll(".jswebrtc");for(var i=0;i<elements.length;i++){new JSWebrtc.VideoElement(elements[i])}},FillQuery:function(query_string,obj){obj.user_query={};if(query_string.le