行业动态

Firefox[1] 支持AV1视频编解码器[2]

Firefox 现在支持用于加密媒体扩展(EME)的 AV1编解码器，视频可以支持更高播放质量。此版本 PDF 浏览器支持了文本高亮显示。

发布

1、Next.js 14.2 Released[3]

Next.js 发布将近第八年，发布了14.2版本，支持使用 Turbopack 来改进本地开发、内存使用、 CSS 和缓存优化、改进错误消息等。

关于错误提醒，改进后会自动折叠错误栈信息，优先展示组件报错节点，再也不用担心看到满屏的错误栈信息摸不着头脑了。

2、Biome v1.7[4]

Biome 是基于 Rust 构建的Web 项目的高性能工具链，旨在取代许多现有的 JavaScript 工具，集代码格式化、检测、打包、编译、测试等功能于一身，适用于 JavaScript、TypeScript、JSX、JSON 等。

V1.7 提供了从 ESLint 和 Prettier 迁移的简单路径：通过一条命令，读取对应配置文件并生成biome.json配置文件。

文章

Vue 相对于 React 我更喜欢的六个设计模式[5]

作者比较了 React 和 Vue 在安装指引、响应式设计、单文件组件、条件渲染、计算属性和状态管理等六个方面的实现方式，更喜欢 Vue 的设计模式。

开源项目

丑头像生成器[6]（Star 1k、Fork 126）

项目基于Vue3.0 和 svg 随机生成一个很丑的手绘头像。

网站

1、AI工具集[7]

700+ AI工具集合官网，国内外AI工具集导航大全。

2、微博切九图[8]

传入图片切割为九图、四图，满足社交平台个性分享功能。

CSS WEEKLY

1、CSS in React Server Components[9]

作者借助 Nextjs 的 RSC 组件不能很好兼容 CSS-in-JS 库，阐述了 RSC（服务端组件）概念以及CSS-in-JS如何在服务端组件工作的。

2、Gap is the new Margin[10]

作者根据谷歌统计数据：margin在谷歌浏览器页面使用的比例，得出CSS margin 属性使用率在下降，可以使用 gap（用于设置行与列之间的间隙） 来替代。

资源

1、Airbnb JavaScript 风格指南[11]

Airbnb 团队内的JavaScript风格指南，给出代码规范和最佳实践，对编写整洁健壮的代码很有帮助。可以通过在Eslint 中集成 Airbnb提供的 ESLint 规则来约束代码规范：eslint-config-airbnb-base、eslint-config-airbnb。

2、2023年最火的300个JS会议/演讲清单[12]（按播放量计）

作者根据 YouTube 的浏览次数，整理出了过去一年中与 JavaScript 相关的300个视频。清单中的会议包括：JSConf, JSWORLD, JSNation, React Summit, React Native EU, VueJS Amsterdam, TypeScript Congress等，相信能扩宽你的前端视野。

这里是松桑的前端后花园，目前坚持在写前端后花园周刊，专注前端基础领域，分享常见前端面试题、前端开源项目、工具库、前端最新动态，目前还一个前端菜鸟，和我一起打怪升级吧！这里是我精选的往期文章，希望对你有所帮助。

Node.js常用命令及学习资料

18个宝藏技术周刊，涵盖前端、产品、UX、AIGC、独立开发、科技（偷偷收藏）

为什么每个自媒体人都需要个人网站？（附十分钟快速建站教程）

我用 Nextjs 十分钟搭建了一个展示955公司网站

Gitbook 小书 - 快速创建你的个人专栏

参考资料

[1]Firefox: https://www.mozilla.org/en-US/firefox/125.0.1/releasenotes/

[2]支持AV1视频编解码器: https://www.mozilla.org/en-US/firefox/125.0.1/releasenotes/

[3]Next.js 14.2 Released: https://javascriptweekly.com/link/154028/web

[4]Biome v1.7: https://biomejs.dev/blog/biome-v1-7/

[5]Vue 相对于 React 我更喜欢的六个设计模式: https://jaydevm.hashnode.dev/things-that-i-like-better-in-vue-than-in-react

[6]丑头像生成器: https://github.com/txstc55/ugly-avatar

[7]AI工具集: https://ai-bot.cn/

[8]微博切九图: https://v.magiconch.com/sns-image

[9]CSS in React Server Components: https://www.joshwcomeau.com/react/css-in-rsc/#introduction

[10]Gap is the new Margin: https://frontendmasters.com/blog/gap-is-the-new-margin/

[11]Airbnb JavaScript 风格指南: https://github.com/airbnb/javascript

[12]2023年最火的300个JS会议/演讲清单: https://techtalksweekly.substack.com/p/ttw-extra-3-all-javascript-conference

苹果手机V2Ray终极指南：从入门到精通的安全翻墙之道

在当今互联网环境下，许多用户面临着网络访问受限的困扰。V2Ray作为一款强大的网络代理工具，凭借其出色的安全性、灵活性和稳定性，成为众多科技爱好者的首选解决方案。本文将为您详细介绍如何在苹果手机上完美配置和使用V2Ray，让您轻松突破网络限制，享受自由的上网体验。

V2Ray：重新定义网络代理

V2Ray远非普通的VPN工具，它是一个高度模块化的网络代理平台，采用创新的VMess协议作为核心传输方式。与传统的代理工具相比，V2Ray最显著的特点是它的"多协议支持"架构——可以同时兼容Shadowsocks、Socks、HTTP等多种代理协议，就像一个多功能的"协议转换器"。

技术层面上，V2Ray采用了先进的加密算法（如AES-128-GCM、Chacha20-Poly1305等），确保数据传输过程中的绝对安全。更令人称道的是其"流量伪装"能力，可以将代理流量模拟成正常的HTTPS流量，有效规避深度包检测(DPI)的识别。这种技术特性使得V2Ray在中国大陆等网络审查严格的地区表现出色。

为何V2Ray成为专业人士的首选

在众多代理工具中，V2Ray之所以脱颖而出，主要基于以下核心优势：

1. 协议灵活性：支持VMess、VLESS、Trojan等多种协议，用户可根据网络环境自由切换。例如，在校园网环境下可使用WebSocket+TCP组合，而在移动网络则更适合mKCP协议。

2. 抗封锁能力：通过TLS加密和WebSocket传输，V2Ray流量与普通HTTPS流量几乎无法区分。笔者曾测试过，在三大运营商网络下，配置得当的V2Ray节点可以稳定运行数月不被干扰。

3. 多平台支持：从Windows到树莓派，从Android到iOS，V2Ray几乎覆盖所有主流平台。特别是对苹果生态的完美适配，让iPhone用户也能享受企业级的安全代理服务。

4. 细粒度控制：通过精妙的路由规则(routing)，可以实现国内外流量分流、广告屏蔽等高级功能。例如设置"中国大陆网站直连，境外网站走代理"的智能分流策略。

苹果手机V2Ray客户端全解析

在iOS平台上，由于系统限制，V2Ray需要借助第三方客户端实现。经过长期测试，我们推荐以下几款表现优异的应用：

1. Shadowrocket（小火箭）
这款售价2.99美元的应用堪称iOS代理工具的标杆。其特点包括：
- 支持V2Ray全协议（含最新的VLESS和XTLS）
- 内置测速功能和延迟显示
- 规则系统支持DOMAIN-SUFFIX、GEOIP等高级匹配
- 提供详细的流量统计和连接日志

2. Quantumult X
更偏向高级用户的工具（售价7.99美元），特色功能有：
- 创新的策略组功能，可设置故障自动切换
- 支持HTTP-over-QUIC等实验性协议
- 与Surge兼容的规则语法，便于规则共享
- 本地DNS映射和MITM解密能力

下载指南：
由于中国区App Store已下架这类应用，建议：
1. 注册美区Apple ID（需准备境外手机号或使用虚拟号码服务）
2. 登录App Store后直接搜索应用名称
3. 使用礼品卡方式完成支付（避免绑定境外信用卡）

手把手配置教程

下面以Shadowrocket为例，演示完整的配置流程：

步骤1：获取服务器信息
典型V2Ray配置包含：
- 地址：v2ray.example.com（建议使用域名而非IP）
- 端口：443（伪装成HTTPS流量）
- 用户ID：自动生成的UUID（如xxxx-xxxx-xxxx）
- 额外ID：通常为0（企业级部署可能不同）
- 加密方式：推荐aes-128-gcm或chacha20-poly1305
- 传输协议：WebSocket（需配合TLS使用）
- 伪装域名：填写一个常用CDN域名如xxx.cloudfront.net

步骤2：客户端配置
1. 打开Shadowrocket点击右上角"+"号
2. 选择"V2Ray"类型
3. 逐项填写服务器信息
4. 在"传输"选项卡中设置WebSocket路径（如"/ws"）
5. 开启TLS并填写伪装域名
6. 保存配置并命名为"优选节点"

高级技巧：
- 启用"实验性功能"中的"混淆"选项可增强抗封锁能力
- 设置"按需连接"可显著延长电池寿命
- 在"全局路由"中选择"配置"模式实现智能分流

性能优化与故障排除

速度提升秘籍：
1. 协议选择：4G网络下mKCP协议延迟最低，WiFi环境下WebSocket更稳定
2. CDN加速：将节点部署在Cloudflare等CDN后方可提升跨国传输速度
3. 多路复用：启用Mux功能可减少TCP握手次数（建议并发数设为4）

常见问题解决方案：
- 连接不稳定：尝试切换端口（如从443改为8443）；关闭IPv6支持
- 速度骤降：检查是否为运营商限速，可尝试更换obfs参数
- 突然无法连接：首先验证节点是否存活，其次检查客户端是否为最新版

安全使用建议

1. 节点管理：

- 定期（建议每月）更换UUID增强安全性
- 避免使用公共免费节点，可能存在流量嗅探风险

1. 隐私保护：

- 开启客户端中的"阻止跟踪器"功能
- 配合DNS-over-HTTPS使用（推荐Cloudflare或Quad9）

1. 法律合规：

- 仅用于学术研究和跨境商务等合法用途
- 避免大流量持续传输引起注意

专家点评

V2Ray在苹果手机上的表现堪称"艺术与技术的完美结合"。其精妙的协议设计就像一套精密的瑞士钟表——每个齿轮（功能模块）都恰到好处地协同工作。与传统的VPN相比，V2Ray更像是一个"智能网络调度系统"，它不仅能突破封锁，更能根据网络环境自动选择最优传输路径。

在实际使用中，我们观察到一个有趣现象：配置得当的V2Ray连接，其网络延迟甚至可能低于直接连接。这是因为专业的节点运营商会部署优质的BGP中转线路，使得数据能够避开拥堵的国际出口。这种"曲线救国"反而成就了更佳的用户体验。

对于技术爱好者而言，V2Ray最大的魅力在于它的"可编程性"。通过精心设计的配置文件，可以实现：
- 早高峰自动切换至低负载节点
- 视频流量走特殊优化线路
- 敏感时期自动启用备用协议

这种级别的控制力，使V2Ray从单纯的翻墙工具升华为网络自由的艺术品。正如一位资深用户所说："当你真正理解V2Ray的设计哲学后，网络边界对你而言就只是一组可以自由调整的参数而已。"

最后提醒读者：技术是把双刃剑，请始终遵守当地法律法规，将V2Ray用于正当的知识获取和商务交流，让科技真正服务于人类进步。