无插件实现一个甘特图组件

思路通过定位的方式，借助固定格子宽度的计算， 使得任务块的渲染仅仅需要计算就可以实现了<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

开发 · 今天 · 2 人浏览

根据业务需求封装一个无依赖简易的Jsonp

最近业务需要和硬件交互，需要客户端发起不同源的请求，但项目中使用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();

开发 · 7 天前 · 17 人浏览
Harexs
Harexs 8 天前

统一包管理工具和锁文件非常重要，今天排查了一天最后发现是有些依赖就算是锁的minor，发生了一些变动一样也导致了不可预估的和查明的BUG发生...

记Vite打包失败之FATAL ERROR: Reached heap limit Allocation failed - JavaScript heap out of memory

环境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版本中是对内存使用做出了限制

开发 · 03-26 · 63 人浏览

此内容被密码保护

请输入密码访问

开发 · 03-18 · 55 人浏览

文件上传修改文件名代码段

开发 · 03-18 · 48 人浏览
2024 Harexs. All Rights Reserved.
Theme Jasmine by Kent Liao