一个基于 React、Dva、DataV、ECharts 框架的 " 数据大屏项目 "。支持数据动态刷新渲染、屏幕适配、数据请求模拟、局部样式、图表自由替换/复用等功能。ECharts 图表，已经对数据和屏幕改动进行了监听，能够动态渲染图表数据和大小。在监听窗口小大的模块，使用了防抖函数来控制更新频率，节约浏览器性能。项目环境：react^16.2、webpack-4.0、npm-6.13、nod

uniapp 的组件scroll-view在实现触底加载的功能的时候，首先在App上可以滚动，就必须设置高度；触底加载的动态效果，会发起网络请求的，不用设置height，通过css设置min-height:0

配置方式UniApp：在pages.json文件中配置页面路径和属性，比较简单直接。Vue：通过 JavaScript 对象数组配置，灵活性更高。API 和功能UniApp：提供的路由 API 如navigateToredirectTo等，简单易用，适合多平台的路由操作。Vuevue-router提供丰富的功能，如嵌套路由、路由守卫等，适合复杂的单页面应用。平台支持UniApp：跨平台支持是其主要

scroll-view自定义滚动区域，通过css样式，让滚动区域自适应整个屏幕剩余空间。min-height:0;设置为0

使用uniapp框架搭建的项目，开发的时候在浏览器运行，因为项目要打包成App，所以需要真机联调，需要运行到Android手机，在手机上查看/运行项目。通过真机调试才能确保软件开发的准确性和页面显示的完整性。操作步骤：1.Usb连接手机和电脑，电脑上的HbuilderX打开项目；2.手机打开开发者选项，允许通过Usb传输文件；3.荣耀手机magicOS8.0，选择USB配置，选择音频来源。。。3.

​2024年1 月 22 日，淘宝原镜像域名（http://registry.npm.taobao.org）的 HTTPS 证书正式到期，导致旧的 npm 淘宝镜像在使用时出错了。npm config set registry https://registry.npmmirror.com //切换到新的淘宝镜像​

通过v-if控制显示不同的眼睛（即选中/未选中状态）

uView组价没有现成的select组件，通过input+Action sheet结合实现。我们需要点击整块input输入框，不仅仅是右侧icon。实现思路：外层套一层@click点击事件；并input设置pointer-events:none

uniapp编译成App后，video标签在App上被编译为原生组件，原生组件层级高于前端组件，类似于flash层级高于div。所以不会随着页面滚动而滚动。解决思路：解决video标签在App上的层级过高问题。封装一个iframe嵌套。即可随着页面滚动而滚动。

renderjs是一个运行在视图层的js。它比WXS更加强大。它只支持app-vue和web。