Normal view

There are new articles available, click to refresh the page.
Today — 13 June 2025Main stream
Before yesterdayMain stream

Next.js 面试题

By: leia
10 June 2025 at 20:56
leia:

2025 最好的 Next.js 面试题(一)

最近在面试,就写一些关于问到的面试题,同时也过一下知识点。

基础概念

什么是 Next.js ?它与 React 的关系是什么?

Next.js 是一个基于 React 的全栈开发框架,由 Vercel 开发和维护。它在 React 的基础上提供了额外的功能和优化,如服务器组件(Server Components)、流式渲染(Streaming)、服务器操作(Server Actions)等。

我认为 Next.js 最大的价值在于它简化了 React 应用的开发流程,特别是在处理服务器端渲染和路由方面,使我们能够构建高性能、SEO 友好的应用,而无需从零开始配置复杂的工具链。

Next.js 14 有哪些主要特性?这些特性如何提升开发体验?

我认为 Next.js 14 的主要特性包括:

  • React Server Components: 默认使用服务器组件,减少客户端 JavaScript 体积,提升性能
  • App Router: 基于文件夹的路由系统,支持布局、加载状态和错误处理,简化路由管理
  • **服务器操作(Server Actions)**: 直接在组件中定义服务器端逻辑,无需创建 API 路由
  • **流式渲染(Streaming)**: 逐步渲染 UI ,提高用户体验和感知性能
  • Turbopack: 基于 Rust 的打包工具,提供更快的开发体验和热重载
  • 内置优化: 自动图像、字体和脚本优化,无需额外配置
  • SEO 优化: 内置元数据 API 和结构化数据支持,提升搜索引擎可见性
  • 国际化路由: 内置的多语言支持,简化国际化应用开发
  • Middleware: 请求处理中间件,实现认证、重定向等功能

这些特性共同提升了开发体验,使我们能够更快地构建高性能、可维护的应用。

解释 Next.js 的 App Router 是如何工作的?它与 Pages Router 有何不同?

App Router 是 Next.js 13+引入的基于文件夹的路由系统,它使用约定式路由,通过文件夹结构自动创建路由:

  • 核心概念: 使用app目录组织路由结构,每个路由段对应一个文件夹

  • 特殊文件约定:

  • page.js: 定义路由 UI 和公开访问点

  • layout.js: 定义共享布局,可嵌套

  • loading.js: 创建加载 UI ,自动集成 Suspense

  • error.js: 处理错误,自动集成 Error Boundary

  • not-found.js: 处理 404 错误

  • 高级功能:

    • 支持嵌套路由和布局
    • 路由组(Route Groups): 使用(groupName)语法组织路由而不影响 URL 结构
    • 平行路由(Parallel Routes): 使用@folder语法在同一页面显示多个路由
    • 拦截路由(Intercepting Routes): 使用(.)(..)(...)语法拦截路由,如模态框

示例结构:

app/
├── layout.js      # 根布局
├── page.js        # 首页
├── about/
│   └── page.js    # /about 路由
├── blog/
│   ├── layout.js  # 博客布局
│   ├── page.js    # /blog 路由
│   └── [slug]/
│       └── page.js # /blog/[slug] 动态路由

与 Pages Router 相比,App Router 的主要区别:

  1. 服务器组件: App Router 默认使用 React 服务器组件,而 Pages Router 使用客户端组件
  2. 布局系统: App Router 提供了更强大的嵌套布局系统,Pages Router 需要使用自定义\_app.js
  3. 数据获取: App Router 允许在组件中直接使用 async/await ,Pages Router 使用 getServerSideProps 等函数
  4. 文件约定: App Router 使用 page.js 表示路由,Pages Router 使用 index.js 或命名文件
  5. 路由分组: App Router 支持路由组、平行路由和拦截路由等高级功能

在实际项目中,App Router 提供了更灵活、更强大的路由系统,特别适合构建复杂的应用。

渲染相关

组件的渲染模式和页面的渲染策略有什么区别?

这实际很容易搞混和不好理解。

组件渲染模式关注的是单个组件如何被处理和执行,通常的表述是:服务端组件(Server Components)、客户端组件(Client Components)。

页面渲染策略关注的是整个页面的生成时机和缓存行为,通常的表述是:静态站点生成(SSG)、服务器端渲染(SSR)、增量静态再生成(ISR)、客户端渲染(CSR)。

组件的渲染模式通过什么指令来标识?

App Router 不标识就默认是 Server 组件,客户端组件使用use client,服务端组件use server

那是什么决定了页面的渲染方式那?

在不强制申明路由段的情况下,由 Next 的分析工具在打包的时候自己分析的情况下:

  • cookies()、headers()、unstable_noStore()等服务端系列 Api 会强制把页面设置为 SSR 渲染,如果在 layout 下使用,下属页面均为 SSR 。
  • 使用服务端请求了在页面里,为 SRR 。
  • generateStaticParams 函数的使用会使动态路由页面在构建时预渲染,走 SSG ,在构建的时候就生成 HTML 页面。
  • 默认情况下,在不满足上述条件的页面会被标记为 "静态路由(Static)",也相当于构建的时候生成 HTML 。

如果强制申明路由段的情况下,在Page页码下通过约定的字段声明,会高于打包工具分析。但force-static会导致上面提到的第一种情况的服务端 Api 结果返空,通常我们只会去设置 ISR 的重新验证时间。

// 强制使用静态渲染
export const dynamic = 'force-static'

// 强制使用动态渲染
export const dynamic = 'force-dynamic'

// 按需使用动态渲染
export const dynamic = 'auto'

// 设置 ISR 重新验证时间
export const revalidate = 60 // 60 秒

你提到了路由段的字段声明,你知道 revalidate 如何能无限期缓存吗?

设为 false.

在服务端渲染中流式渲染是为了解决什么问题?

过去 SSR 需要等待服务端渲染完毕、组件代码打包到 bundle 、完成水合后才能操作。Streaming SSR 可以一边渲染一边传输。

一般怎么触发流式渲染?使用场景是什么?

核心是采用 Suspense 在渲染的时候用一个占位符替代,等在服务端请求完毕,再流式传输给 html ,替代之前占位符,用`loading.js`、`page`内的 suspense 都可以触发这种流式渲染。 流式渲染特别适合包含多个独立数据区域的页面。

当你使用流式渲染的时候,同时要使用动态的 MetaData API 做 SEO ,会发生什么?

流式渲染不会触发(或者说没有意义),因为 MetaData 需要完整的 TDK 在第一时间就展示,就必须先等待 generateMetadata 的请求先完成。实验版本中有 streamingMetadata 的设置,可以流式传输 TDK 。

当一个'use server'的组件下面嵌套了多个'use client','use client'的组件内容会在服务器返回的 document 中展示吗?

当一个标记为'use server'的服务器组件下嵌套了多个标记为'use client'的客户端组件时,这些客户端组件的内容会在服务器返回的初始 HTML 文档中展示。 这是因为:

  1. **服务器渲染过程**:服务器组件及其所有子组件(包括客户端组件)都会在服务器上进行初始渲染,生成 HTML 。
  2. **客户端组件的特殊处理**:对于标记了'use client'的组件,Next.js 会: - 在服务器上渲染其初始 HTML - 将组件的 JavaScript 代码分离出来,作为单独的客户端 bundle - 在 HTML 中插入必要的标记,以便客户端水合
  3. **水合(Hydration)过程**:当 HTML 加载到浏览器后,React 会"水合"这些客户端组件,使它们变为可交互状态。
  4. 这个过程会: - 加载客户端组件的 JavaScript - 将事件监听器附加到已渲染的 HTML 元素上 - 建立组件状态和生命周期 因此,'use client'指令并不意味着组件仅在客户端渲染,而是表示该组件需要在客户端进行水合和交互处理。

服务端组件相关

服务端组件有哪些特性和限制?

服务端组件在服务器上渲染,不发送 JavaScript 到客户端。适用于不需要客户端交互的 UI 部分,可以显著减少 JavaScript 包大小,可以直接连接数据库、文件系统或其他后端服务,无需中间 API 层,内容在服务器端渲染, 搜索引擎可以更好地索引页面内容。 服务端组件不能使用 React Hooks 、浏览器 API 、事件处理器。不能响应客户端组件的状态变化,从服务端组件传递给客户端组件的 props 必须是可序列化的(不能是函数或类实例)。

当使用了 Server Components 我们经常能见到带着 rsc 的请求在浏览器上,这是什么?

当我们在浏览器开发工具的网络面板中看到带有"rsc"的请求时,这些是 React Server Components (RSC)的数据流请求。"rsc"代表"React Server Components",这是 Next.js 和 React 的服务器组件架构的核心部分。 这些请求的工作原理如下:

  1. **RSC Payload**: 这些请求返回的是一种特殊格式的数据,称为 RSC Payload (服务器组件负载)。它包含了服务器组件的渲染结果,以一种 React 客户端可以理解和处理的格式。 2. **流式传输**: 这些请求通常使用 HTTP 流( Stream )传输数据,允许浏览器逐步接收和处理服务器组件的渲染结果,而不必等待整个响应完成。
  2. **客户端-服务器边界**: 当客户端组件需要渲染服务器组件的子组件时,这些 RSC 请求会被触发,建立客户端和服务器之间的通信桥梁。
  3. **导航和重新渲染**: 当用户在应用中导航或触发需要新服务器组件的操作时,浏览器会发出新的 RSC 请求来获取更新的组件数据。 这些请求的存在是 Next.js 的 App Router 架构工作方式的直接结果。在这种架构中,服务器组件在服务器上渲染,
  4. 然后将结果发送到客户端,而客户端组件则在浏览器中渲染。这种混合渲染模式需要客户端和服务器之间的通信机制,这就是我们看到的 RSC 请求。

结束

实际上,还有很多有关于 Nextjs 的面试题是可以问的,关于缓存、Edge Runtime 、MetaData 、ServerActions...

避雷 上市公司 优刻得(ucloud)拉胯之中的拉胯王

By: Netjue
10 June 2025 at 19:37
Netjue:

说明:

优刻得,你玩不过腾讯阿里,就别硬搞活动割散户了!没那个实力装什么啊?出新用户活动都割不动散户,开始搞个续费同价吸引人,天天标榜自己是上市公司,生怕别人不知道。结果用户一上车,限速限得死死的,玩不起就别玩!

我买了 10 台,自己说的是删除自动退款,结果我删了 2 台,告诉我活动机不支持退款,不退款就不说了,剩下 8 台全被限到 1Mbps—— 就这?没实力没技术装什么啊,对比阿里云学生机,人家免费机都不限速,你一个收费的搞这种套路,恶不恶心?你要是一个野鸡商家我就不说了,能上车是我脑子有问题,一个大厂这么玩啊

备注:

不止是我个人体验,我问了问很多买了优刻得 据说优刻得( ucloud )从 4 月开始都被限制了 1Mbps ,这个 1Mbps 不是临时是长期限制不会恢复的!

写下这篇帖子,并不是为了黑 优刻得( UCloud )。我只是希望记录一下,也许未来某个想要购买 UCloud 服务的朋友,搜到这个文章看到这篇分享,能够提前踩住刹车,避免像我一样贪图便宜而最终踩了坑。

背景:

去年 UCloud 出了个活动:

   2 核 2G 60GB 30Mbps 永久续费 139.2 元/年

看了论坛的测评,上行跑满没问题,下行我记得大概 200 左右。我一看有这好事情,不上车还在等什么呢!

手上正好有几个没什么流量的站,之前一直用腾讯云/阿里云的年抛机,想着 UCloud 好歹是个上市公司,应该不会太坑吧?大厂嘛,数据安全有保障,不用整天折腾备份,续费同价也不用每年换机器了——省心。

于是直接买了 10 台,把小流量站全迁过去了。

问题出现:

2 月份 就限速了一次,当时是限制到 10Mbps 左右。但是实际已经用不了了,只是测速还能测到 10Mbps 左右,当时想退款,说是删鸡自动退到余额饿,结果删了两台机器,告诉我活动机器不支持退款,也不能恢复,于是我把服务器全部测速了一遍,把业务迁移的只剩下了 3 个站。

昨天晚上在 Bing 上搜资料的时候,搜到了自己的网站,本来还有点小激动,点进去结果等了一分钟都没加载出来。上服务器一看,上下行都只有 1Mbps 左右。想着可能是晚高峰导致的。

刚刚睡醒起来一测,香港本地上传倒是恢复了,但下载依然只有 1Mbps 左右。 于是我又测速了其他几台机器——毫无疑问,所有机器都是限制到 不超过 1Mbps 。 我在 QQ 群里问了下,大家都说是被限制到 1Mbps 。


测速截图

与客服的对话

然后就联系了客服,一开始客服觉得我是门外汉,跟我扯什么

“本地到云主机线路上是否有严重丢包,导致网速不佳……”

不存在限速!

于是我用 UCloud 自家两台小鸡互测,告诉他 香港到香港依然只有 100KB/s 的下载速度

这时候客服给我扯:

“这是峰值带宽,高峰期会受到影响。”

合着 限速和峰值我分不清咯? 也可能 UCloud 家的 30Mbps 峰值小鸡本来就是固定只允许 1Mbps……



阿里云对比

最后附上阿里云去年 25 元买的学生云( 30Mbps 峰值)测速结果,与 UCloud 测速对比:

  • 阿里云测速:

    阿里云测速

  • UCloud 测速:

    UCloud 测速


总结

优刻得( UCloud )拉胯之中的拉胯王! 优刻得( UCloud )套路云中的套路王!
优刻得( UCloud )拉胯之中的拉胯王! 优刻得( UCloud )套路云中的套路王!
优刻得( UCloud )套路云中的套路王! 优刻得( UCloud )套路云中的套路王!
优刻得( UCloud )拉胯之中的拉胯王! 优刻得( UCloud )套路云中的套路王!
优刻得( UCloud )套路云中的套路王! 优刻得( UCloud )套路云中的套路王!


求推荐“神书”

By: qclown
10 June 2025 at 16:11
qclown: 背景:
1. 之前看到过有个类似的帖子,但找不到了。
2. 有好多老哥推荐《数据密集型应用系统设计》,那是真得劲。
所以:
1. 如题,各位彦祖亦菲们,有啥神书推荐吗?不限技术、不限领域。
我先来:
1. 《人类简史》

3999 买了台铃赤兔 2025 电动车

By: mouseman
10 June 2025 at 15:40
mouseman:

昨天充满电跑了差不多 60 公里(最高二档不到 50 跑的),现在 app 显示还剩一半电。

这续航好像还可以?
另外,老板建议叫我去考个 d 照然后上黄牌,但是我看抖音以及小红书都建议别上黄牌,直接弄个绿牌就行了。
坐标成都,有没有兄弟了解成都这方面的。
我这是电摩。

搞了个“意大利脑腐”图片生成器,欢迎尝试!

10 June 2025 at 09:54
geektao102400: 完成一个新站 brainrotarts.com ,完全基于 GPT 4o 模型进行图片生成,功能:


文生图:通过提示词生成地地道道的意大利脑腐图片(就是那种暖色调灰蒙蒙的感觉!)
图生图:可以将意大利脑腐角色转化为不同风格的图片


欢迎体验: https://brainrotarts.com/

关于购买 NS2,分享一点自己的心得

By: mickerwx
9 June 2025 at 22:28
mickerwx:

先说结论,PDD 最低:3220 左右可以拿下,HK 现货购买 3442 左右可以拿下

PDD 百亿补贴

  1. 右上角有个积分,够 1000 积分可以换一张 9 折优惠卷最高减 500 那个;
  2. 很多人会说不够积分,直接去百亿补贴买三单支持运费险的衣服、裤子、鞋子之类的,每单价格>=334 元即可;
  3. 如果你没有初始 100 积分,这个地方买 4 单就行,总价超过 1000 就有 1000 积分了;
  4. 然后等发货,一定要发货了才会有积分,够 1000 积分了先兑换卷;
  5. 现在一般只会在上午还有卷,下午基本就没有了,每天 24 点刷新,9 折卷不用抢;
  6. 兑换好卷就可以申请退货,拿着卷去百亿补贴买就行了,支付基本是 3380;
  7. 如果你有某些信用卡比如交行等,支付的时候选分期可以-150 ,然后去交行申请取消分期.

至此你已经可以以 3220 左右买到 NS2 马车同捆版,需要等不确定时间才能发货,如果说你不想等 PDD 发货,且又正好在深圳,而且有有效期和签注的港澳通行证,那么请看 HK 现货购买

HK 现货购买

  1. 先在 redbook 上找好你要去购买的店,大商场的店一般没现货,或者需要预约等,当天有可能有货。
  2. 直接地铁到深圳湾、福田等口岸,到了口岸;
  3. 不要坐地铁!不要坐地铁!不要坐地铁!
  4. 直接去坐巴士,自己去 redbook 查,关键词 深圳 xx 口岸到你想去的地方;
  5. 我是福田到元朗,坐 B1 去元朗 13HKD ;
  6. 元朗 YOHO 的 Lbuy 没现货,需要预约等;
  7. 要去元朗的建议 B1 坐到元朗广场,对面有一个喜利商场,2 楼有一家店有现货;
  8. 不支持微信支付宝、信用卡,请在内陆提前换好港币,不建议过去再换,汇率很差;
  9. 你有 HK 的 FPS 也可以直接转账非常方便;
  10. 原价 3750 港币,不捆绑销售,服务态度很好,也卖有卡带、配件等;
  11. 其他地方有的店铺使用 FPS 支付还能优惠 2%,使用汇丰信用卡-100 等优惠;
  12. 如果你 15 天内没入境过香港且购买小于 3 台,回来的时候不会被税,否则需要交税。

至此你可以以最低 3442RMB ,立马买到 NS2 带马车同捆

如果你上述两种方法都不想搞,你可以去海鲜市场、redbook 等地方收别人买的,价格应该也是在 3400-3500 ,超过 3500 就算了,毕竟 JD 也就 3660 左右拿下。

不要问我单机版、日版,我都不知道情况,可以自己去其他地方获取信息。

以上提供的信息仅供参考。

微软账号被盗了,大家最好注意一下。

8 June 2025 at 03:59
DefoliationM:

微软账号被盗了,不知道它怎么修改的密码,我的 gmail 并没有被盗,但是他还是修改密码成功了。然后盗号者还把我填写的恢复邮箱接收验证码的次数给消耗完了,导致我无法正常登陆。联系微软客服也是让我死等接收验证码的次数恢复。 然后他还尝试登陆了 steam 和 epic,这两个 gmail 也发送了邮箱,但他没能正常登陆。

我爸从百度和应用商店下载“个人所得税”被骗四位数的故事

By: Pete
7 June 2025 at 00:59
Pete: 一、起因
昨天税务局催促我爸的公司要让员工完成退税申报,公司叫我爸务必当天完成,我爸手机上没有个税 APP ,需要下载安装登录后完成退税。
二、百度搜索第一个结果就上当
( 1 )我爸习惯用浏览器搜索,使用百度搜索“个人所得税 app 下载”,第一个是“官方版”的广告。我爸下载安装后见到如下的界面,他根本分不清是广告还是退税流程,需要手机号验证码,又要银行卡号,稀里糊涂就订阅了一个阅读软件的季度会员和移动的咪咕游戏会员。这“个税”软件仅仅只是使用引流广告,在他的手机根本没有安装“红提闲阅”和“咪咕游戏”的前提下,在广告流程内就完成了用户注册和订阅扣费。他发现扣款之后急忙找我求助。


( 2 )我根据扣费提示短信里阅读软件的名字,下载安装后用我爸的手机号登录,首页看起来是个比较简陋的读书软件,个人页做得也很简陋,可以查询到订阅了会员,而且自动续费。因为没有在线客服,只能拨打 400 电话退费。人工客服要我提供手机号、扣款金额、扣款时间,核对之后挂电话不到五分钟退款就到账了。我没有追问客服为什么用户可以订阅两个周期相同的同款会员,扣费 2 次,按这个草台软件的逻辑,可能上限还不止 2 次。一个季度会员的金额是 660 元。
这个软件在应用宝的地址是 https://sj.qq.com/appdetail/com.cssm.hongtixianyue

( 3 )移动的游戏会员是通过话费扣费的,我在移动的 APP 里查询已订购业务,使用短信验证码就通过验证,完成退订。

三、OPPO 应用商店搜索出一堆仿冒品
我爸收到退回的款项之后放心了,又问我到底要怎么下载正确的个税 APP 。我让他去手机自带的应用商店搜索下载(一加 Ace2 Pro )。我以为手机品牌的应用商店会比较良心,结果搜索结果一看如下,个个都是蓝色图标,官方版并不比其他软件显著。我爸再次下错软件,他说界面和第一次百度找到的软件是一样的,应该都是这类套路。

四、结果
我在自己手机上登录我爸账号完成了退税,还好全流程都只要手机号验证码和证件号验证,不需要人脸识别。最后我让我爸把这些乱七八糟的软件都卸载了。
五、感受
( 1 )告诉长辈不要通过百度下载安装软件
( 2 )即使通过应用商店搜索下载软件,都要仔细核对图标和名称是否是正确的。
( 3 )无需本人人脸识别的互联网事务最好在自己手机上替长辈处理。
( 4 )这类软件应该靠这种方式赚了很多钱,但又怕坏名远扬,所以处理退款很及时又客气,但这个流程依然是长辈无法自行处理的难度。
( 5 )幸亏我今天不上班,所以我爸找我后就立刻帮他处理了。如果没人帮助,又急又慌的心理状态下可能被骗更多钱。
( 6 ) iPhone 确实没有这种烦恼。

manus 开放注册了

6 June 2025 at 10:57
Chicagoake: 今早看到 manus 邀请码分享,注册试了一下,提供了一个文档制作可视化界面,感觉和扣子空间基础体验差不多,速度还要慢一些。

现在注册可以获得 1000 积分,每天 00:00 自动刷新 300 积分,简单用用足够了。

欢迎使用我的注册码注册账号: https://manus.im/invitation/IPBPM9VUH9SK

[HDR 图片转换极简方式] 让你的头像、表情包亮起来

By: zdl0929
5 June 2025 at 14:51
zdl0929:

看站内有老哥头像设置成这样,看起来很有趣,试了下,找到一个站点可以直接转换。

https://www.hdrify.com/

或者用

https://sharpletters.net/2025/04/16/hdr-emoji/

brew install imagemagick

# Adjust the Multiply value up or down to preserve color as opposed to brightness
magick input.png \
  -define quantum:format=floating-point \
  -colorspace RGB \
  -auto-gamma \
  -evaluate Multiply 1.5 \
  -evaluate Pow 0.9 \
  -colorspace sRGB \
  -depth 16 \
  -profile 2020_profile.icc \
  output.png

跑了一晚上京东外卖,记录一下

By: su3sl3h06
4 June 2025 at 09:32
su3sl3h06:

深圳京东外卖新手体验(一晚)

背景

由于近期深圳交通不便,附近商场地铁无法直达,打车等待时间过长,因此购入电动车(小电驴)。本着体验生活的想法,尝试了一晚京东外卖。

基本情况

  • 体验时间: 晚上 20:30 - 23:30 (共 3 小时)
  • 完成订单: 5 单 (其中 1 单顾客中途取消)
  • 总收入: 33.45 元 (包含京东新人激励 10 元)

平台易用性体验

  1. 导航不精准: 第一个订单地址为“xxx5 号楼 8 栋”,导航直接定位至“5 栋”。由于缺乏经验,按导航走后发现 8 栋在另一入口,寻找多花费十余分钟。
  2. 接单机制制造焦虑:
    • 与预期不同,平台以卡片形式展示订单,供骑手选择。
    • 优质订单思考时间极短(约 5 秒内),超时即被他人抢走,迫使骑手仓促接单,容易接到“烂单”。
  3. 导航切换割裂: 所有导航需跳转至第三方 APP ,接单软件与导航软件间切换操作不便。
  4. 强制派单: 短暂停止看手机时,平台会弹出强制派单界面。每日有拒绝次数上限(约 30-40 次),超出后必须接受指派订单。
  5. 回程单不顺路: “回程单”设置实际效果不佳,路线依然偏远。
  6. 送达后取消无补偿: 有一单已经到商家等待取餐约 5 分钟后,买家取消订单,平台对此无任何补偿,这点让我挺震惊的。
  7. 商家与安保: 全程未遇到商家或保安的阻挠,此方面较为顺畅。
  8. 不愉快派送经历:
    • 一单为步梯 7 楼的居民楼。
    • 辛苦爬楼送达后敲门,屋内顾客语气不耐烦。
    • 告知是外卖后,对方极不耐烦地回应:“放外面就行了啊,敲什么敲!”(订单无“放门口”备注,按新手培训要求需送至买家手上)。

配送难度感受

  1. 平台规则与现实冲突(“压榨”感):
    • 全程遵守交通规则(不逆行、不闯红灯),但为保证时效性有超速行为(深圳电动车限速 25km/h ,实际骑行速度约 30-35km/h )。
    • 在此前提下,且每次只接一单,仍有三单超时。
    • 结论: 严格遵守交通规则,很可能导致超时。
  2. 生存压力: 若对路况不熟悉,即使只接一单也可能超时。推测仅靠同时接一单的模式,难以维持骑手生计。

其它发现与成本

  1. 城市新视角: 送外卖确实能到达一些平时不会去的地方。例如,送达翻身某娱乐场所,已是晚上 23 点,楼下台球室几十桌爆满,楼上撸串看电影区域也人头攒动,颠覆了以往对翻身该区域的印象。
  2. 强制保险: 每次点击“开工”,都必须缴纳 3 元平安保险费。

人工智能训练师(三级)薅补贴分享

By: CatchXS
3 June 2025 at 13:24
CatchXS:

发现在上海报考人工智能训练师(三级)有补贴

  1. 职业技能补贴:取证后可申领 3250 元补贴(在职人员按 80% 比例,即 2600 元)
  2. 工会额外补贴:部分单位工会提供 800 元专项补贴
  3. 积分加分:上海落户 / 居住证可增加 60 积分
  4. 抵税优惠:可申报 “继续教育” 专项附加扣除

发现官方题库没有答案,就用 DeepSeek 给做了一遍,上传到考试宝,给刷题用

地址: https://www.kaoshibao.com/mobile/bank-details?from_uid=27709146&id=22698827 密码:5UQPMDT30B9C

需要的自取~祝大家顺利取证,薅到补贴! 🚀

颠覆性的车载系统要来了?大家怎么看?

By: sandy136
30 May 2025 at 11:32
sandy136: CarPlay Ultra 是苹果公司于 2025 年 5 月正式推出的下一代车载系统,是对传统 CarPlay 的全面升级。它不仅仅是将 iPhone 的界面投射到中控屏幕,而是实现了与车辆硬件的深度整合,打造出一个统一、智能的数字驾驶舱。
🚘 CarPlay Ultra 的核心亮点
1. 多屏协同与深度整合
CarPlay Ultra 不再局限于中控屏幕,而是扩展到整个驾驶舱,包括仪表盘、空调控制、座椅调节、氛围灯等多个系统。驾驶员可以通过 CarPlay Ultra 控制车速、转速、油量、导航信息、媒体播放状态、胎压监测等关键行车信息,实现信息的统一高效与“一览无余” 。
2. 可定制的仪表盘主题
用户可以根据个人喜好选择不同风格的仪表盘主题,从复古的圆形表盘到充满未来感的水平图表,提升驾驶体验 。
搜狐
3. Siri 深度集成
通过 Siri ,用户可以语音控制导航、音乐播放、空调调节等功能,实现更安全便捷的操作 。
4. 与车辆品牌设计语言融合
CarPlay Ultra 允许汽车制造商根据自身品牌风格定制界面设计,确保系统界面与车辆内饰风格高度统一 。

戒撸一个月,感觉确实好很多

By: mk3s
30 May 2025 at 11:05
mk3s: 因为离婚了,但是还是有需求,所以自己搞定,刚开始那段时间比较频繁,导致后面人状态不太行,可能年纪大了,于是下定决心,暂时戒掉
===========================
第一周,感觉好困+不安+想撸
第二周,没那么困了,心里平静些,但是还是想撸
第三周,基本上白天精力比较充沛了,但是还是想撸
第四周,精力充沛+专注度有些微提高,撸的意愿减弱了一些
===========================
后续考虑加一些锻炼,因为要带小孩,所以相对时间少一些,不过说实话,计划是暂定三个月,后续恢复规律奖励,但是自己能不能坚持到三个月,就不知道了😂

解析「首个 AI 软件工程师」Devin 2.0 完整的系统提示词

By: Anonymous
30 March 2025 at 15:55

DUN.IM BLOG

DUN.IM BLOG

我们还年轻,可不想看到这个世界处在毫无自由、隐私的边缘。

说起 Devin,可能很多人都知道,当年刚推出时很火,号称首个 AI 软件工程师,能帮助开发者完成各种软件开发任务,包括编码、调试、测试和部署。

最近它推出了 v2.0 版本,价钱也降低到每月基础费用 $20。我们都知道这种 AI 智能体本身也依赖于背后的模型,是靠提示词来控制模型来响应用户的操作,那么像 Devin 这样的 AI 智能体,是怎么通过提示词来准确理解你的意图、高效工作、规避风险,并最终达成目标的。

今天,就带你分析一下 “Devin 2.0” 的系统提示词,深入探索提示词工程的奥秘。系统提示词就像是 Devin 的「出厂设置」和「工作手册」,它详细规定了 Devin 的身份、行为准则、工作流程甚至安全规范。

完整的提示词参见附录部分

提示词工程的第一步,往往是为 AI 设定一个清晰的角色。这里,Devin 被赋予了「软件工程师」的身份,并且强调了其「编码奇才」的专业能力。

指令明确了 Devin 的核心任务:接收用户任务并完成它。

这份指令包含了大量关于 Devin 如何工作的细则,涵盖沟通、工作方法、编码规范、信息处理等多个方面。

提示词明确或暗示了 Devin 可以使用的工具,如操作系统、浏览器GitHub 命令行工具 (gh cli) 等。

指令中定义了一些特殊的命令格式(如 <command>)。

指令定义了两种工作模式:「规划模式」和「标准模式」,并规定了在不同模式下的行为重点。

这部分内容强调了数据安全、保密原则,并明确禁止 Devin 泄露自身的指令。

这部分引入了一个「突击测验」机制。当收到 STARTING POP QUIZ 指令时,Devin 需要暂停常规任务,严格遵循测验中的新指令,并且这些新指令的优先级高于之前的所有指令。

通过深入分析 Devin 2.0 的系统提示词,我们看到了提示词工程的冰山一角。它远不止是简单的提问,而是一门融合了逻辑、语言、心理学和计算机科学的综合艺术。

设计良好的提示词,就像是为 AI 精心编写的剧本和导航图,能够引导它在复杂的数字世界中精准、高效、安全地航行。而理解提示词的原理,则能帮助我们更好地与日益强大的 AI 进行沟通和协作。

Google Gemini 免费 AI 对话修图实测!一句话PS、换背景、创作系列图画

By: Anonymous
9 March 2025 at 13:51

DUN.IM BLOG

DUN.IM BLOG

我们还年轻,可不想看到这个世界处在毫无自由、隐私的边缘。

你拍下一些照片,却觉得照片的背景不够完美?你是内容创作者,但找不到文章合适的配图?你是电商卖家,想位产品设计更吸引人的配图?你是老师,需要为教材找出一系列搭配的示范图片?以前,我们修图可能需要 学 Photoshop,需要花很多时间调整细节,或是要下载各种修图 App,还要在图库中翻找适合自己的图片文件。

但现在,只要一个 AI 指令,就能让我们需要的照片「瞬间改造完成」。

如果你想体验看看类似的工作流程,可以试试看前两天推出的 Google Gemini 免费 AI 修图!只要「一句话」,你就能改变图片,换背景、改风格、添加新元素,甚至创造连续漫画。
〔类似功能,在 Google Pixel 系列手机的 Google 相册中也能部分实现,Adobe、Canva 等的 AI 修图也能实现部分功能。〕

这篇文章,我会实测 Gemini 的 AI 修图能力〔而且免费即可使用〕,看看它怎么帮助我们「一句话变出想要的修图效果」!

我将分成三种应用角度来介绍,这些全部都能在 Gemini 中用自然语言下指令,便可以把照片生成或改造:

基础照片修图:让拍坏的照片变完美

替换背景、增加物品、改变颜色光线、调整风格。

进阶场景创作:为文章制作主题插图、让商品看起来更吸引人

搭配原始照片,制作特殊场景图

搭配原始照片,重新设计房间或产品

连续系列照片生成:根据文章、教材内容,生成一系列互相搭配的图片

模拟图文食谱

说故事的连续漫画、图画

文章中搭配的系列配图

首先,这个功能目前〔2025/3/14〕尚未开放在正式版的 Gemini 中,但可以通过免费账号即可登入的「 Google AI Studio 」来使用。

Google 账号注册登入后,进入一个新的对话框,并在右边控制列的「Model」菜单,切换到「Gemini 2.0 flash experimental」,就可以利用其 AI 来创作图片、修改图片,最大的特色是:

这个 Gemini 模型可以上传自己的图片,用「自然语言」下指令,请 AI 在图片上修图或生成新内容。

就如同 experimental 所说的「实验性」,实际测试结果,这个 AI 修图功能确实很神奇,也能够看到一些未来修图、创作图片的新可能性,不过可下载的图片质量等限制,目前还是不足以真正用在商业用途上的。

Google Gemini 免费 AI 对话修图实测!一句话PS、换背景、创作系列图画

在「Gemini 2.0 flash experimental」的对话框中,我们可以先上传一张原始照片,如果想要替换背景,只要简单的说一句这样的指令:「把照片的背景换成草地。」

就可以在 10 几秒的处理后,完成下图的成果。可以看到,Gemini 的「修图」是真的可以保留原始照片中的内容,只修改我要修改的部分。所以是真的 AI 修图,而不是 AI 重新生成图片。

我也可以上传一张风景照片,然后下指令:「把照片的天空改成大晴天。」Gemini 同样可以处理这样的调整。〔在 Google Pixel 手机的 Google 相册中就有类似功能可用〕

如果想要替换照片风格,套用艺术滤镜,也可以用 AI 下指令:「把照片变成中国水墨画风格。」就能轻松转换风格。

不过当然跟真正的艺术滤镜还是有落差,例如下图中我要 AI 把照片改成「彩色的铅笔绘画风格」,看起来还可以,不过专业的艺术滤镜一定会处理得更好。

除了可以用「Gemini 2.0 flash experimental」的 AI 修图外,也可以在原始照片上进行创作。

例如延续上面的图片案例,我对 AI 下指令:「拓展成一幅横幅的中国水墨画。」十几秒后,照片就变成了一幅新的水墨风景画。

或是我的书籍封面,上传后,下指令说到:「我想把原书的图片,摆在一张高雅的书桌上。」结果还真的可以顺利生成新的产品摆拍图。

不过如果细看,书籍封面上有些小字其实是有瑕疵的。

因为 Gemini 是对话的模式,所以在原始照片的改造上,我们可以通过多次讨论,让 AI 在原始照片上陆续添加内容,制作出自己需要的场景图。

例如下面原本只是单纯公园照片,我先请 Gemini:「在这张照片的草地上,加上一对正在野餐的男女朋友。」于是生成了下面的图片。

然后我继续追问:「让两人旁边有一只小狗在奔跑。」

然后再下指令:「旁边的道路上,也有零星的路人在散步。」

最后说「让天空变得更晴朗。」于是我要的最终场景图,就通过 AI 创作完成了。

我还做了一个尝试,先上传一张原始的房间照片〔某家旅馆〕。

然后我陆续对 AI 下了下面这些指令:

结果 AI 生成了下面这样的图片,第一张是原图,第二张是最后生成的图片,改造的图片还是保有原图的空间格局,只是风格焕然一新。

Google Gemini 本来就可以生成图片,但「Gemini 2.0 flash experimental」比较厉害的是可以分析文章内容,生成适合的配图,或是一系列的连续漫画、故事图片

例如,我对「Gemini 2.0 flash experimental」下了这样的指令:「你是意大利面专家,提供给我一道海鲜意大利面的食谱,请一步一步处理,用文字具体列出关键步骤,并在步骤后搭配图片。」

结果他「一次」就生成了下面的连续图文教程内容,这是在一次的问答后就完成的结果。

我假设自己写了一篇游记,于是请 AI「设计一系列素描画,展现一个人在京都街头散步的故事,请一步一步分析,以京都的场景,搭配素描画风格,设计有意思的散步故事,创作一连图画。」

结果「Gemini 2.0 flash experimental」也在一次的生成中,提供给我下面连续故事图,比较神奇的是这些连续图片中都有类似的人物,保持图片连贯性,虽然风格上有点跳跃。

还可以这样问 AI,我让 Gemini 自己思考如何设计一系列进入书店场景的图片,Gemini 自己写了一大篇分析内容后,才开始设计并产出图片。

但效果看起来还不错。

所以,在功能上,利用现在〔2025/3/15〕在 Google AI Studio 中的「Gemini 2.0 flash experimental」,你可以上传原始照片请 AI 修图、改图。也可以让 AI 读一篇文章、思考一个主题,生成一系列连续图片。

未来这个功能越来越成熟,或许有下面这些应用可能性:

现在,你也可以通过免费账号即可登入的「 Google AI Studio 」来试试看。

❌
❌