#Vue

1个月前

最近的推：Electron 还是 tauri、React 还是 Vue ….

#Electron #Tauri #React #Vue

1个月前

前几天开会聊独立开发有同学问我为什么选择 react 而不是 vue 我之于这两个框架都是新手哪怕是现在我也可以随时切换，毕竟懂得不多，投入不多我选择 react 原因如下： - next.js : next.js + supabase 是新时代的技术栈 - react native: 感觉总有一天我会去写 app，react native 是一个非常好的选择 - 个人趣味：我觉得 react 更有趣一些

#独立开发 #React #Vue #技术选型 #Next.js

1个月前

给你们讲一个懒猫相册开发者的故事吧时间拉到2022年，那时候公司入职了一个小伙子擅长写Vue和玩Linux，小伙子平时不太喜欢说话，所以第一个月就没有怎么管。那时候我们正在测试硬件模具，看了小伙子写代码能力还可以，我说开发相册App吧，然后我就去深圳了。过了半个月回来的时候，问进度，同事说小伙子骑自行车摔了一跤，把手臂摔断了。哎呀，怎么这么不小心啊等小伙子手好了，就继续开始写相册，第一版懒猫相册写出来的时候被我狠狠的喷了。我说用户有可能有30万张图片，你们怎么用传统的Web控件就开始写了？浏览器的原理，如果超过2000个DOM元素，像Vue和React这种响应式前端框架，光首次layout计算都需要很长时间，而且你们为了上传去重，居然每个相册都用md5计算？你们知道万一用户手里是一个红米那样的渣渣手机呢？图片还没有上传，手机的电都被你们暴力算md5算没电了那天我这个商务真的对研发的同学好一顿教育啊，哎，教育是教育，等消了气，我又给全体前端开发做了一次前端技术培训。培训的内容主要讲解动画的原理，怎么通过自绘、逐帧曲线变化，来欺骗用户的视觉，形成流畅的自绘控件。自绘控件的原理就是通过画布绘制，把相册这种几十万的对象的场景，从传统的DOM指数性能消耗，减少为单屏的常量绘制。因为像相册这样，你是不可能把几十万的对象都弄成DOM的，而且Vue/React这种动态属性绑定的设计，尤其耗费性能，几十万对象一上去，layout非常耗时（白屏），任何操作都会让浏览器性能榨干，甚至内存过爆卡死。而自绘控件永远都只用绘制可视范围内的对象，现代计算机绘制任何一个屏幕的内容都是非常非常快的，只用做好动画帧分解就好了。讲完自绘后，我又讲了为了动画流畅，我们可以适当的实现双缓冲，简而言之，就是你的绘制对象要超过用户的屏幕，这样当用户滚动的时候，屏幕外的内容已经准备好了，就不用每次滚动都需要重新绘制，减少因现绘制导致的屏幕反复闪烁。为了让同学们听懂，我在白板上用画静态图片的方式一帧一帧的讲解，画了整整两白板，甚至还表演起来了动画的变化。当时下课的时候，我问同学们听懂了没？大家似懂非懂的点点头。我讲完又去深圳整硬件了，因为快过年了，要赶进度，出差路上我还在想，虽然自绘控件可以解决任何超多对象的图形App性能问题，但是真的要做到极限性能，需要对图形绘制的原理、坐标的计算还有数据结构的设计都要想的非常清晰才行，要不很容易写出意大利面条的代码，无法维护。当时我还在整硬件，就那么想了想，没有对小伙子能够实现自绘抱有希望。春节后上班第一天，相册1.0就写出来了，我当时听了非常震惊，我说怎么做到的？同事说，相册的小伙子春节一天都没回家，就在武汉吃泡面，吃了20天，一个人从零写了相册的自绘控件。我靠，他居然没回家啊？我用了一下新版相册，非常惊喜，看来小伙子完全懂了。新版的相册利用了自绘和双缓冲，实现30万张照片任意拖拽，0.5秒内把家中照片全部绘制到用户的手机上，使用体验非常棒，我们应该是5G云相册里面缩略图显示最快的厂商了，这完全归功于懒猫相册的开发者，从零撸的自绘控件。你们看，一个应届毕业生，只要又决心，用心学习，死磕就可以快速成长为技术大牛！好了，今天的故事就讲到这里了，喜欢我们创业故事的朋友，欢迎点赞、收藏、转发喜欢我们产品的老板，欢迎购买懒猫微服，评论区打1有优惠！

从月薪1800到被裁后独立开发，程序员的逆袭之路· 65 条信息

#懒猫相册 #开发者故事 #技术突破 #性能优化 #应届生 #自绘控件 #Vue #React

1个月前

vibe 越久越怀念 vue 我建议零基础 Vibe Coding 的，直接选 Vue 原因很简单： React 那套开发、生产不一致问题谁不晕：本地好好的，线上挂了，本地有问题，线上就可以 react 性能优化也很跨，一点不友好，memo、useMemo、useCallback...... 我已经在这浪费了好多时间如果不是我的技术合伙人是 React 技术栈，才不用 React 呢

#Vue #React #前端开发 #技术选型 #吐槽

2个月前

我们为什么把事情想的很复杂。因为过去我们都在大公司工作，大公司需要靠系统进行运转，而并非完全依赖人力推动。我们所有处的岗位、面对的问题都是在为系统进行服务。本身维护的用户规模、业务规模、产品形态就已经是一个比较复杂的事物。然后我们回到个人或初创团队，实际上非常简单，就是卖东西、卖服务。但是我们有思维上的惯性，比如我我写的这个这个落地页，没有后端，纯静态页面， react 框架写的、也可以直接html 搞定，用什么都无所谓。直接静态发布到 cloudflare 就可以了。就是这么简单，而我曾经还纠结用用react 还是vue ，用nextjs 还是 django 之类的东西，都是大公司的病。

#大公司病 #思维惯性 #React #Vue #Django

2个月前

睽違五年，JavaScript 技術研討會 JSDC 回來啦！ 🎉 這次陣容超豪華： 🔥 Vue 作者尤雨溪 Evan You 🔥 Storybook 共同創辦人 Michael Shilman 🔥 《流暢的 React》作者 Tejas Kumar 🔥 Hono 作者 Yusuke Wada ……以及更多重量級講者即將登場！ 📅 JSDC 2025 將於 11/29 盛大回歸！

#JSDC 2025 #JavaScript #尤雨溪 #Vue #技术研讨会

3个月前

为新发布的 Vue ECharts 8.0 写了一篇发布文章：

#Vue #ECharts 8.0 #发布文章 #前端技术 #新版本

花果山大圣

4个月前

看了下vue的vapor模式很强啊这个中文应该叫啥

#Vue #Vapor模式 #前端技术 #中文命名 #技术讨论

花果山大圣

4个月前

vue vapor模式中文应该叫啥

#Vue #Vapor模式 #中文名称 #技术讨论 #命名

6个月前

Liquid Glass 我已经看到好几个 Web 版本了，防止用的时候找不到，我都整理进 GitHub 了。感兴趣的朋友可以关注一下仓库，如果有新发现也欢迎 PR。目前 Web 版液态玻璃基本都在 SVG 滤镜上下功夫，代码乍一看都差不多。有一个 Vue 版用到了 WebGL，挺有意思。

#Liquid Glass #Web 版本 #GitHub #SVG 滤镜 #Vue #WebGL

7个月前

我要从Vue迁移到React，Cursor做了一个6周的方案。现在自己忙活了3小时了，已经干了1/3了。我应该批评她估计的不准，还是表扬她干的快？

#Vue #React #迁移 #Cursor #效率 #时间管理

7个月前

感觉Claude 4也没有编码很强啊，一个vue文件，包含通用的导航栏，登录状态，整体背景，另外包含两个导航栏的内容，通过变量控制显隐，使用GitHub Copilot中的Claude 4去拆成两个路由页面和通用的部分。愣是代码搞的面目全非最后还是错的，甚至文件命名规则都与原先不匹配…

#Claude4 #编码能力 #GitHubCopilot #Vue #前端开发

大喵(8年前端讲师，能教你学会编程)

7个月前

大喵的零基础前端课程： 1. 全程线上直播，保底450课时，学费低廉（私信咨询） 2. 课程内容包含数据结构、算法、计算机网络、React、Vue、Nodejs、TypeScript、数据库等，深入浅出讲解计算机科班核心课程 3. 曾用半年送过多名同学直接进入大厂 4. 8年讲师，6000+小时上课经验 5. 可免费试听超100课时

#零基础 #前端课程 #线上直播 #大厂就业 #计算机网络 #React #Vue #Nodejs #TypeScript #数据库 #免费试听

10个月前

AI 生成代码，实时预览的几种方案👇 一、 html + srcdoc + iframe 1. AI 生成可以通过浏览器直接打开的 html 文件（单文件，html/css/js 写到一起） 2. 通过 iframe 的 srcdoc 传入 html 源码预览 3. 通过 importmap 指定依赖包的 CDN 资源。这种方案实现起来简单，预览效率高。二、react/vue + blob + iframe 1. AI 生成 react / vue 组件代码（单文件组件，无本地 import 依赖） 2. 通过 Babel.transform 转换 react 组件/通过 VueCompiler 编译 vue 组件 3. 使用转换/编译后的组件，构建一个 html 文件 4. 使用 blob 构建预览 url，传入 iframe.src 预览 const blob = new Blob([html], { type: 'text/html' }); iframe.src = URL.createObjectURL(blob); 这种方案稍微复杂一些，适合 react / vue 单文件组件预览。 3. webcontainer 1. AI 生成组件代码（可以返回多个组件文件，组件可以互相 import） 2. 构建一个最小可运行的 vite 项目骨架，把 vite 骨架包含的文件和 AI 生成的组件打包在一起，构建一个文件树 3. 启动 webcontainer 容器，挂载文件树 4. 通过 webcontainer 执行终端命令，安装项目依赖 5. 通过 webcontainer 启动预览服务，得到预览地址 6. 把预览地址传入 webcontainer 容器外的 iframe.src 实现项目预览这种方案依赖 webcontainer，可以实现多组件预览，灵活性更高，但是涉及到文件挂载，命令行安装依赖等步骤，预览速度会慢一些。 ----- 总结 ----- 方案一适合用户不关心代码，只想快点看到效果的场景，比如用 Pagen 一句话生成 landing page，页面内容都在一个 html 文件里面。方案二适合辅助前端写组件场景。比如用 CopyWeb 截图复刻设计，生成单个 react 组件，在线预览效果，导出到本地项目使用。方案三适合一句话生成完整项目场景，比如用 bolt/v0 一句话生成 nextjs 项目骨架，可在线预览，可导出 zip 到本地修改。

#AI生成 #代码预览 #实时预览 #HTML #浏览器 #前端开发 #技术方案 #React #Vue #框架对比

1年前

有 React 大佬推荐点适合学习的项目吗，可以快速掌握 React 生态和新特性的。上次写 React 还是两三年前，基本忘得一干二净，Vue 写多了发现很多需要用到的框架都是 React 的，这下不得不学了。。。

#React #学习项目 #生态 #新特性 #Vue