🚀 科技动态
最新的科技进展和市场动态，包括新闻、行业动态、趋势分析
2024 年前端技术现状报告
在团队与技术方面，报告分析了团队角色、框架使用、函数库、数据获取工具等关键领域。
开发者与用户体验章节关注了 TypeScript、浏览器技术、PWA、设计系统等对用户体验的影响。
前端开发角色不断演变，不再局限于应用程序的单一层面上工作，开发者需要掌握更多技能，包括后端开发和测试，全栈开发趋势明显。
- 使用和喜爱的框架：React、Astro、SvelteKit、Vue.js
- 数据验证函数库：zod、joi
- 日期管理库：date-fns、dayjs、datejs
- 状态管理库：react context api、zustand、pinia
- 数据获取: TanStack Query 搭配 Axios 或者 native fetch 使用，tRPC 在 Next.js 应用中越来越受欢迎
- 其他：lodash
- 托管方式：Vercel 、AWS
- 持续整合 CI：GitHub Actions、 GitLab CI 和 Jenkins
- 微前端：Webpack 5 Module Federation、Single SPA，部分企业误判了微前端的需求，而服务器端渲染（SSR）和静态网站生成（SSG）技术也提供了替代方案。
- 包管理器：NPM、pnpm、yarn、bun
浏览器技术
- Fetch API 成为最常用的数据获取方式，其易用性和标准化程度得到了开发者的认可。
- 本地数据存储技术，例如 Storage API、IndexedDB 和 Service Workers，越来越受到重视。
- CSS Houdini 虽然仍处于发展初期，但其潜力已经吸引了部分开发者的关注。 css 样式
- Tailwind CSS 以其实用优先的设计理念，成为最受欢迎的样式工具，尤其在 React 和 Next.js 生态系统中。
- CSS Modules 和 Styled Components 也保持了较高的使用率，它们为组件化开发提供了良好的样式隔离和集成方案。
- 新的样式工具，例如 Panda CSS 和 Vanilla Extract，正在吸引开发者的关注，它们提供了更高的性能和更优的开发者体验。 构建工具
- Vite 以其快速的构建速度和简洁的配置，成为最受欢迎的构建工具，尤其在使用 esbuild 进行快速转译和热重载的场景下。82.4% 的受访者表示认可 Vite。
- Webpack 仍然是主流的构建工具，但其配置複杂度和构建速度成为其发展的瓶颈。
- ESLint 和 Prettier 仍然是主流的代码检查和格式化工具，它们为代码质量和风格统一提供了保障。 新兴趋势
- 全栈框架、无头 CMS、服务器组件、服务器端渲染等技术将继续发展，为前端开发带来更多可能性。
答粉丝问：前端未来会如何发展？
随着 AI 技术的发展，前端工程师的工作重心将从代码实现转向架构设计，同时需要具备更广泛的技能以适应从专才到多才的转变。文章还讨论了跨端框架和前端脚手架工具的演变，以及前端与 UI 合作的变化。特别强调了原子 CSS 作为 AI 时代新的前端样式语言的重要性。总体而言，前端工程师需要不断学习和适应新技术，以保持在竞争激烈的市场中的竞争力。
🔧 工具资源
如何使用这些工具提高工作效率，包括各种技术工具、软件、插件等方面的内容，各种技术资源、免费课程、学习资料
Maxun 自动化网页数据爬取工具
无需代码，通过可视化界面构建自定义机器人，实现自动化网页数据爬取，支持执行捕获列表、文本或截图等操作。 还支持数据提取、处理分页和滚动、指定机器人运行时间、将网页数据转换为 API 或导出 Excel 表格等等功能。
next-forge
next-forge 是一个面向 Next.js 应用的生产级 Turborepo 模板。它的主要目标是帮助开发者快速启动和构建 SaaS 应用项目。
核心特点和优势:
- 全面性
- 内置了完整的现代 Web 应用所需的核心功能:认证、计费、分析、SEO、数据库 ORM 等
- 提供了一站式的开发环境和工具链
- 包含多个预配置模块:应用模板、API 服务、邮件模板、网站模板等
- 开发效率
- 采用"opinionated"(固定观点)的设计理念,通过预设最佳实践来减少决策负担
- 工具链深度整合,开箱即用
- 支持快速验证想法和迭代
- 可扩展性与经济性
- 注重成本控制,适合从小规模起步
- 优先选择具有慷慨免费额度的服务
- 架构设计支持随业务增长平滑扩展
- 技术现代性
- 基于 React 框架,采用 Rust 工具链
- 集成了大量流行且成熟的工具:TypeScript、Tailwind、Prisma 等
- 持续维护更新,确保技术栈的先进性
- 安全可靠
- 端到端类型安全
- 安全的密钥管理
- 可靠的平台安全保障
使用非常简单,只需要一行命令即可初始化项目: npx next-forge init [my-project]
常见应用场景：
- SaaS 应用开发
- 跨平台 API 服务
- 邮件营销系统
- 企业官网建设
- 技术文档网站
- 数据管理平台
如果你要基于 NextJS 快速启动一个要包含认证、支付、统计、数据管理的项目，可以试试，应该可以节约不少时间。
cursor101 Cursor 的教程网站
AI 代码编辑器 Cursor 的教程网站，有中文版本
云搭
开源的低代码平台，用来搭建小程序、H5、问卷、图文文章等多种应用，试用 Demo。
skyvern
RPA（Robotic Process Automation，流程自动化，比如自批动量文写章）
在 web 端传统做的法是“基于 DOM 模拟交互”，类似 document.querySelector(".xx").click()
这领个域下接来的势趋是“利用 LLM 多态模的能力，用户需只描述需求，后识续别、判断、执行由 LLM 实现”，这个就是此类需求的典型项目。
😛 我在看
城市中产返乡，成不了县城“老钱”
县城“老钱”群体的构成主要有两类，一是体制内，二是生意人。而这两者之间，又有着千丝万缕的联系。
这些熟人关系往往会在孩子入学分班时、生病住院协调床位时、去政务窗口办事时，甚至是抱着孩子排队打疫苗时……发挥着旁人看不见的作用。
我了解到 70 后这一代的小城“老钱”，即便是有机会把孩子送到一线城市获得一份万把块钱的稳定月薪，他们也不会选择这条路，而是更倾向于把孩子留在身边，理由很简单：那么点钱没必要，家里都很熟，办什么事都方便。 而这样的人际关系优势，中年才返乡的北漂，除非有血亲的支持建联，否则自身是很难获得的。
不知道大家有没有发现，**如今在大城市里找不到一处落脚，自嘲是脱不下长衫的孔乙己们，正是外出打工的农民工一代辛辛苦苦培养出来的大学生。**给不了下一代太多的资源支持——这个结局也许在当下这代互联网打工的 80 后、90 后北漂的身上同样会发生。
一旦意识到阶级具有局限性，也就明白了不是我们选择了城市，而是它收留了平凡至极的我们。还执着留在这里，因为家乡不是退路。