#Vue

avatar
lencx
2周前
Liquid Glass 我已经看到好几个 Web 版本了，防止用的时候找不到，我都整理进 GitHub 了。感兴趣的朋友可以关注一下仓库，如果有新发现也欢迎 PR。 目前 Web 版液态玻璃基本都在 SVG 滤镜上下功夫，代码乍一看都差不多。有一个 Vue 版用到了 WebGL，挺有意思。
#Liquid Glass #Web 版本 #GitHub #SVG 滤镜 #Vue #WebGL
avatar
XiaoPeng
1个月前
我要从Vue迁移到React，Cursor做了一个6周的方案。现在自己忙活了3小时了，已经干了1/3了。我应该批评她估计的不准，还是表扬她干的快？
#Vue #React #迁移 #Cursor #效率 #时间管理
avatar
NanYi
1个月前
感觉Claude 4也没有编码很强啊，一个vue文件，包含通用的导航栏，登录状态，整体背景，另外包含两个导航栏的内容，通过变量控制显隐，使用GitHub Copilot中的Claude 4去拆成两个路由页面和通用的部分。愣是代码搞的面目全非最后还是错的，甚至文件命名规则都与原先不匹配…
#Claude4 #编码能力 #GitHubCopilot #Vue #前端开发
avatar
大喵的零基础前端课程： 1. 全程线上直播，保底450课时，学费低廉（私信咨询） 2. 课程内容包含数据结构、算法、计算机网络、React、Vue、Nodejs、TypeScript、数据库等，深入浅出讲解计算机科班核心课程 3. 曾用半年送过多名同学直接进入大厂 4. 8年讲师，6000+小时上课经验 5. 可免费试听超100课时
#零基础 #前端课程 #线上直播 #大厂就业 #计算机网络 #React #Vue #Nodejs #TypeScript #数据库 #免费试听
avatar
idoubi
4个月前
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 #框架对比
avatar
🍋 Hazymoon
6个月前
有 React 大佬推荐点适合学习的项目吗，可以快速掌握 React 生态和新特性的。 上次写 React 还是两三年前，基本忘得一干二净，Vue 写多了发现很多需要用到的框架都是 React 的，这下不得不学了。。。
#React #学习项目 #生态 #新特性 #Vue