摘要:
1.实现思路 Echarts本身没有这类图形,可以使用其扩展echarts-gl进行绘制,echarts-gl曲面图可以完成这类需求 <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script> <s 阅读全文
摘要:
1.前言 PDA扫码是工厂项目中是非常常见的功能,这里记录下工作中的开发思路和模板,仅供参考 PDA扫码模式:模拟输入和广播模式 模拟输入:模拟键盘输入,一般后面会设置追加一个回车,优点是通用型强,缺点是每次扫描前需要先获取焦点,且弹出的软键盘会遮挡页面布局 广播模式:通过底层的广播进行事件驱动,优 阅读全文
摘要:
1.前言 需求:制作大屏看板时,经常要展示表格数据,通常一页时放不下的,表格需要自动滚动,并维持表头固定 为何自己封装:网上的滚动组件有2类,一种传入json数据进行滚动(DataV),优点是可以做到表头固定,但是样式不方便自定义,一直是常规滚动插件,不支持表头固定 2.实现思路及说明 组件高度默认 阅读全文
摘要:
1.由来 宏观角度:大屏看板要刚好占满屏幕,不能留有空白区域,也不能出现内容溢出,或者出现滚动条的情形 微观角度:内容必须跟着屏幕分辨率的变化而变化,分辨率大的内容跟着大,分辨率小的内容跟着小 2.CSS自适应单位 CSS中的自适应单位有2种:vw/wh 和 rem vw/wh:100vw当前视口宽 阅读全文
摘要:
1.全局变量 项目根目录的 uni.scss 文件是uni-app内置的常用样式变量,这个文件会自动引入,开发者可直接引用这个变了 文件默认已经定义了常用的变量,开发者也可以在此基础上继续添加 /* 行为相关颜色 */ $uni-color-primary: #007aff; $uni-color- 阅读全文
摘要:
1.介绍 Pinia 是 Vue 的专属状态管理库,它允许你跨组件或页面共享状态,用来代替vuex 与vuex区别:vuex只有一个store,所有的数据都挂载在其上面,而Pinia是一个管理库,既然是库就可以定义多个store,每个store可单独引入 2.安装Pinia 引入pinia 实例化: 阅读全文
摘要:
1.如何理解Vue是渐进式框架 通俗的说,就是可以逐步集成更多的功能,从核心的Vue.js,搭配对应的UI框架(element-ui),还可以搭配vue-router,vuex等插件扩展其功能 阅读全文
摘要:
1.入口 创建实例时,配置setup方法,然后其内部书写组合式API代码,通过组合式API生产的数据和返回,需要暴漏出去才能给HTML使用 <script> //组合式(解构赋值) const {createApp,ref} = Vue var app = Vue.createApp({ //所有的 阅读全文
摘要:
1.何为跨域 AJAX跨域问题是指浏览器出于安全考虑,限制了一个源(域名、协议、端口)的脚本与另一个源的资源进行交互。通俗的说,当前页面的域名、协议、端口必须与ajax访问地址一致,才能正常通信,否则会造成跨域 2.解决方案 浏览器开放限制:浏览器下载插件(Access-Control-Allow- 阅读全文
摘要:
1.输入URL到页面呈现发生了什么 dns解析:将域名解析成对应的IP(浏览器缓存->系统缓存->路由器缓存->DNS服务器) 浏览器与目标服务器建立TCP连接,TCP3次握手连接:浏览器所在的客户机向服务器发出连接请求报文(SYN标志为1);服务器接收报文后,同意建立连接,向客户机发出确认报文(S 阅读全文