#前端开发

花果山大圣

1天前

这才是前端转自媒体的正确姿势

#前端开发 #自媒体 #职业转型

5天前

我 TM 要笑死了，本来年初的预算，组里要招 1 社招架构师，1 应届前端偏全栈，结果最近预算砍了，只能招一个应届生了，但是前端已经有我干了，所以，准备招个应届架构师... 应届架构师？？！！看到这个定位我直接***

#预算削减 #招聘计划 #应届毕业生 #架构师 #前端开发 #不可思议的人才定位

5天前

和朋友聊到“前端目录结构重构”话题，出现个很有意思的观念分歧。他是资深的工程师，他的做法是：根据自己的经验定义一套目录结构规范，后续 Agent 基于这套规范来重构。可以认为，这是结对编程的 Vibe Coding 流派。我的思路是：我认为未来 100% 代码会由 AI 来写，那“好的目录结构”应该指“对 Agent 检索友好的结构”而不是“对人类检索友好的结构”。于是，我让 Agent 生成 4 套“以 Agent 为受众的目录结构”，再生成 60 条测试用例，每条用例包括： - 一个开发中会问的问题 - 问题的答案比如： - 问题：如果要新增一个全局复用的空状态组件，应该先放在哪类目录，而不是塞进某个 feature 里？ - 答案：回答应优先定位到共享 UI 或共享反馈能力，而不是任何单一业务 feature 。若回答把全局复用组件放进学生、学校等具体业务目录，则不算正确验收标准包括 3 个维度： - 首跳成功率：面对一个自然语言问题，agent 第一反应是否先进入最合理的目录/文件类别 - 收敛成本：从首跳到找到关键文件，需要多大的搜索范围和多少绕路 - 边界判断：能否正确区分相邻层的职责 Agent 先基于 4 套方案并行跑 4 份重构，再为 5 个环境（4个重构 + 1个原始结构）跑用例打分，最后选分高的。最终分最高的方案仅仅是「在原始架构上强化了二级目录治理」，比如 components 下再按类型细分为： - page - ui - feedback 整个过程 Agent 跑了 4 个小时，花了 100刀。这就是 Agent First 的 Harness Engineering 流派。你更看好哪种观念？

#前端开发 #目录结构 #Vibe Coding #人工智能 #编程规范

1周前

新时代“码奸”😅 开发最聪明的大模型，写出最好用的 Skill。然后逼退前端兄弟，接着依次逼退后端兄弟、测试兄弟、运维兄弟、数据兄弟、网安兄弟。新时代“码门忠烈”🫡 用公司的 AI API，模型能选多贵选多贵，思考能拉多长拉多长，不用 Skill，删掉 MCP，就靠推理硬生成。不塞爆上下文，誓不开新对话。然后用月底的账单吓退拥抱 AI 的老板。

#码奸 #大模型 #Skill #前端开发 #后端开发 #测试 #运维 #数据 #网络安全 #码门忠烈 #AI API #MCP #推理生成 #对话上下文 #AI老板

1周前

今天的升级又留下一屁股……升级后打开 http://127.0.0.1:18789/ 的结果是Control UI assets not found. Build them with `pnpm ui:build` (auto-installs UI deps), or run `pnpm ui:dev` during development.

#技术问题 #开发 #系统升级 #错误信息 #UI构建 #前端开发

1周前

被 AI 赋能的设计师会觉得，那些让人头疼、爱唱反调、却又有主见的工程师，已经没那么重要了。被 AI 赋能的工程师会觉得，AI 产出的设计，对于大多数场景而言，早就够了。后端工程师可能认为，前端开发是个已经被解决的问题；而前端工程师则确定的认为，搭建一个 CRUD 应用，甚至整套后端 API，对 Coding Agent 来说也不过是小菜一碟。 AI 仿佛在每个人耳边低语：除了你的工作，别人的工作都很简单。

#AI #设计师 #工程师 #前端开发 #后端开发 #技术变革

1周前

推荐 Top10：面向前端 / 产品 / UI 的 Agent Skills 这 10 个 Skills 考虑到设计落地频率、对视觉/交互质量的直接提升、在 Codex/Claude Code 等的高复用性。 1. frontend-skill 来自 OpenAI，适合做 landing page、品牌页、demo 页。强项是视觉论点、内容节奏、首屏质量。 2. frontend-design 来自 Anthropic，更偏“高完成度、强风格”的前端设计实现。适合你想把页面做得更有辨识度时用。 3. figma-implement-design 来自 OpenAI，设计稿到代码的核心 skill。凡是产品/设计/前端协作，这个都应该是常用项。 4. web-design-guidelines 来自 Vercel，做 UI 审查非常强。可访问性、表单、动效、排版、交互细节，都能系统性补漏。 5. react-best-practices 来自 Vercel，如果你做 React / Next.js，这个基本必装。它提升的是“实现质量”和“性能质量”。 6. playwright 来自 OpenAI，前端不是只写代码，还要验证真实浏览器行为。这个是 UI 流程调试和回归检查的通用执行层。 7. webapp-testing 来自 Anthropic，比 playwright 更贴近日常本地应用验证，适合检查页面行为、截图、日志和交互回归。 8. canvas-design 来自 Anthropic，适合更自由的视觉探索、展示型页面、画布式交互或概念设计，不是每个项目都需要，但做创意产品页很有价值。 9. brand-guidelines 来自 Anthropic，如果你在做官网、营销页、设计系统、品牌一致性，这个比单纯“写 UI”更上层，适合产品/品牌协同。 10. vercel-deploy-claimable 来自 Vercel，严格说它不是设计 skill，但对前端/产品工作流非常关键。做完页面立刻可部署预览，反馈闭环会快很多。 - 怎么选？- · 偏品牌官网/营销页：frontend-skill、frontend-design、brand-guidelines · 偏产品 UI/设计稿还原：figma-implement-design、react-best-practices、web-design-guidelines · 偏交互验证/可用性：playwright、webapp-testing · 偏创意探索：canvas-design

#前端开发 #产品设计 #UI设计 #人工智能 #设计工具 #代码复用 #视觉质量

1周前

终于搞定了，小龙虾渲染图片的方法 1. 小龙虾在内部用 0.0.0.0:8899 渲染 2. 前端 React + Markdown img语法渲染 3. 后端整 chat 缓存图片，下次返回 chat.history 没有http也可以查看图片

#小龙虾渲染 #前端开发 #后端缓存

小隐新十年（Feng Wang）

1周前

更新/为什么AI帮我们节省了编写代码的时间，现在连产品经理都可以写前端、工程师开始腾出时间参与讨论设计，反而工作更辛苦，因为竞争是永恒的。水涨船高。

#AI #编写代码 #产品经理 #前端开发 #工程师 #时间管理 #工作竞争

野原新之栋 Sintone

2周前

这两年我做 Mac App 基本一直在用原生 SwiftUI 框架，功能当然能做，但有个很现实的问题：界面常常不太好看。不是说原生不行，而是对我这种不是特别擅长 UI 设计的人来说，很多时候要花不少精力，最后做出来还是容易有点“工程味”。这两天试了下 Tauri，第一感觉就是：太适合现在这个 vibe coding 的时代了。前端那套组件生态、样式系统、现成 UI kit 真的很成熟，哪怕只是快速验证一个想法，也更容易把产品先做得像样、专业、能展示。再加上 AI 在前端生成、改样式、补交互、做自动化测试这件事上确实更顺手，整个开发体验会轻很多。如果你本来就是做 Mac 原生开发的，但又经常被 UI 这件事卡住，我会很推荐试试 Tauri。它未必比原生更“原生”，但在今天这个强调快速验证、快速迭代的环境里，真的很有优势。

#macapp #SwiftUI #UI设计 #Tauri #前端开发 #Vibe Coding

4个月前

看来开发团队又要调整一下了 Gemini 3 作为前端开发 Claude & Codex 作为后端开发主力 MiniMax M2 作为后端备用队员(随时也会提升为主力-升个官😉)

Google Gemini 2.5发布引发AI模型性价比热议· 475 条信息

OpenAI新德里发布会：ChatGPT语音翻译功能引发热议· 869 条信息

#Gemini 3 #前端开发 #Claude #Codex #后端开发

4个月前

昨天喊“前端已死”的那些前端，今天还在继续上前端的班

#前端 #前端开发 #职业 #技术 #打工人

4个月前

😂 Gemini 3.0 生成前端演示挺强，做成生产级产品是不足的，仍然需要专业前端去调整它做不好的部分，以及修复生成的代码的问题。 Gemini 的实时生成 UI 是相当有前景和想象的，但仍然不是替代前端，而是创造了新的交互方式，诞生了更多可能，就像当年从命令行交互到了图形界面交互。

Google Gemini 2.5发布引发AI模型性价比热议· 475 条信息

OpenAI新德里发布会：ChatGPT语音翻译功能引发热议· 869 条信息

#Gemini 3.0 #前端开发 #UI生成 #人机交互 #技术展望

4个月前

Gemini 3 一手实测报告：前端能力的“降维打击”与双模型协作流： Gemini 3（以下简称 G3）正式上线了。为了探究其真实能力边界，我通宵进行了多维度的实测。整体结论是：G3 在前端视觉表现、交互逻辑构建以及多模态生成能力上，给出了超出预期的惊艳表现。我实际做了三个具体的实测 Case，分析 G3 的核心优势，并提出一套基于“G3 + Claude”的双模型协作开发工作流。面对新事物，本能的抗拒是常态，但现在的工具已经将门槛降得足够低。不要追求一开始就做 90 分的事情，先动手做到 70 分，就会发现，这件事没有想象中那么难。哪怕只是去试着写一个简单的网页，或者生成一张漫画，先上手碰一碰这个新东西。真的，现在 AI 越强大，使用门槛越低，它是一个下限很低，上限很高的技能。

Google Gemini 2.5发布引发AI模型性价比热议· 475 条信息

OpenAI新德里发布会：ChatGPT语音翻译功能引发热议· 869 条信息

#Gemini 3 #前端开发 #多模态生成 #AI工具 #双模型协作

Frank Wang 玉伯

4个月前

一个 AI 应用创业公司如果没有前端千万别去很多创始人口头不认但内心愁死了招不到好前端

#AI创业 #前端开发 #招聘难 #技术挑战 #负面情绪

4个月前

如果你不知道怎么把一个前端交互页面变成钱就会觉得：Gemini 3 来了，前端已死如果你知道怎么把一个前端交互页面变成钱就会觉得：受限于前端成本而被压制的供给，现在可以直接起飞你可以用无限攻击，把同行压着打了

#Gemini 3 #前端开发 #商业变现 #成本降低 #竞争优势

大喵CS、转码、预科班(9年讲师，能够教你学会编程)

4个月前

打开推特一天天就是新模型好牛逼，前端又要失业了就他妈不能说点新鲜的？

#AI #前端开发 #失业 #焦虑 #技术

沉浸式翻译

4个月前

还在处找风格不统一的 SVG 图标拼凑界面吗？ Phosphor Icons 是目前 Figma 社区和前端开发圈最受推崇的图标库之一，它不是简单的“图片集合”，而是一套严谨的“设计系统”。它有什么特别厉害的特点？风格高度统一：拥有 6 种不同的粗细风格（从 Thin 到 Fill），完美适配从极简 App 到复杂 B 端后台的任何场景。开发极其友好：除了 Figma 插件，它对 React, Vue, Flutter 等前端框架的支持极其完善，复制一行代码就能用，你的开发同事会感谢你的。灵活易改：它的线条结构处理得非常干净，即使你把它放大 10 倍作为背景纹理，细节依然完美。当你需要一套能伴随产品从小长到大的图标系统时，Phosphor 是最稳健的选择。

#SVG图标 #Phosphor Icons #Figma插件 #前端开发 #设计系统

4个月前

gemini3 pro 让“前端已死”吗 --- 反正我打算去认真的去补前端基础了

Google Gemini 2.5发布引发AI模型性价比热议· 475 条信息

OpenAI新德里发布会：ChatGPT语音翻译功能引发热议· 869 条信息

#Gemini3 Pro #前端开发 #前端基础 #技术趋势 #职业发展

4个月前

用Gemini3试个抽象的，AI短剧：“霸道总裁爱上前端开发的我”

Google Gemini 2.5发布引发AI模型性价比热议· 475 条信息

OpenAI新德里发布会：ChatGPT语音翻译功能引发热议· 869 条信息

#Gemini3 #AI短剧 #霸道总裁 #前端开发 #爱情

4个月前

看推友今天刷了半墙 Gemini 3 的前端测试，说一句不好听的： Gemini 3 不是在帮前端写代码，它是在替前端写代码。注意帮和替的一字之差，前者是放大器，后者是吞掉。当然前端不会消失，但基本可预见只会写前端的人会被机器秒成一地灰。我过去的观点是： AICoding 一定是模型最先爆发的赛道，而前端是最先被爆的赛段。现在我还是这个观点。

#Gemini 3 #前端开发 #AI Coding #自动化 #行业变革

4个月前

感觉不用vuejs会避免大部分的前端争吵……🤣🤣🤣 再就是用React会把大部分时间用于debug代码……🌚🌚🌚

#Vue.js #React #前端开发 #debug #吐槽

4个月前

作为开发者在web 出海赚钱阶段，我还在练找词、做seo，搞流量阶段；我更倾向于尽量少开发量，来完成建站所需的seo 内容。对一个工程的要求，就是能前端完成就前端完成，比如 blog 部分，我就用 mdx来做。甚至不愿意花费代码量在：写一个简单的增删改查服务端页面。代码都是自己能大概看懂的,少量干扰工程文件、影响我的视线。

#开发者 #web出海 #SEO #前端开发 #低代码

4个月前

怎么有推友说我要转型 NAS 评测业务了……我只是喜欢部署代码到我自己摸得到的设备上而已（前端出身职业病？现在的桌面 be like，下周来个树莓派玩玩 ☺️

#NAS评测 #树莓派 #前端开发 #个人部署 #技术分享

大喵CS、转码、预科班(9年讲师，能够教你学会编程)

4个月前

预科班：课程保底一百节课，学费2k。主要目标人群为高中毕业/大一/大二的计算机相关专业同学，但任何其它想/需要学习编程的同学也都完全可以参加，课程面向零基础设计，理论上初中毕业完全可以听懂。课程内容为计算机基础、二进制、编码、编程基础、常见编程语言介绍（如JavaScript，Python，C语言，Java，Scratch等）、编程基本功、基础的数据结构与算法，面向对象等。课程作业总计将有约2000行代码产出。课程目标：为大学计算机相关专业打下良好基础，或多次学习编程未成功的人入门。一百节课能讲这么多东西？能能能能能能能！前端转码课：课程600左右课时，直播和录播都有，直播要等开课且每天定时直播，录播可以随时开始，学费9k。课程面向零基础设计，零基础人群完全可以直接学习，学完可以直接找工作就业，只要能认真听完做完遇到问题问我，学完极大概率找到工作。目标人群：计算机专业大三大四或其它专业想转码、或已毕业想转码的同学。课程目标：转码就业。课程内容涵盖计算机专业几乎全部专业课以及前端开发的全栈技能，如计算机基础、数据结构、算法、计算机网络、HTML、CSS、数据库、图形学基础、操作系统基础、编译原理基础、Node.js后端开发、主流前端开发框架（Vue、React）、面试复盘等。 600节课能讲这么多东西？能能能能能能能！可以自行计算计算机专业大学专业课有多少课时。

#编程入门 #转码就业 #计算机基础 #前端开发 #课程