摘要:转载自:https://mp.weixin.qq.com/s/lXStj_oS4dXGl8UWsYx8LQ 处理大文件上传是个常见需求。直接上传大文件会遇到很多问题:网络不稳定、内存占用高、上传失败后又要从头开始。我们需要一套完整的解决方案。 核心思路 我们的做法是把大文件切成很多小片,分别上传这些
阅读全文
摘要:参考资料:https://juejin.cn/post/7157419778678718495 <template> <p>这是用户管理页面11</p> <div id="container" style="width:100px; height:100px; overflow: hidden; "
阅读全文
摘要:https://github.com/vnyoon/web-magic.git
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/Ed_luAxmZ5DDXpW9TBnUiQ 在 Vue3 官网 的「Ecosystem → UI Components」菜单里,官方维护了一份精挑细选的组件库清单:全部基于 Vue3、TypeScript 优先、活跃维护、社区认可。
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/5gdIX3r8E6wN2ntTYzw_5g 原文链接:https://medium.com/devmap/10-vue3-performance-boosting-hacks-4382a8dbfeb 你的 Vue 3 项目运行缓慢?组
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/hE7XmPjSOGpD6EYQCKSpkw 在前端开发领域,数据可视化已然成为不可或缺的一环。 目前市面上主流的图表库诸如 ECharts、AntV 等,虽然功能强大,然而在实际使用过程中,不少开发者会遇到一些问题。 比如,这些图表库
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/-jpZdbFFgbWo5I0aEtCLpw 你是否也经历过这样的场景:刚刚加班加点修复了一个线上紧急 Bug,满怀信心地通知用户刷新页面,得到的反馈却是 “问题依旧”。你无奈地回复:“请您清一下浏览器缓存或者开无痕模式试试”,内心却在
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/owhEQ6vUOZ1R_Pf1a6uRMQ 说到“断点调试”,好像都是浏览器内置的开发者工具专有功能,或者说都是后端 Java 开发用得比较多,前端开发反而不怎么使用断点调试! 本文编写时使用的 VSCode 版本: 1.102.2
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/kVM43DGuqkhUUvg0q_8zmg ES6 引入箭头函数后,很多开发者喜欢上了它简洁的写法。箭头函数用起来方便,还能避免一些 this 指向问题。 但并不是所有地方都适合用箭头函数。有时候用了反而会出错,特别是下面这五种情况。
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/fqZ-ExjFhHCVdkZf8RDx5Q 最近在翻 GitHub 的项目时,意外发现了一个有点年代感但挺有意思的东西 —— ThreeNodes.js。 这个项目虽然是 2012 年左右写的,但看完之后我第一反应是: “ “这不就是
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/49fT-I56d-J1elUMrRKEyA 有几种方法可以检测用户是否离开了当前页面: 1. visibilitychange 事件 document.addEventListener('visibilitychange', func
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/x0GZ5p_jjzgBszy25qQasQ 推荐 PaletteMaker,一款专为视觉设计师打造的 AI 配色工具,它能彻底改变您创建和应用色彩方案的方式。 您一定会爱上这款工具的以下特点和优势,让您迫不及待想要尝试: 实时设计预览
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/NobBH3MCTj556d5Ez3G9iQ 朋友们!今天必须给大家安利一个让我疯狂尖叫的 AI 生图神器——CreateVision AI ,用过之后只想说:这玩意儿简直是在慈善式做工具,免费+无限生成的组合,直接卷死同行好吗! 一、
阅读全文
摘要:如果需要将动画嵌入 网页或移动端,优先选择 JSON 导出(Lottie/Rive);若需矢量图形编辑,则选择 SVG 导出工具。 》》》》》》》》》》最简单:Wick Editor次简单:RivePencil2D万彩动画大师 Rive (原 Flare)导出格式:JSON 用途:专为交互式动画设计
阅读全文
摘要:https://github.com/GrapesJS/grapesjs
阅读全文
摘要:免费的SVG开发工具种类丰富,涵盖在线编辑器、桌面应用及AI辅助工具,以下是一些值得推荐的选项,结合功能特点、适用场景及用户体验进行分类说明: 一、在线SVG编辑器(无需安装,轻量级)即时设计(JS.design)特点:提供丰富的SVG设计模板(图标、插画、页面等),支持在线编辑和导出多种格式(包括
阅读全文
摘要:原文地址:https://mp.weixin.qq.com/s/LflaurrKqPgYtyX2q8K-ag 一、引言:Vue3 生态的四年蜕变 自 2020 年 9 月 Vue3 正式发布至今,已过去近五年时光。这期间,Vue 生态宛如繁茂的森林,衍生出众多强大工具,构建起一套完整且高效的开发体系
阅读全文
摘要:原文链接:https://mp.weixin.qq.com/s/SR07aYLl67b5QK5odczsBQ • 1. Vue项目如何刷新页面的组件 • 1.1. 方法一:使用 router-view 动态 key • 1.2. 方法二:v-if + 组件销毁重建 • 1.3. 方法三:绕过 kee
阅读全文
摘要:转载:https://mp.weixin.qq.com/s/xbIkiReAQIvgwGqJqwQ3nw 在排查生产环境问题的时候,如果能用上 Vue 或 React 的开发者调试工具就非常方便了,但是一般生产环境都禁用了调试入口。如果想开启,就得用抓包工具替换相应的 JS 文件才行,用起来比较繁琐
阅读全文
摘要:转自:https://mp.weixin.qq.com/s/dG691i7FLFOviToKnPi-SQ 对于线上环境,一般会禁用Vue调试工具,之前介绍过一个通过Chrome Overrides来修改源代码的方式可以实现线上环境也能开启Vue调试工具(这个 Chrome 调试技巧太实用了),但是相
阅读全文