工作日志

为啥要编译opencv 因为 opencv 是频域水印需要的一个功能 但是本体这个包实在是太大了 所以打算编译一个最多 2m 的包出来 编译参考 url: https://docs.opencv.org/4.x/d4/da1/tutorial_js_setup.html title: "OpenCV: Build OpenCV.js" host: docs.opencv.org 环境搭建 首先还得是安装 emsdk 通过万能的 homebrew 进行安装 brew install emscripten url: https://www.cnblogs.com/Wayou/p/webassembly_quick_start.html title: "WebAssembly 上手 - 刘哇勇 - 博客园" description: "安装 Mac 上最便捷的安装方式当然是通过 Homebrew: $ brew install emscripten 安装好之后讲道理就已经自动配置好一切，然后 emcc 命令便可用了。 下面看非 Homebrew 安装的方式。 通过官方 WebAssembly Developer’s Guide 提" host: www.cnblogs.com 构建基础版的 opencv 跟着教程 首先得复制一份到本地 git clone git clone https://github.com/opencv/opencv.git cd opencv emcmake python ./opencv/platforms/js/build_js.py build_wasm --build_wasm

起因 还是接手了之前同事的代码，之前他的代码遗留了一个历史问题，一个element-ui的表格高度只有500 当然，在开发用的mac电脑上看还是很正常的，但是在实际的业务场景中，会有一些使用人使用的是一些大号的屏幕，实际效果上表格只占了页面的一小部分，又因为表格的内容很多，所以空了一大块页面，但是浏览数据却需要不停的滚轮 改进过程 分析要做什么 首先分析了一波造成这样现象的原因，发现是element-ui table的高度被钉死了，但是又由于是历史项目，页面被包裹在一个iframe里，同时element-ui不支持使用auto属性 综上所述，为了一个顺溜的滚动条体验，只能让table自动填满剩余高度了，盘算了一下需要做 监听页面大小变化 防抖，省的卡顿 获取剩余高度 设定一个最小高度 做好各类检测，防止报错 开写 监听问题 window.addEventListener(‘resize’, handler) 记得也要在对应时间销毁 防抖 这里直接上debounce 高度 首先获取页面高度window.innerHeight 然后获取table距离顶部的高度el.getBoundingClientRect().top 这里有个小问题，就是定义的高度是body的高度，但是剩余区域是包括head的所以我们获取对应的高度el.querySelector(‘.el-table__header-wrapper’).offsetHeight 空余高度计算Math.max(innerHeight - offsetTop - tableHeaderHeight - OFFSET_BUTTON, MIN_TABLE_MAX_HEIGHT) 这个是考虑了一个最小高度和空余页面底部距离的算式 整合 const TABLE_OFFSET_BOTTOM = 10 const MIN_TABLE_MAX_HEIGHT = 500 window.addEventListener(‘resize’, _.debounce(function() { const innerHeight = window.innerHeight const table = document.getElementById(‘table’) if (!table) { return } const offsetTop = table.getBoundingClientRect().top const tableHeaderHeight = table.querySelector(‘.el-table__header-wrapper’).offsetHeight const maxTableHeight = Math.max(innerHeight - offsetTop - tableHeaderHeight - TABLE_OFFSET_BOTTOM, MIN_TABLE_MAX_HEIGHT) // 改变element的参数即可 },300)) 结果 很完美，哎嘿 ...