思路通过定位的方式,借助固定格子宽度的计算, 使得任务块的渲染仅仅需要计算就可以实现了<div class="tableList" v-for="(item,index) in tableData" :key="index" :style="{width:taskWidth+'px'}"> <div class="taskPoint" :style="{width:item.offsetWidth+'px',left:item.leftMargin + 'px'}"></div> </div>核心代码1: 通过渐变重复背景实现格子效果.tableList{ height: 40px; border: 1px solid #DDDDDD; border-left: 0px; border-top: 0px; mar
最近业务需要和硬件交互,需要客户端发起不同源的请求,但项目中使用Axios封装的请求没有天然的对JSONP进行支持,于是基于对Jquery Ajax中的一些了解,封装一个简单的JsonP请求核心代码export const Jsonp = <T extends Record<string, any>>(url: string, params: T) => { return new Promise((resolve) => { const callbackName = "jsonp_callback_" + Math.random().toString(36).slice(2); // 添加回调函数到全局作用域 window[callbackName] = function (data: Record<string, any>) { // 移除 script 标签和全局函数 cleanup();
统一包管理工具和锁文件非常重要,今天排查了一天最后发现是有些依赖就算是锁的minor,发生了一些变动一样也导致了不可预估的和查明的BUG发生...
环境Vite 4.5.3 Vue3.2 Window10 Node16.19原由其实就是项目太大,内存限制超出了,Windows系统下加个轮子设置下内存限制,Unix直接设置环境变量:pnpm install cross-env -D解决然后在项目打包命令做出调整:"build":"vite build"改为:"build":"cross-env NODE_OPTIONS=--max-old-space-size=8192 vite build"尝试后续将Node版本升级到了18.19,发现就没有这个问题,所以我认为在之前的Node版本中是对内存使用做出了限制
请输入密码访问
Harexs
风归云动,天河泻梦