<div class="markdown-text"><p>CNode TG Channel 开启 !</p>
<p>Channel 将定期推送最新技术文章、资讯以及活动，欢迎订阅！</p>
<p><a href="https://t.me/cnode_js">https://t.me/cnode_js</a></p>
<p><img src="//static.cnodejs.org/FkwbDvoUIeRAccpPd6f53rgXwrDz" alt="qrcode_tg_channel_cnode.png"></p>
<blockquote>
<p>Tips: 订阅后点击 “设置- View Discussion” 即可加入交流群!</p>
</blockquote>
</div>

CNode - TG 频道

<div class="markdown-text"><h2>概述</h2>
<p>Node.js 刚刚发布了 18.0.0 版本，内置了 <code>fetch</code>、<code>node:test</code> 等标准模块。</p>
<p><strong>一句话点评：std lib 在标准化，user lib 在精细化。</strong></p>
<blockquote>
<p>原文地址：<a href="https://zhuanlan.zhihu.com/p/502951532">EggJS 知乎专栏</a>，求点赞。</p>
</blockquote>
<hr>
<h2>如何快速体验</h2>
<p>推荐用 <a href="https://github.com/Schniz/fnm">fnm</a>，<a href="https://github.com/jasongin/nvs">nvs</a>，<a href="https://github.com/nvm-sh/nvm">nvm</a> 等 Node.js 版本管理器。</p>
<pre class="prettyprint language-bash"><code>$ fnm install 18
Installing Node v18.0.0 (arm64)

$ fnm use 18
Using Node v18.0.0

$ node -v
v18.0.0
</code></pre><p>需要注意的是，该版本不是 LTS 版本，请勿在生产环境使用，需要等到 2022-10-25 才会成为 LTS 版本。</p>
<p><img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/012135a1091b40ef807c8b6e3919bcce~tplv-k3u1fbpfcp-zoom-1.image" alt="image.png" title="https://github.com/nodejs/Release"></p>
<h2>Looking to the future</h2>
<blockquote>
<p>The project is also continuing its ‘Next 10’ effort.  The goal of this effort is to reflect on what led to success in the first 10 years of Node.js and set the direction for success in the next 10.</p>
</blockquote>
<p>Node.js 官方启动了 <a href="https://github.com/nodejs/next-10">next-10</a> 工作，并讨论出了<a href="https://github.com/nodejs/node/blob/master/doc/contributing/technical-priorities.md">未来重要的几件事</a>：</p>
<ul>
<li>现代化的 HTTP</li>
<li>友好的类型支持</li>
<li>对初学者更友好的渐进式文档</li>
<li>对 ECMAScript 规范的支持和及时跟进</li>
<li>可观测性，包括 logging/metrics/tracing，以及 APM 等</li>
<li>更好的多线程支持</li>
<li>支持打包为单文件的分发方式</li>
</ul>
<p>譬如前面说的 Fetch 就和 Modern HTTP 的会议讨论有关，<a href="https://github.com/nodejs/next-10/blob/main/meetings/summit-jan-2022.md">相关纪要</a>。</p>
<blockquote>
<p>6 月份的 OpenJS World 会议中将分享 ESM 和 Observability 进展，可以关注下相关动态。</p>
</blockquote>
<hr>
<h2>Fetch API</h2>
<p>前端同学应该都很熟悉<code>fetch()</code>这个 API，它提供了标准的网络请求能力，取代了远古的  XMLHttpRequest 。</p>
<p>反观 Node.js 侧，官方提供的 <a href="https://nodejs.org/dist/latest-v18.x/docs/api/http.html#httprequesturl-options-callback">http.request()</a>，太底层太基础了，用起来往往需要大量的封装。譬如 302 后自动跳转、文件上传、响应结果解析等等。</p>
<p>因此在 Node.js 社区有非常多的上层请求库封装：</p>
<ul>
<li>曾经广受社区欢迎的 request 库去年<a href="https://github.com/request/request/issues/3142">宣布停止维护</a>后，也引起了社区比较大的混乱。。</li>
<li>我们 Egg 内置的是 <a href="https://www.npmjs.com/package/urllib">urllib</a>，沉淀了阿里多年在网络请求上踩的坑，足够稳定，不过代码也有点久远了。</li>
<li>更多参见 <a href="https://github.com/request/request/issues/3143">Alternative libraries to request</a> 以及 <a href="https://zhuanlan.zhihu.com/p/415361629">《天猪：那些你应该说再见的 npm 祖传老库》</a>。</li>
</ul>
<p><strong>去年 Node.js 官方推出了 <strong><a href="https://undici.nodejs.org/"><strong>undici</strong></a></strong>，一个非常现代化的库，具备优越的性能，良好的扩展性，内置的 mock 等能力，集大成者。</strong></p>
<blockquote>
<p>undici 的命名也很有趣：A HTTP/1.1 client → 11 → Eleven → Undici，即意大利语的 11。</p>
</blockquote>
<p>从而 <strong>Node.js 终于内置了新的请求库</strong>，它遵循 <a href="https://fetch.spec.whatwg.org/">Fetch 规范</a>，底层就是基于 undici 来实现的。</p>
<pre class="prettyprint language-javascript"><code>const res = await fetch(&#x27;https:&#x2F;&#x2F;nodejs.org&#x2F;api&#x2F;documentation.json&#x27;);
if (res.ok) {
  const data = await res.json();
  console.log(data);
}
</code></pre><p>就这么简单，比 <a href="https://nodejs.org/dist/latest-v18.x/docs/api/http.html#httprequesturl-options-callback">http.request()</a> 那一坨 callback-style 代码简洁多了，平时写个脚本啥的，不用再引入额外的类库了。</p>
<p>全局增加了 fetch, FormData, Headers, Request, Response 这几个 API，以及 Web Streams API。</p>
<p>目前还处于默认开启的实验性特性阶段，文档在 <a href="https://nodejs.org/dist/latest-v18.x/docs/api/globals.html#fetch">Globals</a> 章节，近乎没有，有需要直接看 <a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API">MDN 文档</a> 即可。</p>
<p>可能是为了遵循规范， undici 的很多能力如 Mock，Proxy，Pool 等都没有提供出来。</p>
<hr>
<h2>Test Runner</h2>
<p>单元测试很重要，很多新兴的编程语言都是会内置对应的能力，但前端这块一直都是由社区来实现，前端同学耳熟能详的 Test Runner 有 <a href="https://mochajs.org/">Mocha</a>、<a href="https://jestjs.io/">Jest</a>。</p>
<pre class="prettyprint language-javascript"><code>&#x2F;&#x2F; mocha showcase
import assert from &#x27;assert&#x2F;strict&#x27;;

describe(&#x27;test&#x2F;index.test.js&#x27;, () =&gt; {
  it(&#x27;test1&#x27;, async () =&gt; {
    const res = await fetch(&#x27;https:&#x2F;&#x2F;nodejs.org&#x2F;api&#x2F;documentation.json&#x27;);
    assert(res.ok);
  });
  
  it.skip(&#x27;skip some test&#x27;, () =&gt; {});
});
</code></pre><p>终于，Node.js 在 18.x 里官方支持了 <a href="https://nodejs.org/dist/latest-v18.x/docs/api/test.html">Test 能力</a>：</p>
<pre class="prettyprint language-javascript"><code>import test from &#x27;node:test&#x27;;
import assert from &#x27;assert&#x2F;strict&#x27;;

&#x2F;&#x2F; 等价于 describe()
test(&#x27;asynchronous passing test&#x27;, async () =&gt; {
  const res = await fetch(&#x27;https:&#x2F;&#x2F;nodejs.org&#x2F;api&#x2F;documentation.json&#x27;);
  assert(res.ok);
});

test(&#x27;multi level test&#x27;, async (t) =&gt; {
  &#x2F;&#x2F; 等价于 it()
  await t.test(&#x27;subtest 1&#x27;, (t) =&gt; {
    assert.strictEqual(1, 1);
  });

  await t.test(&#x27;subtest 2&#x27;, (t) =&gt; {
    assert.strictEqual(2, 2);
  });
});

&#x2F;&#x2F; 等价于 describe.skip() &#x2F; it.skip()
test(&#x27;skip option&#x27;, { skip: true }, () =&gt; {});

&#x2F;&#x2F; 等价于 describe.only() &#x2F; it.only()
test(&#x27;only option&#x27;, { only: true }, () =&gt; {});
</code></pre><p>可以看到：</p>
<ul>
<li>语法其实差不多，会更简洁一点，就一个 <code>test()</code>，options 除了 skip 和 only 外，还支持 concurrency 并发。</li>
<li>无需启动器，每一个文件都是一个可执行的 Node.js 代码。</li>
<li>暂未支持 <code>before/after/beforeEach/afterEach</code> 能力，看 issue 描述会后续支持。</li>
<li>暂未支持 Reporter，但日志输出为标准 <a href="https://testanything.org/">TAP</a> 格式，所以应该很容易能复用现有的社区生态。</li>
</ul>
<p>类似覆盖率的演进过程，以前我们需要通过 nyc 对代码转译打桩，现在变为的 Node.js 内置覆盖率输出，nyc 变为 c8 这样的覆盖率报告生成工具。</p>
<p>后续 mocha 等估计会变为类似的上层封装，提供批量执行 和 Reporter 等能力。</p>
<hr>
<h2>Build-time user-land snapshot</h2>
<p>简单的说，可以把某个 js 直接编译成 v8 snapshot，从而可以极大的提速启动时间。</p>
<p>目前这个版本，还只能通过 Node.js 源码来编译，且只能编译成 Node.js Runtime 的方式，即 Build-time。</p>
<pre class="prettyprint language-bash"><code># 把一段 markdown 渲染的逻辑，直接打包到 Node Runtime
$ cd &#x2F;path&#x2F;to&#x2F;node&#x2F;source
$ .&#x2F;configure --node-snapshot-main=marked.js
$ make node

# 执行编译好的 Node Runtime
$ out&#x2F;Release&#x2F;node
&gt; const html = globalThis.marked(&#x27;# this is title&#x27;);
</code></pre><p>秋怡正在继续推进<a href="https://github.com/nodejs/node/issues/35711">该能力</a>，未来可以无需编译 Node.js 源码：</p>
<pre class="prettyprint language-bash"><code>$ node --build-snapshot --snapshot-blob marked.blob marked.js 
$ node --snapshot-blob marked.blob
</code></pre><p>PS：这个能力用在命令行 CLI 的独立打包好像也不错。<a href="https://github.com/nodejs/node/issues/42566">https://github.com/nodejs/node/issues/42566</a></p>
<hr>
<h2>V8 引擎升级</h2>
<p>内置的 V8 引擎升级到 10.1 版本，值得注意的特性：</p>
<ul>
<li>class fields 和 private class methods 的性能优化。</li>
<li><a href="https://v8.dev/blog/v8-release-99#intl.locale-extensions">Intl 规范</a> 的支持，在做日期的本地化，字符串处理的时候非常有用。</li>
<li>数组支持 findLast() 和 findLastIndex() 等。</li>
</ul>
<p>秋怡也写了一篇文章 <a href="https://v8.dev/blog/faster-class-features">Faster initialization of instances with new class features</a> 分享了背后的实现。</p>
<p>PS：<a href="https://mp.weixin.qq.com/s/6PTcjJQTED3WpJH8ToXInw">ECMAScript 双月报告：装饰器提案进入 Stage 3</a> ，阿里的 Node 架构团队今年会推动 Decorator 方案在 V8 的落地实现，不过肯定赶不上了，只能 Node.js 20.x 见了。</p>
<hr>
<h2>ESM 的支持</h2>
<p>虽然在 18.x 中没有新的内容，但在过去的几个月中一直在持续推动 ECMAScript模块实现：</p>
<ul>
<li>对 <a href="https://github.com/tc39/proposal-import-assertions">JSON Import Assertions</a> 的支持。</li>
<li>JSON 模块的正式支持。</li>
<li>对 HTTPS 和 HTTP 导入的实验性支持。</li>
<li><a href="https://github.com/nodejs/loaders">Node.js 加载器团队</a>也在继续开发 ECMAScript 模块加载器实现。</li>
</ul>
<hr>
<h2>工具链和编译器的升级</h2>
<ul>
<li>Linux 版是在 RHEL8 上构建的，要求 glibc 2.28 以上版本。</li>
<li>macOS 要求 10.15 以上版本。</li>
<li>Windows 很多旧版本也不支持了。</li>
</ul>
<p>PS：CentOS 7 官方不再维护了，它对应的 glibc 版本太低，所以升不了。。。</p>
<ul>
<li><a href="https://developer.aliyun.com/article/780803">centos7和8不维护停止更新之后，服务器选择使用什么系统好？</a></li>
<li><a href="https://github.com/nodejs/node/pull/42659">doc: update minimum glibc requirements for Linux by richardlau</a></li>
</ul>
<hr>
<h2>相关资料</h2>
<ul>
<li><a href="https://nodejs.org/en/blog/announcements/v18-release-announce">https://nodejs.org/en/blog/announcements/v18-release-announce</a></li>
<li><a href="https://nodejs.org/en/blog/release/v18.0.0/">https://nodejs.org/en/blog/release/v18.0.0/</a></li>
</ul>
</div>

Node.js 18 新特性解读

<div class="markdown-text"><p>RT.</p>
<p>请大家遵守法律法规，勿发布不合规内容。</p>
<ul>
<li>2021/11/26：针对部分打擦边球的推广行为（如各种云服务商的推广链接），将会对账户做出屏蔽处理。</li>
<li>2021/11/26：针对机器人频繁发布广告与违规内容，新增发帖限制如下：新用户五天内不允许发帖（不影响回帖）。</li>
</ul>
</div>

【2021/11/26】请大家遵纪守法，勿发布不合规内容

<div class="markdown-text"><p><a href="https://registry.npmmirror.com">https://registry.npmmirror.com</a> npmmirror 镜像站在2013年12月开始就使用基于 koa 的 <a href="https://github.com/cnpm/cnpmjs.org">https://github.com/cnpm/cnpmjs.org</a> 私有 npm 应用搭建，这些年 node 应用框架在快速换代升级，连我们自己造的 egg 都要升级到 TypeScript 了，所以在 2021 年我们启动了 <a href="http://cnpmjs.org">cnpmjs.org</a> 的技术升级重构，基于 egg 的 TypeScript 模式重新实现 <a href="https://github.com/cnpm/cnpmcore">https://github.com/cnpm/cnpmcore</a> 。</p>
<p>npm registry 的接口是 100% 实现迁移，然后在数据同步上通过数据库实现足够简单的任务系统，已经在 2022年1月30日完全老数据迁移。
非常感谢阿里云这么多年来的对中国 npm 镜像云服务器的开源赞助，只能靠仅有的广告位和每年的感谢帖子来回报这份天价的云资源账单。这一次重构之后，我们验证下来至少可以节省一半的云服务器资源，也算是让阿里云的开源赞助可以减轻一些成本负担。</p>
<p>当然 cnpmcore 不仅仅是为了技术升级，我们的核心新能力会跟随 npmfs 黑科技在 2022 年发布出来，到时候 npm install 的安装速度会在 cli 侧和 registry 侧同时发力，让 npm 模块安装速度在可预见的未来达到秒级。</p>
<p>PS：预估你在此期间遇到包数据同步和丢失问题，请先手动同步一次，如果还是没有，请回帖反馈给我们。</p>
</div>

npmmirror 镜像站升级公告

<div class="markdown-text"><p>很多人觉得Node.js没有往年那么火了，事实上不是这样的，Node.js社区健康稳步的发展中，主要是从性能好向好用转变，在易用性上有很大提升，从Node.js源码更新的内容看，大抵如此。Node.js Diagnostics Working Group是近二年Node.js社区的重点工作组，Node.js 14版本之后的大部分功能特性都是这个工作组推动的。早在2015年，有2个跟踪工作组tracing WG 和事后分析工作组 postmortem WG，在2017年合并到Diagnostics WG。核心产出是async_hooks, profiling, tracing, dump debug, report等，都是在易用性和好用性上做提升。让每个Node.js开发者更低门槛的提升Node.js应用的开发体验。</p>
<p>秦粤老师在《浮华过后的Node.js》分享里，也表达了同样观点，他用的是产品化平缓期，也是健康稳步的发展的意思。</p>
<p><img src="//static.cnodejs.org/FqRK1Uehhaz3lFDF3oHeL97Z7zYm" alt="image.png"></p>
<p>社区方面，Web框架已经没有多少空间，以特性取胜的框架，应该不会很多，比较期待Egg3。像fastify这种，修改Node.js机制，在性能领域深耕的框架，目前看是比较有作为的。pnpm是有创新的，但代码是有点可读性不太好。我更加喜欢rushstack对menorepo的改进，大规模编程范式还需要探索。除了去年提的midway-hooks，easy-monitor，看起来remix和morden算新，但还没有超出之前的范畴。</p>
<p>下面结合《<a href="https://nodersurvey.github.io/reporters">Node.js开发者2021报告</a>》内容，我们详细解读一下Node.js 2021年的情况。这份解读是根据冰森&amp;狼叔直播内容整理的，要点如下。
​</p>
<h3>1）开发框架变化较大，造轮子变少，TS变多，使用企业级框架变多</h3>
<p>​</p>
<p>去年express占比还非常高，今年企业级框架变多，尤其是大而全的框架更受欢迎。</p>
<p><img src="//static.cnodejs.org/Fl-QFKuag-dvFGbx7Q45WabMH5d8" alt="image.png"></p>
<p>Egg在国内普及率很高，而Midway和Nest增长较快，其实和TS普及有一定关系。
​
<img src="//static.cnodejs.org/FvoNa6PGZJN1ZaqZlmXZuRnNUI5_" alt="image.png">
​</p>
<h3>2）版本更新变化较大，从Node 12升级到Node 14，升级比较积极</h3>
<p>​</p>
<p>去年Node.js主要是使用Node 12，2021年Node 14占比将近一半，更新还是较快的。</p>
<p><img src="//static.cnodejs.org/FpQcq4qzd9rl-R-VEXzLZAiVMPaa" alt="image.png">
​</p>
<h3>3）吐槽变多，意味着用的人变多，趋于成熟</h3>
<p>​</p>
<p>C++之父Bjarne Stroustrup说过：世界上只有两种编程语言,一种是整天被人骂的,还有一种是没人用的。
​</p>
<p>大家对Node.js吐槽变多，实际上是在应用场景上使用较多，不再是针对于某些特性而进行吹捧。回归理性，在真实应用场景上，分布广泛，核心围绕API和BFF层，CLI&amp;工具。
​
<img src="//static.cnodejs.org/FkEeeI7hvEdSMIyUNaKxnQx9pzcJ" alt="image.png"></p>
<h3>4）出圈：年龄分布较去年比变大，使用工种也变得比较丰富。</h3>
<p>除了应用场景上，分布广泛外，非前端意外的开发者相关角色也有很大比例的提升，比如架构师，技术总监，项目经理等都一定程度上使用Node.js。可以说Node.js走出了前端圈，面向更大群体提供服务。另外受访者的年龄分布也变大了，这和出圈是有直接关系的。
​
<img src="//static.cnodejs.org/FsnHAf1Map8P8i4bEAn89POQf_8E" alt="image.png"></p>
<h3>5）使用困惑：性能优化，内存泄漏以及npm依赖</h3>
<p>​</p>
<p>以往对Node.js困惑最多的是异步流程控制，随着async/await的普及，这个问题已经慢慢在弱化。随着开发者使用Node.js深度增加，对性能优化，内存泄漏更为关注，这也是比较容易理解的。</p>
<p><img src="//static.cnodejs.org/FkPiwL5U9kbNq1vUE1J8AQKn54z4" alt="image.png"></p>
<p>​</p>
<h3>6）未来：从业经验越高则越关注性能和 Serverless</h3>
<p>​</p>
<p>关注性能比较容易理解，关注Serverless最主要是的原因是Serverless可以做到低运维甚至是0运维。运维作为Node.js开发者必备技能，Serverless的出现使得很多非专业Node.js也能轻松搞定Node.js各种服务端场景。</p>
<p><img src="//static.cnodejs.org/FjZSOZ1uO-Tqh8yTL2E4CtvMUFbN" alt="image.png"></p>
<p><img src="//static.cnodejs.org/FshPaWkMvnMKMxJckqf0L-M5OYe1" alt="image.png"></p>
<h3>推荐阅读</h3>
<ul>
<li>天猪《EggJS 的前世今生与未来》，比较期待Egg3，easy-monitor作者一君也加入Egg3项目组了 <a href="https://www.yuque.com/atian25/blog/egg-1to2to3">https://www.yuque.com/atian25/blog/egg-1to2to3</a></li>
<li>秦粤 《浮华过后的Node.js》链接稍后给出来</li>
</ul>
<h3>参考</h3>
<ul>
<li>原文  <a href="https://cnodejs.org/topic/6108bbc2a5d29d175c2d4208">https://cnodejs.org/topic/6108bbc2a5d29d175c2d4208</a></li>
<li>报告 <a href="https://nodersurvey.github.io/reporters">https://nodersurvey.github.io/reporters</a></li>
</ul>
<p>如果大家想参与讨论，欢迎回复</p>
</div>

Node.js 2021年开发者报告解读：健康稳步的发展中

<div class="markdown-text"><p>继 2019 年开源 Midway 框架之后，阿里一直在 Node.js 的前沿进行深度研究，除了加入 TC39 参与标准化建设，向上游 Node.js 项目持续贡献，与龙蜥社区合作优化之外，也在 Serverless 领域有了不小的成果。</p>
<p>今天，向大家介绍我们最新的面向云原生场景，面向 Serverless 架构下的新产品， 代号 <strong>Noslate</strong>。</p>
<h2>Noslate 是什么？</h2>
<p>欢迎访问项目了解更多内容：<a href="https://github.com/noslate-project/noslate">Noslate</a>
<img src="https://gw.alicdn.com/imgextra/i4/O1CN01hh1Db41sqh60CiNhD_!!6000000005818-2-tps-1324-390.png" alt="Noslate">
JavaScript 是开发者数量最庞大的编程语言，早些年 Node.js 等技术的出现，让 JavaScript 可以轻松地处理各类服务端任务。</p>
<p>但随着云原生/Serverless 等新架构概念的引导，弹性效率成为了全新的架构设计目标。为了能够让 JavaScript 任务拥有更高的弹性效率，进而满足在泛终端、全栈交付等领域的效率期待。我们逐步深入探索的过程中逐渐形成了 Noslate Project，旨在提升云原生场景下 JavaScript 的被调度性能，解决诊断性黑盒问题。</p>
<p>Noslate 它主要由三个子项目组成，分别体现了我们在提升 Javascript 任务弹性效率过程中碰到的问题以及解决方式：</p>
<ol>
<li>Node.js Distribution：初期针对函数计算冷启动场景优化，降低 Node.js 用户代码加载耗时，形成了针对性的 Node.js 发行版本。</li>
<li>Noslate Workers：随着探索的深入，我们设计了面向轻量端云同构场景的 W3C Web-interoperable JavaScript 轻量化容器方案。在交付灵活度上和资源、执行效率上形成平衡，现在主要应用于中心化的 SSR 渲染等轻量任务场景，效果显著。</li>
<li>Noslate Debugger：在落地业务过程中，我们发现在弹性效率提升后，对于异常和崩溃变得难以定位，得益于 Linux 系统 Coredump 机制的启发，我们设计了基于 Corefile 对问题进行离线诊断的 Noslate Debugger 产品，帮助用户实现问题的回溯和实时定位。</li>
</ol>
<p>简而言之，Noslate 目标是通过提供完整的技术产品方案， 将 JavaScript 打造成云原生时代最灵活的交付语言。</p>
<h2>为什么开源？</h2>
<p>一方面我们希望通过开源加强项目产品化程度；另一方面希望在社区中吸收更多的实践场景进而继续完善产品设计，也欢迎大家参与到项目中来。
同时，依托阿里云龙蜥社区和 Anolis 操作系统的合作关系，我们得以在底层探索，实现技术的演进。</p>
<h3>一、Noslate Workers</h3>
<p><img src="https://gw.alicdn.com/imgextra/i4/O1CN01L6QLHh1NRjQD5l5PE_!!6000000001567-2-tps-1270-339.png" alt="Noslate Workers">
W3C Web-interoperable 运行时 Aworker，提供了一个轻量，近乎 0 冷启动的 JavaScript Serverless 运行环境。通过它，可以轻松的在已有的架构中集成轻量化类 Serverless 的能力。
<img src="https://gw.alicdn.com/imgextra/i2/O1CN015XmQ8e20OlsVamGdC_!!6000000006840-2-tps-1729-672.png" alt="Noslate Workers 架构">
与传统的 FaaS 架构不同，这是一个在普通应用容器之上的轻量任务单位。得益于良好的动态任务高密度混部和隔离特性、以及基于任务状态拷贝 API 带来的近乎 0 冷启动特性，可以实现任务的即用即启与即停即抛，进而无需关心在整个大集群中任务节点的编排问题。
与既有架构的关系：
<img src="https://gw.alicdn.com/imgextra/i3/O1CN01hwla1u1WSUch3qhT0_!!6000000002787-0-tps-3337-1879.jpg" alt="弹性架构分层">
Noslate Workers 由两个主要组件组成：</p>
<ol>
<li>Aworker - 轻量、Web-interoperable JavaScript Runtime</li>
<li>Noslated - Serverless 化的 Aworker 调度管控实现</li>
</ol>
<h4>关于 Aworker</h4>
<p>提供 Web API 标准的 Web-interoperable JavaScript 运行时，适合不直接依赖系统接口的业务逻辑部署。 Aworker 实现了近似 <a href="https://www.w3.org/TR/service-workers/">Service Worker API</a> 的规范，提供了基本的 <a href="https://www.w3.org/TR/service-workers/#fetchevent">Request-Response</a> 服务 API。
因为提供了相比于 Node.js 的 API 更加高层次、抽象的定义，不会泄漏系统底层状态，Aworker 通过 Startup Snapshot 和 Warmfork 能力， 实现了更快的水平及垂直扩容，能够在毫秒级启动并处理流量，具备更高的弹性效率。</p>
<h5>亮点特性一、Warmfork</h5>
<p>熟悉 Linux 系统编程的同学都知道 fork(2) 系统调用有几个优势：</p>
<ol>
<li>新进程可以继承母进程的当前状态，而无需从 main() 开始初始化；</li>
<li>pcb、栈、内存页，页表都是纯内存复制，所以进程创建快 (&lt;1ms)；</li>
<li>CopyOnWrite，新进程可以继承母进程的静态页表，可节省系统内存；</li>
</ol>
<p>对于 Node.js 来说，因为其无法在主线程持有所有多线程的状态 (如锁，信号量等)，所以 Node.js 进行 fork 的修改难度很大。其多线程设计主要 来源于 libuv 库和 V8 Platform Worker 线程：</p>
<ol>
<li>因部分 IO 操作存在同步调用，如 dns，文件读写等，所以 libuv 使用 IO 线程将同步操作转换成异步操作；</li>
<li>Node.js 的 V8 默认配置为多线程 GC、Background Compilation/Optimization 的方式；</li>
</ol>
<p>Node.js 的单进程多线程模型可以由下图表示：
<img src="https://gw.alicdn.com/imgextra/i1/O1CN01f3vkhU1gZxESjIBhq_!!6000000004157-2-tps-767-267.png" alt="Node.js 单进程多线程模型">
Aworker 的设计是采用单进程单线程的模型，也就是将上述模型中的 worker thread 单独抽出放到一独立进程中。Worker 因此可支持 fork，从而避免从 main() 开始的启动消耗，达到快速启动的目的。
<img src="https://gw.alicdn.com/imgextra/i1/O1CN01vaKK3b1NniQw29c7a_!!6000000001615-2-tps-734-266.png" alt="Aworker 单进程单线程模型">
为了支持单线程，Aworker 还做了如下修改：</p>
<ol>
<li>使用了 Linux AIO 特性替掉了 libuv 中同步的文件系统操作（不是 POSIX AIO，两者有区别。Posix AIO 类似于 libuv 现有的实现）；</li>
<li>使用 V8 的 SingleThread 模式，这是一个给低端设备（Low-end devices）实现的能力，不过非常符合 Serverless 资源模型；</li>
</ol>
<p>而为了管理、隔离这些工作进程，我们设计了一个轻量的业务进程容器管理组件 Turf ，该组件能通过 Warmfork 方式创建新的 Aworker 服务进程，并能提供一定的资源、环境的隔离能力，同时兼容 OCI。区别于传统 runc, rund 的容器，turf 旨在承载如 Aworker 这类轻 JS Runtime，它无需镜像运行，开销更低，可以支持更高的部署密度。</p>
<p>Warmfork 具体的对比：
<img src="https://gw.alicdn.com/imgextra/i2/O1CN01cLR5kd1JGVFa2tPic_!!6000000001001-2-tps-480-391.png" alt="warmfork">
提供 “被复制” 的进程，称为 “种子进程”，其他服务进程都是该进程的克隆。譬如 Aworker 作为种子进程，它需要确定自己一个 “可被克隆” 的时间点，将自己的所在状态（内存）作为克隆进程的初始状态。</p>
<p>Warmfork 的系统时序如下：
<img src="https://gw.alicdn.com/imgextra/i3/O1CN01dTl9w71ZcW8TdBOon_!!6000000003215-2-tps-675-386.png" alt="warmfork 时序"></p>
<h5>亮点特性二、Startup Snapshot</h5>
<p>Warmfork 能实现了单机上服务进程的快速启动，而对于优化冷机启动加载速度，需要采用 Startup Snapshot 方案。
Startup Snapshot 和 CodeCache 的区别在于 Startup Snapshot 能够保存用户代码逻辑执行状态，而 CodeCache 只保存代码解析结果、仍然需要重新执行 用户代码逻辑。</p>
<p>设计上，Startup Snapshot 可提供携带用户代码逻辑的快速恢复，但是也有局限性：</p>
<ol>
<li>Startup Snapshot 对内存开销敏感，如果应用启动阶段用了大量内存，可能造成负优化；</li>
<li>用户代码启动需要没有歧义的状态，比如 IP 地址、日期、连接状态、服务发现结果等，针对这些歧义内容用户代码需要在进程恢复时有修正能力；</li>
</ol>
<p>V8 的 Startup Snapshot Serializer 就是一个类似于 GC 的对象遍历器。这个遍历器通过遍历加入到 Snapshot 中的 Root 对象，遍历它所对应的对象图并按照对象关系生成一系列的反序列化指令。</p>
<p>Startup Snapshot 相当于从 V8 Context 对象与它的 globalThis 开始，遍历堆中所有的对象并将对象关系与引用序列化成 特有的字节码，形成一个线性的可存储状态。并在恢复时，解释执行这些字节码，恢复堆中的对象内容与他们之间的引用关系。
<img src="https://gw.alicdn.com/imgextra/i3/O1CN01VbTxVV1j7xsJEqEGB_!!6000000004502-2-tps-750-390.png" alt="V8 对象">
上述的两类和被调度性能相关的特性被统一归类为状态拷贝 API，具体使用可以参考官网文档中的<a href="https://noslate.midwayjs.org/docs/noslate_workers/aworker/serialize-api">《状态拷贝 API》</a>章节，详细介绍了命令行参数和程序内的 Events。</p>
<h4>Noslated</h4>
<p>Noslate Container Deamon，作为 Noslate Workers 解决方案的核心管控程序，提供了实例调度、弹性扩缩容、配置管理、流量管理等能力。</p>
<p>基于健壮性考虑，它由两个角色组成：控制面（Control Plane）、数据面（Data Plane）
<img src="https://gw.alicdn.com/imgextra/i3/O1CN01OGE8Xk1hEiU0mY4Nw_!!6000000004246-2-tps-2845-1351.png" alt="Noslated 架构">
Noslated 对于实例的管控主要有三个模式：</p>
<ol>
<li>基础模式 - 基于流量的扩缩容</li>
<li>即抛模式 - 运行完即销毁</li>
<li>预留模式 - 面向历史场景兼容，在此不额外展开，详情可以查阅官网<a href="https://noslate.midwayjs.org/docs/noslate_workers/references/scale/#%E4%B8%89%E9%A2%84%E7%95%99%E7%AD%96%E7%95%A5">【预留策略】</a>。</li>
</ol>
<h5>一、基础模式</h5>
<p>当流量进入 Data Plane 后，如果没有能够处理请求的 Worker 实例，会通过 requestQueueing 事件通知 Control Plane，它会根据当前水位决定扩容数量，如果当前已无法创建 Worker 实例，会返回资源上限报错。新的 Worker 实例启动后，会自动连接到 Data Plane，Data Plane 发现新的 Worker 实例连接后会主动触发初始化请求，初始化成功后开始消费请求队列里堆积的请求。</p>
<p>当 Worker 实例闲置一段时间后，Control Plane 会主动发起 GC 操作，告知 Data Plane 关闭流量，流量关闭后，Control Plane 会通知 Turf 关闭 Worker 实例，清理资源残留。
<img src="https://gw.alicdn.com/imgextra/i3/O1CN01TWklUC1OusEnQ5ENK_!!6000000001766-2-tps-1207-1020.png" alt="基础弹性模式"></p>
<h5>二、即抛模式</h5>
<p>针对特定的灵活场景，一次性的轻量用户脚本执行（比如特别高密度的混部执行二方任务如 SSR），为了隔离不同请求间的上下文，可以针对每个请求创建一个实例，并在执行后销毁。
<img src="https://gw.alicdn.com/imgextra/i3/O1CN01k7ZGMG1DHWQzoQWSV_!!6000000000191-2-tps-1207-1020.png" alt="即抛模式">
在常规 Node.js 实例带上业务逻辑启动一般都不会太快，如果直接用于响应用户流量 RT 会难以接受。得益于 Aworker 运行时的 Warmfork 以及 Startup Snapshot 能力，把部分业务初始化逻辑放置到 Warmfrok 特性中，进而让新实例都是更快的启动并具备响应能力，这才让高密度混部二方任务成为可能。</p>
<h2>二、Noslate Debugger</h2>
<p><img src="https://gw.alicdn.com/imgextra/i1/O1CN010OWgpL1yU9IWuE5XG_!!6000000006581-2-tps-1270-339.png" alt="Noslate Debugger">
Noslate Debugger 是针对 V8 应用的离线分析工具，它可以分析 Node.js 等应用程序产生的 Corefile (Core 文件)：</p>
<ol>
<li>检查 Node.js/V8 应用程序的结构体、堆栈等内容</li>
<li>检查 V8 堆内的各种对象信息</li>
<li>从 Corefile 中导出 Heap Snapshot</li>
<li>业务无感获取 Corefile (通过 Arthur 工具)</li>
<li>已支持 Node.js / AWorker LTS 官方发行版</li>
</ol>
<p>为了更好的解决问题而不是造轮子，在未来的几个月 Noslate Debugger 也会和国内社区 Node.js 稳定性领域优秀的开源软件 Easy Monitor 共建整合，在 Node.js/V8 的问题诊断领域形成合力，也是值得期待的事情。</p>
<h5>优点一：基于 Corefile 的 “快照” 更适应 Serverless</h5>
<p>Serverless 应用通常会使用大量生命周期短、规格小的任务实例，但在此类任务实例上获得调试诊断能力并不容易，这使得 Serverless 应用长期处于较为黑盒的窘境。比如，Inspector 需要稳定和长时的网络连接、运行时 Heap Snapshot 需要较多的计算和内存资源，都是和 Serverless 架构背道而驰的。</p>
<p>不管是 V8 的对象还是堆快照，它都是 “信息” 在内存中的存储，而 Inspector 功能就是可以在 “运行时” 能提取这些信息。Noslate Debugger 通过 Corefile 将这部分调试诊断能力转移到了离线时进行，让原有实时性要求高的在线诊断调试转化为只需简单文件上传即可集成使用。</p>
<p>在用户本地或云端服务上提供接近用户本地开发时的调试诊断体感：
<img src="https://gw.alicdn.com/imgextra/i2/O1CN01OCIltT1LGcaAR4r8G_!!6000000001272-2-tps-861-519.png" alt="调试流程"></p>
<blockquote>
<p>Corefile (特指 GNU Corefile 格式) 主要记录的是 Node.js 进程的内存和寄存器转储(CoreDump: 内存到磁盘的过程)。所以它也是进程完整“信息”，被用于 Linux 系统应用 Crash(有损) 的调试载体，也可用于 GCore(无损) 产生进程快照用于离线分析。</p>
</blockquote>
<h5>优点二：更小的业务影响​</h5>
<p>对比原有线上 “堆快照” 对业务的影响长达数分钟，到只影响业务 RT 秒级（通过 GCore），甚至只有几十毫秒 （通过 Arthur 工具）。Corefile 快照也不会有任何运行时的&quot;添油加醋&quot;，所以它也适合那些还未被GC的对象定位，譬如诊断已经结束了的业务处理等。</p>
<p>Arthur 是 Noslate Debugger 中用于低影响获取 core文件的工具，利用 fork 减少进程暂停时间，LZ4 压缩减少转储体积。带业务流量的线上环境抓取，业务影响 31.106 毫秒，Corefile 大小为 338 MB （进程原使用 1.44GB 物理内存）。</p>
<h2>三、Node.js 发行版</h2>
<p><img src="https://gw.alicdn.com/imgextra/i1/O1CN01wxGn641fHLWa312QP_!!6000000003981-2-tps-1270-339.png" alt="Anode">
我们还对 Node.js 的实例进行了定向弹性场景的优化，提高了用户代码的加载速度，从而降低了冷启动时间。主要包括 Require 关系加速、Bytecode Cache，优化效果提升可高达 100% ~ 200%。该发行版，同时包含来自阿里云基础软件团队在 ARM 架构的性能优化特性。</p>
<h3>冷启动优化</h3>
<p>PGO（Profile Guided Optimization），是一种根据运行时 Profiling Data 来进行编译优化的技术，这里我们借鉴了这一概念。主要是通过执行一遍之后收集启动阶段的热点数据生成缓存文件，后续通过内存映射直接加载高效的缓存文件，即可获得提升在 100% ~ 200% 的用户代码冷启动优化效果。
<img src="https://gw.alicdn.com/imgextra/i4/O1CN01nHx1UD1yE7Qqlfef6_!!6000000006546-2-tps-1164-930.png" alt="PGO 流程"></p>
<h3>面向特定平台架构优化</h3>
<p>Node.js 支持包括 x64、arm64 等在内的多种架构。 但针对 ARM 芯片的快速发展，上游版本往往仅提供基础适配，缺少针对新指令集的优化，导致在 ARM 芯片上无法获得潜在的性能提升。当下主流云厂商大都提供了 ARM 架构、高性价比的运行环境。 Noslate Node.js 发行版针对 ARM 等平台的优化可以让应用在这些架构上获得更高的性能和效率。
目前 Noslate Node.js 发行版已经在进行针对阿里云 Ampere、阿里云倚天的定制优化，未来计划包括支持龙蜥社区中的其他架构。主要包括：zlib 特性优化、其他一些利用 SIMD 的性能提升都在 PR 合并和准别中。
上面是对 Noslate Project 的简单介绍，如果想要详细了解可通过下述方式：
● GitHub: <a href="https://github.com/noslate-project/noslate">https://github.com/noslate-project/noslate </a>
● 网站：<a href="https://noslate.midwayjs.org/">https://noslate.midwayjs.org/</a>
● 龙蜥社区 SIG（特殊兴趣小组，有钉钉群）：<a href="https://openanolis.cn/sig/web-platform">https://openanolis.cn/sig/web-platform</a>
● 邮件列表：noslate-support@list.alibaba-inc.com</p>
<p>致谢
感谢阿里巴巴集团内业务方的支持，同时还要特别感谢所有给本项目贡献过代码、一起探索过技术方向伙伴们（包括不限于 legendecas、mariodu、zhaolei0505、XadillaX、umuoy1、oraluben、hyj1991 等）。</p>
</div>

阿里巴巴 Noslate 正式开源 - 面向云原生的 JavaScript 容器方案

<div class="markdown-text"><p>平时刷网页、看设计稿、翻图集的时候，有没有这种感觉：</p>
<p>点开一张图 → 新开标签 → 放大不顺手 → 想看下一张还得回去点
来回折腾几次，人都烦了。</p>
<p>尤其是做前端、设计相关的，这种体验真的挺影响效率。</p>
<p>所以我做了个小工具：<strong>Nicasa Image Viewer</strong>
就是把网页里的图片浏览这件事，稍微“做正常一点”。</p>
<hr>
<h2>它是干嘛的？</h2>
<p>简单说，就是：
让你在网页里看图片，不再像在用浏览器，而更像在用图片查看器。</p>
<p>不用跳页面，不用来回点，操作更直接一点。</p>
<hr>
<h2>用起来大概是这样</h2>
<ul>
<li>点一下图片 → 直接在当前页面打开</li>
<li>滚轮可以缩放</li>
<li>按住拖动可以移动</li>
<li>有多张图的话，可以直接切换</li>
</ul>
<p>基本就是把你在本地看图那一套搬到网页里。</p>
<p><img src="https://img2024.cnblogs.com/blog/545479/202604/545479-20260429190606149-86740445.png" alt="image.png"></p>
<hr>
<h2>有哪些地方会舒服一点？</h2>
<h3>不跳页面</h3>
<p>图片直接在当前页面打开，不会打断你原本在看的内容。</p>
<hr>
<h3>缩放和拖动比较自然</h3>
<p>滚轮缩放、拖拽移动都比较跟手，不会一顿一顿的。</p>
<hr>
<h3>图集可以连续看</h3>
<p>页面里有多张图的话，可以直接左右切换，不用一张一张点回去。</p>
<p>这一点在看设计稿、电商图、摄影图的时候挺明显。</p>
<hr>
<h3>看图的时候更干净</h3>
<p>打开后背景会压暗，注意力就在图片上，不会被页面干扰。</p>
<hr>
<h2>简单看一下效果（视频）</h2>
<p><a href="https://www.youtube.com/watch?v=NJPweIr1J4s">https://www.youtube.com/watch?v=NJPweIr1J4s</a></p>
<hr>
<h2>安装地址</h2>
<p><a href="https://chromewebstore.google.com/detail/nicasa-image-viewer/cihceekeiedkinpjjjfehlgjdhpeokbj">https://chromewebstore.google.com/detail/nicasa-image-viewer/cihceekeiedkinpjjjfehlgjdhpeokbj</a></p>
<hr>
<h2>适合什么人用</h2>
<p>如果你有这些场景，应该会有点用：</p>
<ul>
<li>经常在网页上看图</li>
<li>看设计稿 / UI</li>
<li>做前端，需要检查图片资源</li>
<li>刷图比较多（比如商品、摄影）</li>
</ul>
<hr>
<h2>为什么会做这个</h2>
<p>主要是觉得浏览器看图这件事，一直没怎么被认真对待。</p>
<p>明明是个高频操作，但体验一直挺“原始”的。</p>
<p>一开始只是自己用，后来慢慢补了一些细节，就顺手发出来了。</p>
<hr>
<h2>后面可能会加的东西</h2>
<p>还在慢慢看需求，大概会往这些方向走：</p>
<ul>
<li>更方便的下载</li>
<li>一些简单标记功能</li>
<li>自定义快捷键</li>
</ul>
<hr>
<p>如果你平时看图比较多，可以装来试试。</p>
<p>有问题或者想要的功能，也可以说一声。</p>
</div>

从体验出发，做了一个更顺滑的图片查看器

<div class="markdown-text"><p><strong>2026年我们需要可靠的手机电脑PC梯子来畅游全球网络，但近期很多机场跑路拔线导致梯子不能用。如果你寻找稳定翻墙机场梯子工具VPN，本文将为你推荐多款优质外网魔法梯子加速器。这些机场梯子工具不仅支持Windows、Mac等PC系统，还兼容手机端，帮助你轻松实现跨区访问，如连接到日本、韩国、泰国、台湾、香港、美国或法国等Clash节点。这些科学上网梯子有充足流量、简单操作的特点，让它们2026VPN梯子推荐首选。</strong></p>
<p><img src="https://user-content.gitlab-static.net/c3a7e37559829271ddf336b695165817c7b12b3a/68747470733a2f2f636f6d6d756e6974792d616c6c2d6261636b75702e73332e6475616c737461636b2e75732d656173742d312e616d617a6f6e6177732e636f6d2f6f726967696e616c2f32582f392f393963366232633630613839386261356564643365346665643434666438636537393634323461632e6a706567" alt></p>
<h2><strong>1.YAFACloud-</strong> <strong>多平台兼容的稳定机场节点</strong></h2>
<p><strong><a href="https://affg.cc/yafa">点击官网地址</a></strong>（支持24小时不满意退款）</p>
<p>如果你寻求电脑梯子用什么软件好，yafacloud梯子绝对是热门推荐。它支持Windows、Mac电脑以及iOS、Android手机，甚至Chrome扩展，特别适合蕃墙使用。无流量限制，连接稳定且速度快，但随机跨区模式需注意。</p>
<p>亮点：界面简洁，一键连接；额外福利：年付订阅享七折优惠，解锁更多服务器。适用于浏览海外视频或社交，连接成功率高达95%以上。</p>
<h2><strong>2.EWAN</strong> <strong>梯子</strong> <strong>-</strong> <strong>高性价比机场梯子</strong></h2>
<p><strong><a href="https://affg.cc/ewan">点击官网地址</a></strong>（支持24小时不满意退款）</p>
<p>在电脑梯子免费搜索中，Ewan梯子脱颖而出。它覆盖Windows、Mac、Android、iOS和Chrome扩展，提供超过80个国家和地区服务器，包括韩国、日本、泰国、美国、法国、土耳其、印度和埃及等地。无限流量、无需注册，连接稳定，适合日常上网冲浪。</p>
<p>亮点：多服务器选项，避免拥堵；免费版无广告干扰，隐私保护出色。电脑端可通过Chrome插件快速启用，初次使用只需几秒钟，完美解决跨区限制问题。</p>
<h2><strong>3.JIFE</strong> <strong>梯子</strong> <strong>-</strong> <strong>最易上手的外网梯子</strong></h2>
<p><strong><a href="https://affg.cc/jife">点击官网地址</a></strong></p>
<p>对于苹果用户，JIFE梯子是适合电脑和苹果手机用户的经典之作。虽然主打iPhone/iPad，但也可扩展到Mac电脑。支持美国、日本、韩国、台湾、泰国、巴西等多国服务器，免费、无流量限、无需越狱，三步搞定跨区。</p>
<p>亮点：开源协议，确保安全性；连接后速度流畅，适合观看高清内容。</p>
<h2><strong>4.UXIN-</strong> <strong>跨平台魔法VPN梯子</strong> <strong>，26国随意切换</strong></h2>
<p><strong><a href="https://affg.cc/uxin">点击官网地址</a></strong></p>
<p>Uxin由加拿大公司开发，是电脑梯子推荐中的可靠选项，支持Android、iOS、Mac和Windows。免费版覆盖新加坡、比利时、加拿大、瑞士、美国、日本、丹麦、印度、英国等26国，无流量限制，连接稳定，操作简单。</p>
<p>亮点：内置反审查技术，适合敏感地区；多协议支持，提升兼容性。电脑版可自定义端口，避免封锁；若连接失败，切换到SSH或OBFS模式重试，确保顺畅访问全球资源。</p>
<h2><strong>5.Surflink</strong> <strong>梯子</strong> <strong>-</strong> <strong>Android免费无限流量梯子</strong></h2>
<p>如果你是Android和PC电脑的重度用户，首推Surflink梯子。它提供85个国家服务器，如新加坡、土耳其、日本、韩国、印度、台湾、巴西、印尼、泰国和法国，每个国家多服务器选项，完全免费、无流量限。</p>
<p>亮点：轻量级设计，不占内存；支持分应用挂梯子，灵活性高。 电脑用户推荐结合BlueStacks模拟器，模拟手机环境快速启用。</p>
<p><strong>这些手机电脑梯子工具软件不仅支持24小时不满意退款试用，还能让你轻松应对网络壁垒，但免费版可能有速度波动或广告</strong> <strong>，</strong> <strong>建议根据需求选择。若追求更稳定体验，</strong> <strong>升级</strong> <strong>付费</strong> <strong>梯子线路</strong> <strong>更安全。网络环境多变，选对外网梯子魔法工具，让你的上网之旅无界限！</strong></p>
</div>

手机电脑梯子推荐︱魔法外网梯子加速器和翻墙机场节点VPN哪个好用

<div class="markdown-text"><p><strong>你还在为PC电脑科学的上网梯子免费发愁吗？手机科学的梯子上网工具哪款最稳？电脑魔法上网梯子又该怎么选？防火墙升级加速，普通免费工具早已阵亡。本文为你深度拆解4款顶级梯子，从安卓手机到Windows PC，全平台覆盖，助你轻松实现高速、安全、自由的魔法上网！</strong></p>
<p>我们深知，谷歌商店里充斥着各种免费梯子，看似诱人却隐患重重：速度慢、广告轰炸、隐私泄露，甚至可能被官方针对性封锁。我们强烈建议转向久经考验的付费梯子——它们技术更硬核、服务器更稳定、支持更多设备（安卓手机、Windows PC、iOS、路由器等），真正成为你PC电脑魔法上网梯子免费试用起点、手机科学的梯子上网工具主力。</p>
<h2>1.Westworld梯子：速度与可靠性的王者，电脑魔法上网梯子的首选</h2>
<p>官网地址：<a href="https://free99bai.com/i/xy009">https://free99bai.com/i/xy009</a></p>
<p>如果你追求极致体验，Westworld梯子绝对是最值得信赖的“魔法梯子”。它拥有专属Lightway协议（比WireGuard更优化），无需手动切换TCP/UDP模式，自动模式下就能轻松穿透最新封锁。全球3000+服务器覆盖105个国家和地区，速度快到能秒开4K/8K视频，播放Netflix、Hulu、BBC iPlayer毫无压力。 安卓App一键连接，界面简洁到老人小孩都会用；PC端同样丝滑，支持拆分隧道——让工作软件走本地网，娱乐App走梯子通道，完美平衡效率与隐私。不限制设备连接数量，从手机科学的梯子上网工具到PC电脑科学的上网梯子，全覆盖。是安全感拉满的电脑魔法上网梯子。</p>
<h2>2.Pink梯子：性价比之王，手机科学的梯子上网工具平民首选</h2>
<p>预算有限却想稳定蕃墙？Pink梯子就是那个“又便宜又能打”的选项。它服务器多达6500+台，覆盖65个国家和地区，解锁流媒体、地域限制的能力超强。安卓和Windows App都支持终止开关和拆分隧道，指定App走梯子，其他走本地，电量和流量双节省。 作为老牌梯子，总部在英属维京群岛，长期可用。价格亲民到让人心动，却提供企业级加密和无日志政策，是追求长期稳定的用户的理想选择。</p>
<h2>3.Surch梯子：老兵不死，长期稳定多设备用户的电脑魔法上网梯子</h2>
<p>2005年成立的Surch梯子，像老将一样低调却硬核。它支持12台设备同时在线，全球950+服务器覆盖35个国家，无带宽限制，P2P种子下载畅通无阻。AES-256顶级加密，融合Open梯子、IKEv2、WireGuard等多协议，速度和安全性双在线。 安卓设备独享拆分隧道功能，PC端同样流畅。支持支付宝、信用卡、PayPal多种支付，30天退款+24/7聊天支持，入手无压力。保持高可用性，是需要长时间挂梯子办公、学习、追剧用户的可靠伙伴——真正的电脑魔法上网梯子常备选手。</p>
<h2>4.Paris梯子：移动端专家，PC电脑科学的上网梯子免费入门神器</h2>
<p>专注移动设备的Paris梯子，依然是实测可用的黑马。它提供真正免费版（10GB/30天，13个服务器），对刚接触“PC电脑科学的上网梯子免费”的用户来说，是零成本试水的完美起点。付费版解锁无限流量，支持P2P、解锁Netflix、YouTube、BBC iPlayer等主流平台。 AES-256加密+无日志政策，总部在瑞士，隐私保护顶级。支持10台设备同时登录，安卓/iOS/Mac/Windows全平台App简单易用。50个国家服务器覆盖主流地区，速度稳定，适合日常刷剧、查资料、社交。免费版就能让你先体验手机科学的梯子上网工具的快感，再决定升级。</p>
<p><strong>总之，不管你是寻找PC电脑科学的上网梯子免费入门、手机科学的梯子上网工具日常主力，还是电脑魔法上网梯子的长期伙伴，这4款梯子都能满足你的需求。立即行动，选对工具，从此告别网络限制，畅享无边界互联网世界——魔法上网，从今天开始！</strong></p>
</div>

PC电脑科学的上网梯子免费推荐-手机科学的梯子上网工具 & 电脑魔法上网梯子4款神器评测

<div class="markdown-text"><p><strong>如果你还在纠结pc电脑好用的梯子到底选哪款，或者想同时找到好用的pc电脑梯子软件和好用的手机梯子免费选项，那这篇指南就是为你量身打造的。YouTube、Netflix、Google、Twitter等外网资源全面受限，无论是Windows电脑办公、追剧，还是手机随时随地蕃墙，都离不开一款稳定的外网梯子软件。</strong></p>
<p><img src="https://p.inari.site/usr/1819/69ddce1262fb5.png" alt="图片2.png"></p>
<h2>1.Westworld – 整体最强的好用的pc电脑梯子软件，PC+手机双平台王者</h2>
<p>官网地址：<a href="https://fast6699.com/i/xy007">https://fast6699.com/i/xy007</a></p>
<p><strong>核心亮点：</strong></p>
<p>Windows桌面客户端一键连接，界面极简，自动智能更新</p>
<p>支持Windows、Mac、Android、iOS、Linux全平台，不限制设备连接数量</p>
<p>自研Lightway协议（媲美甚至超越WireGuard），实测速度飞快，支持4K/8K视频和低延迟游戏</p>
<p>拆分隧道 + 网络锁定功能，PC端办公与手机追剧两不误</p>
<p>解锁Netflix、Hulu、Disney+、BBC iPlayer等全地域限制</p>
<p>Westworld是无数用户公认的pc电脑好用的梯子顶级之选，Windows客户端与手机App体验高度一致，操作零门槛。即使在封锁最严的时期，用Automatic模式也能秒连成功。它不限速、全服务器支持P2P种子下载，下载大文件丝滑无比，是追求极致稳定与速度的Windows电脑用户首选。</p>
<h2>2.Putun – 最便宜又稳定的外网梯子软件，pc电脑梯子性价比之王</h2>
<p><strong>核心亮点：</strong></p>
<p>Windows/Mac原生客户端，操作比手机版更流畅</p>
<p>6000+服务器节点，覆盖最全</p>
<p>IKEv2协议专为移动+PC无缝切换设计，WiFi与数据流畅过渡</p>
<p>拆分隧道 + 终止开关，双重防护</p>
<p>解锁Netflix、YouTube、BBC iPlayer、DAZN等流媒体</p>
<p>支持种子下载，AES-256顶级加密</p>
<p>Putun总部英属维尔京群岛，长期被用户视为稳定的外网梯子软件平民王牌。Windows电脑端服务器选择丰富，适合需要稳定线路的外贸用户，同时手机端也同样稳定，是预算有限却想同时搞定PC和手机蕃墙的最佳选择。</p>
<h2>3.Petty – 好用的手机梯子免费神器，PC端同样优秀</h2>
<p><strong>核心亮点：</strong></p>
<p>Windows、Mac、Android、iOS、Android TV全平台原生支持</p>
<p>75个国家和地区服务器，重点覆盖美加新等热门节点</p>
<p>免费版每月10GB流量（13个服务器），付费版无限流量</p>
<p>一个账号同时10台设备，PC+手机轻松共享</p>
<p>AES-256加密 + 无日志政策 + 终止开关 + 广告拦截</p>
<p>解锁Netflix、Hulu、YouTube、BBC iPlayer</p>
<p>Petty是真正好用的手机梯子免费入门首选！免费版就能满足日常手机轻度蕃墙，Windows PC客户端体积小、启动快、界面漂亮，付费后直接升级无限流量，是想先免费试水再长期使用的用户的理想之选。</p>
<h2>4.Future – 无限设备好用的pc电脑梯子软件，最划算的稳定外网梯子</h2>
<p><strong>核心亮点：</strong></p>
<p>一个账号无限台设备（全家PC+手机一起用也不心疼）</p>
<p>3200+服务器节点</p>
<p>支持Open梯子、WireGuard、Shadowsocks多协议</p>
<p>GPS欺骗功能（手机端神器），Windows端同样强大</p>
<p>解锁Netflix、Hulu、BBC iPlayer、YouTube全平台</p>
<p>广告拦截 + 终止开关 + RAM-only服务器，隐私保护顶级</p>
<p>Future凭借“无限设备”杀手锏，成为pc电脑好用的梯子中最受欢迎的一款。无论你有几台Windows电脑还是全家手机，都能一个账号搞定，性价比直接拉满，是大家庭或多设备用户的稳定外网梯子软件首选。</p>
<h2>5.NewPilix – 最适合视频与游戏的稳定的外网梯子软件，PC手机均衡高手</h2>
<p><strong>核心亮点：</strong></p>
<p>Windows客户端功能丰富，手机端同样丝滑</p>
<p>自营服务器 + RAM-only技术，每次重启数据清零</p>
<p>独立第三方无日志审计 + 广告拦截器</p>
<p>NordLynx（基于WireGuard）超快协议 + Open梯子可选</p>
<p>拆分隧道 + 终止开关 + 自动连接</p>
<p>解锁Netflix、Hulu等流媒体顶级表现</p>
<p>支持Shadowsocks + 加密货币支付</p>
<p>NewPilix在安全、速度和功能上达到了完美平衡，是“稳定的外网梯子软件”中适合看视频、打游戏用户的优选。PC端解锁能力强，手机端也同样流畅，综合体验无短板。</p>
<p><strong>选对一款好用的pc电脑梯子软件，不仅能让你轻松突破所有限制，还能同时解决手机蕃墙需求。以上5款稳定的外网梯子软件，长期保持可用，用户口碑极佳，满足PC+手机全覆盖的无限制高速外网体验。</strong></p>
</div>

好用的pc电脑梯子软件推荐-5款稳定的外网梯子软件-手机梯子免费也能用

<div class="markdown-text"><p><strong>还在寻找2026年翻墙机场节点和魔法外网梯子推荐？本文将分享推荐几款广受好评的手机和PC电脑翻墙梯子工具和SSR/V2Ray/Trojan节点订阅网站，支持小火箭Shadowrocket、Clash 等客户端魔法插件，满足解锁Netflix等流媒体、外贸跨境及ChatGPT、Gemini、Claude等AI模型训练及所有科学上外网需求的VPN梯子和性价比机场。</strong></p>
<p><img src="https://camo.githubusercontent.com/b322384ba0decb27ff70885df564b683a8f96854a1dfe17fafe3fc21a7dbd32e/68747470733a2f2f646973637573732e64326c2e61692f75706c6f6164732f64656661756c742f6f726967696e616c2f33582f382f382f383831373935643331343333393066353539316166663630373930633238666335356163616136642e6a706567" alt></p>
<hr>
<h2>🚀2026年好用的 SSR/V2ray/Trojan/Clash 节点机场推荐</h2>
<p>经过测速评价精选好用的翻墙机场节点，提供 Shadowsocks、ShadowsocksR、Vmess、Vless（Reality）、Trojan、Hysteria 多种协议，支援 Clash、Shadowrocket（小火箭）、Stash（Clash for iOS）、Quantumult X（圈叉）、Surge、V2rayN、sing-box 等多种流行的翻墙客户端。下面并非机场排名，可以根据翻墙机场特点、价格等因素选择自己最中意的，建议购买月付套餐，满意之后再决定是否购买更长时间套餐。</p>
<h3>尔湾云-2026稳定Clash节点机场</h3>
<p><a href="https://affg.cc/ewan"><strong>官方网站注册</strong></a></p>
<ol>
<li>运营六年，基础套餐24元/月，超稳定抗封锁机场；</li>
<li>提供丰富的套餐配置选择，满足大部分科学上网者不同的应用场景需求；</li>
<li>所有节点都能稳定解锁奈飞NetFlix/HULU/HBO/TVB/动画疯等国外流媒体视频；</li>
<li>支持解锁ChatGPT、Gemini、Claude等AI模型；</li>
<li>支持Clash、Shadowsocks协议等，可用于国际网络游戏加速，畅玩无卡顿；</li>
<li>性价比极高，可同时使用多台设备；</li>
<li>在线客服快速回复，问题处理效率高;</li>
<li>机场提供包含小火箭的苹果账号和 Netflix 账号购买渠道。</li>
</ol>
<h3>扬帆云-2026高速大流量节点机场</h3>
<p><a href="https://affg.cc/yafa"><strong>官方网站注册</strong></a></p>
<ol>
<li>基础套餐19元/月；</li>
<li>流量充足，价格便宜，线路节点档次分明，提供不限时永久有效流量套餐；</li>
<li>支持主流客户端SSR/V2Ray订阅链接；</li>
<li>拥有遍布全球的CN2 GIA/BGP/IPLC内网专线等优质线路节点；</li>
<li>国内采用CN2/BGP入口，隧道中转，速度快且稳定；</li>
<li>所有付费节点均可解锁奈飞NetFlix/HULU/HBO等国外流媒体；</li>
</ol>
<h3>疾风云-2026大流量机场节点梯子</h3>
<p><a href="https://affg.cc/jife"><strong>官方网站注册</strong></a></p>
<ol>
<li>老牌高端机场，基础套餐19 元/月；</li>
<li>流量吃到饱，套餐档次分明，丰俭由人；</li>
<li>支持主流客户端SSR/V2Ray订阅链接；</li>
<li>拥有遍布全球的CN2 GIA/BGP/IPLC内网专线等优质线路节点，抗封锁永不掉线；</li>
<li>所有付费节点均可解锁奈飞NetFlix/HULU/HBO/Disney等国外流媒体；</li>
</ol>
<h2>翻墙后注意事项</h2>
<h3>翻墙迫不得已，但切记遵纪守法</h3>
<p>我们翻墙目的是为了工作学习和丰富娱乐生活，切记不要进行任何涉及政治、宗教极端主义、网络诈骗等非法活动；</p>
<h3>警惕网上所谓“免费VPN加速器”，“免费机场节点”,“免费梯子”</h3>
<p>所谓“免费VPN加速器”，“免费机场节点”，“免费梯子”很少可靠的，省钱没错，但不假思索地使用来源不可靠的网站上分享的东西，会给你上网带来风险，你的上网隐私可能被泄漏，流量经过恶意服务器，还可能被破解，你可能丢失敏感信息，如密码，验证码，银行账号等。不是说所有免费的东西都这样，但在你安装客户端或把它们导入配置之前请慎重。</p>
<h3>尽量不要用国产软件</h3>
<p>国产软件不都是流氓软件，但它们很多确实是流氓软件，它们几乎不受任何法律法规约束，一旦装进你的电脑或手机设备，它们就开始为所欲为，扫描你的硬盘，监听你的流量，窃取你的资料。如果你把这些软件和上网工具装在一起，这些软件一定就知道你在翻墙，可能在后台把你个人信息和使用的上网软件发送到远程服务器，因为网络监管，这些国内厂商在任何时候都可能将你的上网记录提供给政府或第三方，这将给你人身安全带来什么隐患，只能由你自己去想象。</p>
<hr>
<p>2026翻墙机场 #机场推荐 #SS/SSR机场 机场加速器购买 #V2ray机场梯子 #Trojan机场 #Clash节点VPN #翻墙加速器 #好用的便宜梯子 #翻墙梯子 #高性价比梯子 #稳定梯子推荐 #手机电脑梯子 #外网梯子 #魔法梯子 #VPN梯子 #AI梯子</p>
</div>

2026 外网梯子推荐︱最佳魔法梯子︱科学上网机场节点翻墙VPN加速器

<div class="markdown-text"><p><strong>许多用户迫切需要免费外网电脑梯子和免费手机外网梯子，以绕过限制，访问Twitter（X）、YouTube、Instagram、ChatGPT、Netflix等海外App和网站。无论是电脑端Windows/Mac，还是手机端iOS/Android，一款可靠的免费网络加速器梯子都能帮助你轻松解锁全球资源、保护隐私，同时支持流媒体观看、社交互动和日常办公。本文基于实际测试经验，结合SSR/V2Ray/Trojan等协议，深度分享能上Twitter的手机和电脑梯子解决方案，以及能上国外App的梯子软件推荐。</strong></p>
<p>免费外网梯子通常指提供免费流量、试用节点或公益订阅的工具。真实情况是，完全永久免费且高速稳定的选项较少，许多免费方案存在限速、限流、节点不稳或隐私风险。但通过试用、共享节点、每日签到等方式，仍可满足轻度需求（如刷Twitter、查资料）；重度使用（如4K视频、长时间办公）建议结合付费订阅以获得更好体验。</p>
<p>安全提醒：免费梯子优先选择知名开源工具或有无日志政策的提供商，避免不明来源节点导致隐私泄露。测试时从小流量开始，结合杀毒软件使用。</p>
<p>免费网络加速器梯子实测推荐（支持手机+电脑）
以下结合传统梯子和轻量代理方案，重点覆盖免费外网电脑梯子与免费手机外网梯子。新手可从一键梯子起步，进阶用户推荐客户端+订阅节点模式。</p>
<h2>1.Westworld梯子 &amp; Sark 等付费梯子的免费试用路径</h2>
<p>官网地址：<a href="https://fast6699.com/i/xy001">https://fast6699.com/i/xy001</a></p>
<p>这些老牌工具在网络环境下稳定性高，支持iOS/Android/Windows/Mac全平台。虽非完全免费，但提供3天免费试用，可以免费测试其稳定性。iOS上需美区Apple ID下载App，一键连接即可访问Twitter和国外App。优点包括高速服务器（香港/台湾/日本节点延迟低）、无限带宽选项、流媒体解锁（Netflix、Disney+）。适合想稳定上Twitter的用户，先试用再决定。</p>
<h2>2.Promoon梯子 — 真正免费的免费手机外网梯子选项</h2>
<p>Promoon梯子免费版提供无限数据、无广告，服务器覆盖多国（虽服务器选择有限），支持Stealth协议帮助绕过检测。兼容iOS、Android、Windows、Mac，适合轻度浏览Twitter、Gmail或国外网站。电脑端速度尚可，手机端一键连接方便。但高峰期可能限速，推荐作为备份或测试能上国外App的梯子软件。</p>
<h2>3.Hospital 等免费梯子基础版</h2>
<p>提供无限数据免费模式，服务器靠近亚洲，适合快速访问Twitter网页或App。界面简单，手机电脑均支持，但广告较多，隐私保护不如付费版。适合偶尔上Twitter或查资料，不推荐长期重度使用。</p>
<p>机场订阅 + 免费/共享节点（强烈推荐进阶方案） 使用免费外网电脑梯子或手机时，许多用户转向“机场”订阅（提供Shadowsocks、V2Ray、Trojan节点）。部分服务有免费试用或公益节点，每天更新。</p>
<p>电脑端：推荐Clash for Windows / V2rayN客户端，导入订阅链接，一键切换节点。支持全局或规则模式，轻松解锁Twitter、YouTube 4K。</p>
<p>手机端：安卓用Clash for Android；iOS用Shadowrocket（小火箭）（需海外Apple ID或共享ID免费下载）。导入免费订阅后，测速选低延迟节点，即可稳定上Twitter和国外App。 社区（如GitHub）常分享每日更新的免费节点或订阅，兼容Clash、Shadowrocket，支持分流规则（国内直连减少卡顿）。</p>
<h2>其他免费网络加速器梯子补充</h2>
<p>啊哈加速器（AHA） 等国内开发工具：支持每日签到获免费时长，手机App一键连接，适合能上Twitter的手机梯子。</p>
<p>猎豹加速器、灯塔加速器：提供免费试用或低价选项，多设备支持，节点覆盖广，稳定性较好。</p>
<p>Psiphon 或 Tor：完全免费代理/浏览器，适合纯网页访问Twitter，但速度较慢，不适合视频或App。 这些工具多支持Windows、Mac、Android、iOS，部分有浏览器扩展，方便电脑刷Twitter。</p>
<h2>能上Twitter的手机和电脑梯子使用教程</h2>
<p>准备工作：电脑直接下载客户端；iOS需切换海外Apple ID（仅App Store登录，勿登录iCloud）下载Shadowrocket或梯子 App。安卓可在官网或应用市场获取。
导入节点/订阅（免费外网梯子核心）：复制订阅链接到客户端，更新节点列表。点击测速，选择绿色低延迟节点（优先香港、台湾、日本、新加坡线路）。
连接与优化：
规则模式（推荐）：国内网站直连，Twitter/国外App走代理，避免微信/支付宝卡顿。
开启混淆/伪装流量，提升上Twitter稳定性。
电脑端可设置系统代理或全局；手机端允许梯子配置后，从控制中心开关。
常见问题解决：连不上时更新订阅、切换协议（Trojan/WireGuard更快）、重启设备或换WiFi/4G。速度慢时选住宅IP节点或低峰期使用。免费手机外网梯子高峰期易波动，建议备2-3个节点。
解锁国外App：连接后打开Twitter App、Instagram、WhatsApp等，即可正常登录和互动。流媒体解锁需选对应国家节点。
免费外网电脑梯子优势在于屏幕大、操作灵活，适合长时间使用；免费手机外网梯子便携性强，随时刷Twitter。结合使用效果最佳，例如电脑办公+手机社交。</p>
<h2>注意事项与风险</h2>
<p>免费网络加速器梯子稳定性因节点质量而异，公益免费节点易拥堵或下线。长期推荐优质付费机场（月费低至几元，流量充足）。
优先无日志、强加密工具，保护个人数据。
iOS用户下载小火箭等工具时，注意共享ID安全，仅用于App Store。
实际效果受当地网络环境影响，建议先小范围测试Twitter访问速度。</p>
<p><strong>寻找免费外网电脑梯子、免费手机外网梯子或免费网络加速器梯子时，关键在于平衡免费便利与稳定安全。能上Twitter的手机和电脑梯子以及能上国外App的梯子软件已有很多实用方案，从简单一键工具到灵活节点配置，总有一款适合你。保护隐私、畅享外网，从选择合适梯子开始！欢迎分享你的使用经验或最新节点推荐，我们共同优化翻墙方案，享受更自由的网络世界。</strong></p>
</div>

免费外网电脑梯子与免费手机外网梯子实用指南-六款能上Twitter的手机和电脑梯子推荐

<div class="markdown-text"><p><strong>国内手机和电脑上外网梯子的机场节点怎么用？- windows/MacOS/Linux等PC电脑系统和苹果安卓等手机系统使用翻墙机场时，将订阅的翻墙节点导入Clash、Shadowrocket（小火箭）、Stash（Clash for iOS）、Quantumult X（圈叉）、Surge、V2rayN、sing-box 等翻墙客户端就可以轻松实现科学上网。今天给大家分享六个pc电脑和手机上都能稳定流畅科学上网的机场节点梯子推荐，这些翻墙机场相较传统的翻墙vpn和网络加速器来说，便宜好用性价比超高，如果你也想买一个便宜的稳定靠谱梯子，那么不妨从这些好用的魔法梯子中选择一个。</strong></p>
<p><img src="https://discuss.d2l.ai/uploads/default/original/3X/7/2/7250a7e2f35e11fb46247c70b0a916c19335f67e.jpeg" alt></p>
<h3>一、尔湾云-2026最佳稳定梯子</h3>
<p><strong><a href="https://affg.cc/ewan">官网地址</a></strong></p>
<p>推荐指数：⭐⭐⭐⭐⭐⭐</p>
<p>收费：24 元/月（<a href="https://affg.cc/ewan">官网领取七折优惠</a>）</p>
<p>简介：尔湾云2022年开始运营。主打高级别线路，虽然定价不算低但是翻墙节点线路质量非常可靠，<strong>敏感期抗封锁能力强</strong>。这个翻墙机场节点梯子来上外网google谷歌、youtube油管、刷twitter推特以及支持chatgpt、Gemini、Claude等AI模型都完全没有问题。定价虽然24元/月，但是速度靠谱线路稳定，4k视频缓冲不卡顿，你完全可以用它来观看奈飞netflix、迪士尼disney、hbo等流媒体。流量一次性到账，完全不用担心每月剩余流量清零问题。</p>
<h3>二、扬帆云-安全好用的翻墙机场推荐</h3>
<p><strong><a href="https://affg.cc/yafa">官网地址</a></strong></p>
<p>推荐指数：⭐⭐⭐⭐⭐⭐</p>
<p>收费：19元/月</p>
<p>简介：扬帆云机场是在行业中诞生最早的一批电脑翻墙梯子之一，如果有半年以上电脑挂梯子魔法科学上外网经验的小伙伴，对它肯定不陌生。扬帆云在全世界都拥有极高的人气，粉丝群体庞大，真爱粉更是数不胜数。客户端设计也很简洁，几乎不需要翻墙教程，下载后看一眼就会，毕竟就那么几个按钮。作为稳定的老牌机场梯子，价格也并不高，支持解锁流媒体。</p>
<h3>三、SYCloud速云梯-高性价比电脑手机翻墙梯子推荐</h3>
<p><strong><a href="https://affg.cc/suyu">官网地址</a></strong></p>
<p>推荐指数：⭐⭐⭐⭐⭐</p>
<p>SYCloud是一款高端翻墙机场节点梯子，由晴天私人珍藏。其上网速度和网络稳定性优秀，成为晴天日常工作、游戏、观影的首选工具。SYCloud以观影速度优化出色而闻名，能够流畅播放4K和8K超高清视频，无卡顿超前缓冲。</p>
<p>作为一个月收费仅为19元的电脑翻墙梯子软件，SYCloud采用成本极高的IEPL专线，为用户提供出色的观影体验。这种专线机场在观看高清视频时表现出色，支持解锁netflix和Disney等流媒体能够实现秒开视频，流畅播放。同时，SYCloud的翻墙节点还可用于游戏加速，具有极低的延迟。</p>
<p>SYCloud的运营时间可以追溯到几年前，是一家经验丰富的翻墙机场服务商。其支持Clash（Stash）、Shadowrocket小火箭等插件，是晴天目前使用时间最长的外网梯子。对于新手用户，SYCloud提供完整的科学上网教程和翻墙插件下载使用指导，24小时客服为用户提供便捷的帮助。</p>
<h3>四、疾风云-靠谱梯子推荐</h3>
<p><strong><a href="https://affg.cc/jife">官网地址</a></strong></p>
<p>推荐指数：⭐⭐⭐⭐</p>
<p>简介：疾风云也是一款非常好用的电脑科学上网梯子，网速稳定快速收费不贵，</p>
<h3>五、优信云-小众高速机场</h3>
<p><strong><a href="https://affg.cc/uxin">官网地址</a></strong></p>
<p>推荐指数：⭐⭐⭐⭐</p>
<p>简介：优信云是新兴Shadowsocks翻墙机场服务，提供隧道中转和IPLC线路，节点分布美、法、日、新、港台等地区。解锁Netflix奈飞等各大流媒体，也支持ChatGPT、TikTok、YouTube等平台。</p>
<p>客户端方面，优信云机场做的还是很不错的，基本上所有的主流平台都被涵盖了，包括windows电脑，苹果手机，安卓手机，路由器等等，在机场官网下载他们的插件安装包后就能一键导入使用，而且各个客户端都有攻略，简洁明了，看一眼就会。</p>
<h3>六、三番云-按流量计费机场</h3>
<p>推荐指数：⭐⭐⭐⭐</p>
<p>简介：三番云是一家提供高速稳定的网络加速服务的高端机场，支持多种协议，如SS/SSR、V2Ray和Trojan，适用于Windows、Android、macOS和Linux等多种操作系统。它的特点包括流媒体视频和音乐的解锁能力，如Netflix、Disney、Hulu、HBO等，支持ChatGPT，并且在稳定性方面表现良好。</p>
<p><strong>这六款能在电脑上稳定流畅使用的科学上网软件魔法工具，同样也适用于手机翻墙浏览外网梯子。是这些年自己用过并且感觉还可以的，收费有高有低，但总体来说都是高性价比且安全好用的，选择适合自己的一款翻墙梯子放心用就是。</strong></p>
<hr>
<p>免责声明： 本文所介绍的机场梯子VPN请只限用于正常外贸商务、新媒体、游戏娱乐、学习交流，切勿用在违法犯罪用途，用户请自觉遵守当地法律法规，出现一切后果本项目作者概不负责。</p>
<p>2026梯子推荐，翻墙机场 ，机场推荐 ，SS/SSR/机场，机场加速器购买，V2ray机场梯子，Trojan机场 ，Clash节点，好用的便宜梯子，翻墙梯子，VPN梯子 ，稳定梯子 ，手机电脑梯子，外网梯子，外贸梯子，油管梯子，AI梯子</p>
</div>

稳定梯子推荐：六款手机PC电脑能用的翻墙机场节点梯子VPN

最新科学上网魔法梯子推荐：稳定的PC手机翻墙机场节点VPN

<div class="markdown-text"><p><strong>越来越多的上班族、外贸从业者、程序员、设计师和游戏玩家都需要一台可靠的 PC 电脑梯子来突破网络限制。无论是访问 Google Scholar 查找资料、用 ChatGPT/Claude 高效编程、登录 GitHub 拉取代码、解锁 YouTube 4K 视频，还是在外贸业务中稳定运行 TikTok 广告和 WhatsApp 沟通，一款好用的电脑跨境加速器都能大幅提升效率。本文聚焦 PC 电脑用户需求，精选 7 款经过长期实测、稳定不跑路的国外电脑梯子软件（机场节点），全部支持 Windows/Mac/Linux 系统同时，也支持手机的科学上网梯子，提供免费试用或低价月付入口，同时附上最详细的 pc 电脑梯子怎么用教程，帮助你快速上手。</strong></p>
<p><a href="https://p.inari.site/usr/1819/698d26e2168ce.png"><img src="https://p.inari.site/usr/1819/698d26e2168ce.png" alt="Picture2.png"></a></p>
<p>以下机场均采用 SSR/V2Ray/Trojan 等先进协议，节点覆盖香港、台湾、日本、美国、新加坡等主流地区，支持 Clash for Windows、V2rayN、Clash Verge 等主流 PC 客户端一键导入，晚高峰稳定不掉线，完美解锁 Netflix、Disney+、ChatGPT、TikTok 等服务。</p>
<h2>1.TinnyEwan —— 新人首选高性价比跨境加速器</h2>
<p><a href="https://affgo.cc/ewan"><strong>官方网站注册</strong></a></p>
<p>成立于 2023 年，节点覆盖香港、日本、美国、新加坡、法国等地区，提供 SSR/Trojan 协议。PC 端支持 Clash、V2rayN 一键导入，速度稳定，适合外贸和学习用户。支持支付宝微信支付，月付流量充足，新用户注册支持24小时不满意退款。</p>
<h2>2.扬帆云 —— 专线品质，晚高峰最稳</h2>
<p><a href="https://affgo.cc/yafa"><strong>官方网站注册</strong></a></p>
<p>2022 年老牌团队出品，采用 IPLC 专线 + 中转技术，节点分布香港、台湾、美国、日本、韩国、法国等地。解锁 Netflix、Disney+ 能力极强，PC 电脑梯子怎么用？只需复制订阅链接到 Clash for Windows，即可一键切换节点。套餐灵活，适合重度流媒体用户。</p>
<h2>3.疾风云 —— 节点最多、覆盖最广的便宜好用机场</h2>
<p><a href="https://affgo.cc/jife"><strong>官方网站注册</strong></a></p>
<p>节点多达 21 个国家/地区（台湾、美国、法国、新加坡、印度、澳门等），Shadowsocks 协议稳定高效。PC 端兼容性极佳，支持 Windows/Mac/Linux 全平台客户端。价格亲民，常有免费试用活动，是预算有限但想体验国外电脑梯子软件的首选。</p>
<h2>4.梯云纵 —— 运营七年老牌，综合实力最强</h2>
<p>七年老机场，节点遍布亚洲、美洲，支持 Netflix、HBO、Disney+、TikTok、ChatGPT 全解锁。通用订阅格式完美兼容 V2rayN、Clash 系列客户端，PC 电脑梯子推荐免费试用的话，梯云纵经常提供新用户免费体验包，稳定性极高，几乎无断流投诉。</p>
<h2>5.Coconut —— 新锐专线机场，ChatGPT 专属优化</h2>
<p>2023 年成立，采用 Shadowsocks+IPLC/IEPL 专线，节点覆盖香港、日本、韩国、新加坡、美国、德国、荷兰。特别针对 ChatGPT、MidJourney 等 AI 工具优化，延迟极低。PC 端一键导入订阅，适合程序员和 AI 重度用户。</p>
<h2>6.龙卷风机场 —— 东南亚节点丰富，低延迟游戏加速</h2>
<p>2024 年新机场，Trojan 协议节点覆盖泰国、新加坡、越南、马来西亚、土耳其、阿根廷等 16 国。PC 电脑梯子哪个好用？玩国际服游戏选龙卷风准没错，低延迟 + 高稳定，支持支付宝微信，注册即送免费试用流量。</p>
<h2>7.可乐云 —— 按流量计费，不限时长最灵活</h2>
<p>按量付费、不限设备、不限时间，国内中转优化 + 全流媒体解锁，节点包括香港、台湾、日本、新加坡、美国。每个地区独立入口服务器，晚高峰速度极佳。适合偶尔使用但追求极致性价比的 PC 用户。</p>
<h2>PC 电脑梯子怎么用？最详细的新手教程（3 分钟上手）</h2>
<p>很多朋友问 “pc 电脑梯子怎么用”，其实机场比传统 VPN 更灵活，操作也非常简单： 注册并购买套餐 进入机场官网，注册账号，选择月付或按量套餐（建议新人先选最低价或免费试用）。 下载 PC 客户端 Windows 推荐：Clash for Windows 或 V2rayN Mac 推荐：ClashX 或 V2rayU Linux 推荐：Clash for Linux 导入订阅节点 在机场个人中心复制 “订阅链接”，打开客户端 → 添加订阅 → 粘贴链接 → 更新订阅。 选择节点并连接 在节点列表中选择延迟最低的（建议先用内置测速功能筛选），点击连接即可。连接成功后，全局或规则模式任选（新手建议规则模式，只加速国外网站）。 验证是否成功 打开浏览器访问 <a href="http://google.com">google.com</a> 或 <a href="http://youtube.com">youtube.com</a>，若正常加载即成功。 整个过程无需任何技术基础，机场通常还提供图文/视频教程，比传统国外电脑梯子软件更灵活、速度更快。</p>
<p><strong>PC 梯子哪个好用？以上 7 款国外电脑梯子软件（跨境加速器）都是经过无数用户实测的优质选择，无论是稳定性、速度还是解锁能力都远超普通免费梯子。建议立即访问官网注册免费试用，先亲身体验再决定——选对一款好用的 PC 电脑梯子，能让你的工作效率和娱乐体验提升数倍。</strong></p>
</div>

PC 梯子哪个好用？七款海外电脑梯子软件推荐 + 免费试用 + 跨境加速器详细教程

33025690-244b-4102-8d28-2aa1242e23aa

表格测试12345678

<div class="markdown-text"><p>这是使用Postman工具调用CNode社区API接口的测试帖子，用于验证接口可用性.</p>
</div>

Postman练手测试

<div class="markdown-text"><p>大家好，我最近在学习使用Postman进行接口测试，过程中遇到了很多问题，也总结了一些经验。
今天想分享一下我用Postman调用GitHub API创建Gist的过程，记录一下遇到的问题和解决方法，希望对同样在学习接口测试的小伙伴有帮助。</p>
</div>

学习Postman接口测试心得分享

<div class="markdown-text"><p>之前是挺多人讨论 nodejs，前端这些。
现在剩下了 ai，连招聘也只剩下几个。
全是梯子广告</p>
</div>

5 年没回 CNode 水，发现变了

<div class="markdown-text"><p>现在应该都是用 AI 写代码了，然后为了节约成本，我经常找便宜的 AI 中转站，然后发现每家的计费逻辑都不一样：有的是 1:7 兑换，有的是 1:1 积分制，有的倍率是 1，有的又是 3。每次选的时候，光折算真实价格就要来回计算对比，非常心累。</p>
<p>于是我自己整了个 AI 中转站比价网站 <a href="https://www.getcheapai.com">getcheapai.com</a></p>
<ul>
<li>无论中转站计费方式如何，我全部统一换算成了每百万 Token 的真实人民币价格</li>
<li>目前收录了十几家主流或者知名的中转站</li>
<li>每 6 小时更新一次价格确保实时性</li>
</ul>
<p>站内的中转站链接带有我的 AFF，因为这个网站跑在 Cloudflare Workers 里，每个月要花 5 美元。如果介意的话，可以复制链接去掉 AFF。</p>
</div>

为了写代码时省点钱，我撸了个 AI 中转站比价网站 getcheapai.com

<div class="markdown-text"><p>本文带你零基础、零代码，快速借助 Coze 平台搭建一个漂流瓶匿名社交智能体，全程操作简单易懂，跟着步骤走就能完成。</p>
<p><strong>核心功能</strong></p>
<ul>
<li><strong>扔瓶子</strong>：用户可通过智能体扔出漂流瓶，可用于日常吐槽、分享每日动态、交流经验、倾诉心情等，实现匿名表达。</li>
<li><strong>捡瓶子</strong>：用户可通过智能体随机捡起一个漂流瓶，查看他人分享的内容，感受陌生人的情绪与故事，完成匿名社交互动。</li>
</ul>
<h1>一、准备工作：免费注册 Coze 账号</h1>
<p>访问官网免费注册使用：<a href="https://www.coze.cn/home">https://www.coze.cn/home</a></p>
<h1>二、创建智能体</h1>
<p>进入 Coze 平台后，点击创建智能体，自定义智能体名称（示例：「YY漂流瓶」），创建完成后进入详情页进行后续设置，操作界面如下：</p>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/08/d30cb90c-4c32-42db-9ad3-6aabbffa0ffb.png" alt="创建智能体"></p>
<h2>2.1 人设与回复逻辑（直接复制使用）</h2>
<p>在智能体「人设与回复」模块，复制以下内容粘贴，无需修改，可直接适配漂流瓶核心功能：</p>
<pre class="prettyprint language-plaintext"><code># 角色：

你是YY漂流瓶，主要功能就2个，用户可以丢一个漂流瓶；用户可以捞起一个漂流瓶。

以实现漂流瓶的匿名社交功能。


## 技能：

使用以下技能之前，都需要保证 token 变量有值，没有token或无效，需要先调用插件“apifm &#x2F; authorize”获取token，获取成功后，输出登录成功的消息，告知当前登录的用户编号

插件参数说明：
- sysUuid 传 sys_uuid 变量的值

###  扔瓶子

如果无法提取到用户经纬度数据，经纬度参数传0，调用插件 bottleMsg_publish 完成扔瓶子，成功后提示用户成功

###  捞瓶子
调用插件 bottleMsg_salvage 

## 限制：
- 只能回复和和上面技能有关的问题
</code></pre><h2>2.2 设置变量</h2>
<p>变量设置用于存储用户信息和交互所需参数，步骤如下：</p>
<ol>
<li>
<p>进入「记忆 → 变量」页面，勾选启用 sys_uuid、sys_longitude、sys_latitude 三个系统级变量，分别用于存储用户唯一标识、用户所在经度、用户所在纬度。</p>
</li>
<li>
<p>添加用户变量：新增 token 变量，用于存储用户登录凭证，保障登录状态与功能正常使用。</p>
</li>
</ol>
<p>变量设置完成后效果如下：</p>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/10/be65569a-5f84-4339-b1e2-5a7b42389de2.png" alt="设置预览"></p>
<h2>2.3 添加插件</h2>
<p>插件是实现漂流瓶核心功能的关键，进入「技能 → 插件」页面，点击「+」按钮，搜索「apifm」，添加以下3个插件，缺一不可：</p>
<ul>
<li>apifm / authorize</li>
<li>apifm base / bottleMsg_publish</li>
<li>apifm base / bottleMsg_salvage</li>
</ul>
<p><strong>插件功能说明</strong></p>
<ul>
<li>apifm / authorize：实现用户自动注册登录功能，生成用户唯一凭证，保障用户记忆和个性化服务正常运行。</li>
<li>apifm base / bottleMsg_publish：实现「扔瓶子」功能，接收用户输入内容并完成漂流瓶发布。</li>
<li>apifm base / bottleMsg_salvage：实现「捡瓶子」功能，随机获取其他用户发布的漂流瓶内容。</li>
</ul>
<p><strong>插件参数设置</strong></p>
<p>每个插件右侧均有「齿轮」图标，点击即可进入设置界面，按以下要求配置（关键步骤，请勿出错）：</p>
<ol>
<li>apifm / authorize 插件设置设置界面如下：</li>
</ol>
<ul>
<li>
<p>sysUuid 参数：直接选中引用系统参数的值（无需手动输入）；</p>
</li>
<li>
<p>domain：填写自己的api工厂后台专属域名，填写完成后关闭右侧开关（关闭后，AI将直接使用填写的域名）；</p>
</li>
<li>
<p>merchantKey：填写自己的api工厂后台商户密钥，填写完成后关闭右侧开关（关闭后，AI将直接使用填写的密钥）。</p>
</li>
</ul>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/10/2f4319cf-d107-4406-9ea2-901759ef85f7.png" alt="设置预览"></p>
<ol>
<li>bottleMsg_publish 和 bottleMsg_salvage 插件设置设置界面如下：</li>
</ol>
<ul>
<li>
<p>token 参数：直接选中引用系统参数的值（无需手动输入）；</p>
</li>
<li>
<p>domain：填写自己的api工厂后台专属域名，填写完成后关闭右侧开关（关闭后，AI将直接使用填写的域名）。</p>
</li>
</ul>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/10/364ef93a-c225-4994-a00c-942b8e53f333.png" alt="设置预览"></p>
<pre class="prettyprint"><code>💡测试账号说明：如果没有自己的api工厂专属域名和商户密钥，可使用以下测试账号进行调试，直接复制填写即可：
domain： wxapi
merchantKey： 1ecf17ea389ebb5ccd5e258e390d3696
</code></pre><h2>2.4 其他设置</h2>
<p>平台默认设置已可满足漂流瓶基本使用需求，无需额外修改；若需优化体验，可按需调整「开场白」「语音音色」「交互风格」等，让智能体更贴合个人需求或业务场景。</p>
<h1>三、在线测试与效果预览</h1>
<p>设置完成后，可通过平台右侧实时测试窗口，模拟用户「扔瓶子」「捡瓶子」操作，边测试边调整参数，直至智能体回复符合预期，测试界面如下：</p>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/10/cdc09c6a-ce62-4f78-8f34-087f977d34bd.png" alt="设置预览"></p>
<h1>四、正式发布</h1>
<p>测试无误后，点击页面右上角「发布」按钮，无需审核，发布后即时生效，任何人可直接访问该智能体，进行漂流瓶匿名社交互动。</p>
<h1>五、效果展示</h1>
<h2>5.1 扔瓶子效果</h2>
<p>用户发送扔瓶子指令后，智能体接收内容并完成发布，反馈成功提示，效果如下：</p>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/10/6f104dec-0d43-40c2-88c6-886438ff4965.png" alt="扔瓶子"></p>
<h2>5.2 捡瓶子效果</h2>
<p>用户发送捡瓶子指令后，智能体随机获取一个漂流瓶内容并展示，效果如下：</p>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/10/dbfafd42-bc12-4287-8081-5c4f3e26cdc4.png" alt="捡瓶子"></p>
<h1>总结</h1>
<p>本教程全程零代码、零基础，通过 Coze 平台快速搭建漂流瓶匿名社交智能体，核心步骤可总结为「注册账号 → 创建智能体 → 配置人设与变量 → 添加插件并设置 → 测试 → 发布」。整个过程操作简单，无需专业技术，借助 Coze 平台的可视化操作和插件功能，即可快速实现匿名漂流瓶的核心社交功能。
测试账号可满足调试需求，若需长期使用，建议注册自己的api工厂账号，获取专属域名和商户密钥，保障功能稳定运行。后续可根据个人需求，优化智能体的交互风格、开场白等细节，提升用户体验。无论是用于个人兴趣交流，还是小型社交场景搭建，这个智能体都能快速落地使用。</p>
</div>

小白教程：使用 Coze 构建漂流瓶匿名社交智能体

<div class="markdown-text"><p>本文带你零基础、零代码，用 Coze 平台快速搭建一个可直接上线使用的智能客服智能体。你只需在本文基础上优化人设、完善知识库，即可快速落地产品级客服能力。</p>
<p><strong>核心功能</strong></p>
<ul>
<li>自动理解用户问题，基于知识库精准回复</li>
<li>未知问题自动转为用户反馈并后台保存，支持微信 / 钉钉 / 邮件实时通知，持续迭代知识库</li>
</ul>
<h1>一、准备工作：免费注册 Coze 账号</h1>
<p>访问官网免费注册使用：<a href="https://www.coze.cn/home">https://www.coze.cn/home</a></p>
<h1>二、创建专属知识库</h1>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/08/673644df-8c9b-488a-80d9-48592f437324.png" alt="创建专属知识库"></p>
<p>根据业务需求自定义知识库名称，例如「智能客服知识库」。</p>
<p>Coze 支持绝大多数文档格式，也可直接填入在线文档 URL 自动导入。</p>
<p><strong>测试知识库示例（可直接复制）</strong></p>
<pre class="prettyprint"><code>1）质量检查和软件测试有什么区别？
QA（质量保证）关注软件开发过程的质量；软件测试确保最终产品功能符合用户需求。

2）什么是 Testware？
Testware 是测试用例、测试数据、测试计划等测试相关工件。

3）构建和发布之间有什么区别？
构建：开发团队提供给测试团队的安装包。
发布：测试&#x2F;开发团队交付给客户的正式安装包。

4）SQA 团队在自动化中面临哪些挑战？
自动化工具掌握、脚本复用、用例适配性、复杂用例自动化。

5）什么是漏洞泄漏和漏洞释放？
错误发布：已知缺陷但优先级低，先行交付测试。
错误泄漏：客户发现测试团队未检出的缺陷。

6）什么是数据驱动测试？
从 csv、excel 等文件读取测试数据，在被测系统上自动化执行。
</code></pre><h1>三、创建智能客服智能体</h1>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/08/d30cb90c-4c32-42db-9ad3-6aabbffa0ffb.png" alt="创建智能客服智能体"></p>
<p>自定义智能体名称，例如「智能客服智能体」。</p>
<h2>3.1 人设与回复逻辑（直接复制使用）</h2>
<pre class="prettyprint"><code># 角色
你叫小美，是一位资深QA专家，有任何QA方面的问题都可以咨询我。

## 回答主题简介
我是杭州飞的高科技公司的客服人员，帮你提供在线咨询服务。

## 工作流程
### 步骤一：问题理解与回复分析
1. 认真理解从知识库中召回的内容和用户输入的问题，判断是否为有效答案。
2. 若问题模糊、信息不足，主动追问用户，确保准确理解需求。

### 步骤二：回答用户问题
1. 与QA主题无关的问题，礼貌拒绝回答。
2. 知识库无相关内容时，统一回复：
“对不起，我已学习的知识中不包含问题相关内容，暂时无法提供答案。如果你有相关问题，请给我们留言，我们将记录并及时处理。”
并引导用户留下联系方式，通过 comment_add 插件提交反馈，返回记录编号作为回执。
3. 有匹配知识时，仅提取相关内容，整理为**精准、简洁**的答案回复。
4. 按判断返回对应文档链接，无需说明来源。

## 限制
1. 禁止回答与QA无关的问题。
2. 统一使用Markdown格式回复。
</code></pre><h2>3.2 引入知识库</h2>
<p>在中间栏「知识」点击 +，绑定已创建的知识库。</p>
<p>用户提问时，智能体会自动检索知识并整理回复。</p>
<h2>3.3 添加留言反馈插件</h2>
<p>在「技能 → 插件」点击 +，搜索 apifm，添加 apifm common / comment_add。</p>
<p><strong>作用：</strong></p>
<p>智能体无法回答时，自动保存用户问题到后台</p>
<p>返回反馈编号给用户</p>
<p>支持微信 / 钉钉 / 邮件实时通知管理员，用于迭代知识库</p>
<h2>3.4 其他设置</h2>
<p>默认即可满足使用；可按需调整开场白、语音音色、交互风格等，让智能体更贴合业务。</p>
<h1>四、在线测试与效果预览</h1>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/08/fb3dad8e-9764-442d-ad2d-12d6bdf70002.png" alt="设置预览"></p>
<p>右侧为实时测试窗口，边测边调，直到回复符合预期。</p>
<h1>五、正式发布</h1>
<p>点击右上角「发布」，无需审核、即时生效，任何人可直接访问使用。</p>
<h1>六、效果展示</h1>
<h2>场景 1：知识库匹配 → 精准回复</h2>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/08/fa20b34f-200b-4241-873e-533857bc1120.png" alt="问题一"></p>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/08/77d4f3b6-0fee-4a07-af5c-faf6c3728878.png" alt="答复一"></p>
<h2>场景 2：无知识 → 自动保存反馈并通知</h2>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/08/cdd8fd7a-04d5-4ae4-90ef-fd427234bd1b.png" alt="要求提供联系方式"></p>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/08/76a0a239-0a0e-466a-9446-64ee3d8675c5.png" alt="收录成功"></p>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/08/3cc640e4-aab5-4a91-ae5a-0f40c6163640.png" alt="后台效果"></p>
<p><img src="https://s3.cichangelte.com/cichangelte/2026/03/08/8e067c28-4b81-4a66-883c-9c0ada21e3f6.png" alt="微信提醒"></p>
<h1>总结</h1>
<p>借助 Coze 平台，我们仅用不到 10 分钟就完成了从注册、建库、配置到发布的全流程，快速拥有了一个具备自动问答、未知问题反馈、实时通知、可直接商用的智能客服智能体。整套方案零代码、低成本、易维护，既能大幅降低人工客服压力，又能通过用户反馈持续迭代知识库，让智能体越用越聪明。无论是个人测试、团队效率提升还是企业业务落地，这套流程都具备极强的实用性与可复制性，是快速实现 AI 客服落地的最佳实践之一。</p>
</div>

10 分钟极速上手：使用 Coze 快速搭建可商用级智能客服智能体

<div class="markdown-text"><p>在餐饮、校园、社区小店等线下消费场景中，会员卡（饭卡）储值消费系统是提升运营效率、沉淀私域用户的核心工具。很多中小商户想搭建一套适配自身场景的储值消费系统，却常常被复杂的开发流程、高昂的定制成本拦住脚步。今天就从实操角度，聊聊如何基于 Uniapp 快速搭建一套轻量化的会员卡储值消费系统，兼顾实用性与易用性。
为什么选择 Uniapp 开发储值消费系统？
Uniapp 的跨端特性是核心优势 —— 一套代码可同时适配微信小程序、App、H5 等多端，无需为不同终端单独开发，大大降低了开发和维护成本。对于聚焦线下消费场景的储值消费系统来说，多端适配能覆盖用户的不同使用习惯：商户可通过后台管理，用户则能通过小程序快速完成充值、消费，无需下载额外 App，体验更轻量化。
储值消费系统的核心功能设计与实现思路
一套实用的会员卡储值消费系统，无需追求 “大而全”，聚焦核心场景即可满足中小商户的需求，核心可围绕这几个维度设计：</p>
<ol>
<li>自助充值与消费：减少人工干预，提升效率
线下消费场景中，人工充值、记账不仅效率低，还容易出现错账、漏账问题。在系统设计时，可开发自助充值模块 —— 用户通过小程序绑定会员卡后，自主选择充值金额、支付方式完成储值；消费时只需出示核销码或刷卡，系统自动扣除对应金额，全程无需店员操作。同时，系统需内置消费规则校验，比如最低消费、储值余额不足提醒等，既保障商户资金安全，也让用户消费更顺畅。</li>
<li>会员折扣体系：增强用户粘性
单纯的储值功能难以留住用户，会员等级与折扣体系是提升复购的关键。在系统中可设计分级会员机制，比如根据储值金额或消费次数划分普通会员、银卡会员、金卡会员，不同等级对应不同消费折扣。开发时可将折扣规则配置化，商户无需修改代码，就能在后台调整不同等级的折扣比例、生效时间，适配节日促销、日常优惠等不同场景。</li>
<li>消费记录溯源：透明化提升信任
用户对储值资金的 “安全感”，来自清晰的消费明细。系统需实现消费、储值记录的实时查询功能，每条记录包含时间、金额、消费门店、交易类型等信息，用户可随时查看，商户也能通过后台导出明细对账。技术层面可通过数据库结构化存储交易数据，搭配前端列表渲染和筛选功能，让记录查询更便捷。</li>
<li>动态消息通知：重要信息不遗漏
商户的优惠活动、系统公告、用户的充值到账提醒、消费通知等，都需要及时触达。系统可集成消息推送功能，支持公告置顶、精准推送，比如用户储值后自动发送到账提醒，商户发布新优惠时推送给对应等级的会员，提升信息触达效率。
轻量化系统的落地实践：兼顾实用性与易维护性
中小商户的系统需求核心是 “好用、好维护”，因此在开发时需避免过度复杂的架构设计：
前端基于 Uniapp 的组件化开发，复用充值、消费、记录查询等核心组件，降低开发成本；
后端采用轻量化框架，聚焦数据存储、交易逻辑校验，无需搭建复杂的分布式架构；
界面设计贴合线下消费场景的使用习惯，简化操作流程，无论是店员还是用户，无需培训就能快速上手。
这套基于 Uniapp 开发的会员卡储值消费系统，正是围绕上述思路打造 —— 聚焦线下消费的核心痛点，用轻量化的技术方案实现自助储值、会员折扣、消费溯源、消息通知等核心功能，既满足商户数字化管理的需求，也让用户的充值消费体验更便捷。
开源项目参考：站在巨人的肩膀上开发
如果想快速落地这套系统，无需从零编写代码，可参考以下开源项目，结合自身场景做二次开发：</li>
</ol>
<p><a href="https://github.com/gooking/mealcard">GITHUB</a>
<a href="https://gitee.com/javazj/mealcard">码云镜像地址</a>
<a href="https://gitcode.com/gooking2/mealcard">GitCode</a></p>
<p>这些开源项目提供了完整的 Uniapp 前端代码和后端逻辑，涵盖了储值、消费、会员管理等核心功能，可直接部署试用，也能根据商户的具体需求（比如增加门店管理、多端核销等）进行定制开发。
总结
搭建一套轻量化的会员卡储值消费系统，核心是聚焦线下消费的真实场景，用适配的技术方案解决效率、信任、用户粘性等核心问题。Uniapp 的跨端优势让系统适配成本更低，而开源项目则能大幅缩短开发周期，中小商户无需投入高昂成本，也能实现线下消费的数字化管理，助力私域流量运营和客户留存。</p>
</div>

基于Uniapp的会员卡储值消费系统开发实践

<div class="markdown-text"><p><a href="http://WorldEnd.ai">WorldEnd.ai</a> 利用最新的大模型来预测世界末日可能出现的各种形式 —— 分析全球风险，并对人类的长期发展轨迹做出发人深省的预测。
这并非为了制造恐慌，而是为了探索、提升风险意识，并就未来展开更深入的对话。</p>
<p>Website: <a href="https://worldend.ai">https://worldend.ai</a>
GitHub: <a href="https://github.com/nswbmw/worldend.ai/">https://github.com/nswbmw/worldend.ai</a></p>
<h2>屏幕截图</h2>
<p><img src="https://github.com/nswbmw/worldend.ai/raw/master/screenshots/dark.png" alt="dark"></p>
<p><img src="https://github.com/nswbmw/worldend.ai/raw/master/screenshots/light.png" alt="light"></p>
<h2>技术栈</h2>
<ul>
<li><a href="https://github.com/hoa-js/hoa">Hoa</a> - 轻量级 Web 框架</li>
<li>Cloudflare Workers - 边缘计算平台</li>
<li>Cloudflare KV - 缓存</li>
<li>Cloudflare D1 - 数据库</li>
<li>Cloudflare R2 - 存储</li>
</ul>
</div>

WorldEnd.ai —— AI 生成的世界末日预言

<div class="markdown-text"><h1>铜钟 Tonzhon 音乐平台官网：<a href="https://tonzhon.whamon.com/">https://tonzhon.whamon.com/</a></h1>
<p>铜钟 Tonzhon 是一个主打「听歌」功能的 web app, 致力于为人们带来卓越的听歌体验。铜钟有着丰富的音乐资源，干净清爽的 UI 和方便的交互。在铜钟上，你不仅可以方便地找到并聆听你喜欢的歌曲，还可以将它们保存下来。</p>
<p>铜钟上的一切内容都是与音乐直接相关的，没有广告，社交和直播，不会干扰你的听歌心情。在铜钟上，你可以沉浸到属于你自己一个人的那片天地，忘却世间的纷纷扰扰…</p>
<p>铜钟 Tonzhon 也推出了 App，小程序 和 铜钟 for Mac or Windows，都在 <a href="https://tonzhon.whamon.com">https://tonzhon.whamon.com</a> 的侧边栏里，欢迎大家试用。</p>
<h1>GitHub: <a href="https://github.com/enzeberg/tonzhon-music">https://github.com/enzeberg/tonzhon-music</a></h1>
<p>欢迎大家提需求、提 issue、提 PR…</p>
</div>

听歌用铜钟 Tonzhon，写 Node.js 牛逼哄哄！

<div class="markdown-text"><h1>铜钟 Tonzhon 音乐平台官网：<a href="https://tonzhon.whamon.com/">https://tonzhon.whamon.com/</a></h1>
<p>GitHub: <a href="https://github.com/enzeberg/tonzhon-music">https://github.com/enzeberg/tonzhon-music</a></p>
<p><img src="//static.cnodejs.org/FokK9_au0Oxlmg5X_IAfcswMOrAt" alt="860_140_r25.png"></p>
<h2>关于铜钟</h2>
<p>铜钟 Tonzhon 是一个专注于「听歌」的音乐网站 (Web App), 致力于为人们带来卓越的听歌体验。铜钟有着丰富的音乐资源，简洁清爽的 UI 和方便的交互。在铜钟上，你不仅可以方便地找到并聆听你喜欢的歌曲，还可以将它们保存下来。</p>
<p>铜钟上的一切内容都是与音乐直接相关的，没有社交，没有广告，不会干扰你的听歌心情。在铜钟上，你可以沉浸到属于你自己一个人的那片天地，忘却世间的纷纷扰扰…</p>
<h2>功能</h2>
<ul>
<li>搜索歌曲</li>
<li>播放歌曲 (支持播放列表)</li>
<li>滚动歌词</li>
<li>保存歌曲</li>
<li>创建歌单</li>
<li>发现歌单，播放歌单，收藏歌单</li>
<li>导入专辑</li>
</ul>
<h2>特点</h2>
<ul>
<li>歌曲丰富，找歌方便</li>
<li>播放器带感，听歌方便</li>
<li>界面简洁，重点突出</li>
<li>交互方便</li>
<li>专注于音乐，没有干扰</li>
<li>没有社交</li>
<li>没有广告</li>
</ul>
<h2>隐藏操作</h2>
<ul>
<li>双击歌曲可播放</li>
</ul>
<h2>快捷键</h2>
<ul>
<li>空格键: 播放 / 暂停</li>
</ul>
<h2>技术</h2>
<ul>
<li>Express.js</li>
<li>React</li>
</ul>
<p>欢迎大家交流看法！</p>
</div>

分享一下我用 Node.js 写的音乐网站

<div class="markdown-text"><p>最近 Claude Code skills 很火，对我来说和 agnet 、扣子没啥区别。
能火我感觉主要是扩大了人群使用范围，小白也上手。
每个行业都有 N 多个 skills ，想着做一个导航网站，把鱼龙混杂的 skills 精选出来。
工具目的是解决问题，实用好用才是王道。
去年 12 月注册的域名，纠结拖延快一个月，终于第一版打磨 5 天，要上线了。
好多功能还没加，还有很多 BUG ，希望大家能多给给意见。</p>
<p>下面体验：
<a href="https://agent-skills.cc/">Agent – Claude Code skills 精选导航站</a></p>
</div>

最近 skills 很火，我从收集的6w+ agnet-skills中精选出 1000+好用/实用/有趣的 claude code skills，今天更新中

<div class="markdown-text"><p>最近在找工作，感觉很卷，真的完蛋了吗</p>
</div>

35岁的前端真的完蛋了吗？

<div class="markdown-text"><p>Deno 中文社区来了，<a href="https://deno.js.cn">https://deno.js.cn</a></p>
<p>------------ 分割线 -----------</p>
<p>10 年前的 2009 年 Node.js 首次发布，我从一名 Java 程序员转行为了 JavaScript 程序员。ry 也成为了我心中的偶像之一。</p>
<p>10 年后的 2019 年 Node.js 与 Deno 之父 ry 首次来中国旅游，期间给我发了一封邮件，邀请我在北京喝咖啡，并讨论一下 Deno 的未来开发计划。</p>
<p><img src="//static.cnodejs.org/FrE4iRKmfLPym1cu1-BWCS64G9ay" alt="justjavac 与 nodejs/deno 之父 ry"></p>
<p>去年我开始在国内写 Deno 技术文章，今年我成为了 Deno 核心代码的贡献者。完成了多个 WHATWG 规范兼容性的实现，并为 VSCode 开发了支持 Deno 的扩展（vscode-deno）。</p>
<p>在 Deno 1.0 正式版发布前夕，我为 Deno 开发的 VS Code 扩展也被移入到了官方仓库。<a href="https://github.com/denoland/vscode_deno/commit/37c7ad34248506bf778d89b3ab755f6920c705cf">https://github.com/denoland/vscode_deno/commit/37c7ad34248506bf778d89b3ab755f6920c705cf</a>，目前依然由我在维护。</p>
<p>欢迎来 <a href="https://deno.js.cn/">Deno 中文社区</a>交流。</p>
<p>帖子索引：</p>
<ul>
<li><a href="https://deno.js.cn/t/topic/32">了不起的 Deno 入门篇</a></li>
<li><a href="https://deno.js.cn/t/topic/35">了不起的 Deno 实战教程</a></li>
<li><a href="https://deno.js.cn/t/topic/37">Deno bytes 模块全解析</a></li>
<li><a href="https://deno.js.cn/t/topic/38">Deno 入门手册：附大量 TypeScript 代码实例</a></li>
</ul>
<p><em>★,°</em>:.☆(￣▽￣)/$:<em>.°★</em> 。</p>
</div>

Deno 中文社区来了 deno.js.cn

<div class="markdown-text"><p>本文将对一款基于 uni-app 开发的废品回收类多端应用，从多端支持范围、核心功能模块及部分界面展示进行客观说明，相关资源信息也将一并呈现。</p>
<h1>一、多端支持范围</h1>
<p>该应用基于 uni-app 技术开发，支持打包为多终端形态，具体覆盖以下场景：
H5 端
多平台小程序（微信、支付宝、小红书、抖音等）
App 端（适配 Android 与 iOS 两大移动操作系统）</p>
<h1>二、核心功能模块说明</h1>
<p>当前版本应用包含两大核心功能模块，各模块的作用与操作逻辑如下：</p>
<ol>
<li>废品回收商家入驻模块
此模块主要服务于废品回收商家的平台入驻需求，入驻后可实现以下操作：
接收用户发起的回收订单；
完成回收服务后，在系统内录入回收总量及对应回收金额。
同时，用户可依据所在城市维度及当前定位，获取附近已入驻商家的推荐结果，进而选择 “预约上门回收” 或 “自行到店回收” 两种服务方式。</li>
<li>用户回收预约模块
该模块为用户提供废品回收预约的全流程功能，具体操作步骤包括：
选择预约上门时间、废品类型，填写预计回收总量，上传废品照片及补充描述信息，提交后即完成回收预约；
回收服务完成后，用户可获得相应收益与积分；
用户可通过应用内指定界面，提交收益提现申请。</li>
<li>后续功能说明
除上述已实现的核心模块外，其他功能将以 “后续版本发布说明” 为准，具体更新内容需参考官方后续公示的信息。</li>
</ol>
<h1>三、相关资源获取地址</h1>
<p>该应用的开发资源及代码可通过以下平台获取，供技术研究或参考使用：
<a href="https://github.com/gooking/recycle">Github 地址</a>
<a href="https://gitee.com/javazj/recycle">码云镜像地址</a>
<a href="https://gitcode.com/gooking2/recycle">GitCode 镜像地址</a></p>
</div>

基于 uni-app 开发的废品回收类多端应用功能与界面说明

<div class="markdown-text"><p>清华大学发布：DeepSeek如何赋能职场应用？——从提示语技巧到多场景应用（文末可下载PDF）
下载见：<a href="https://aitanjin.ai-51.com/topic/29042">清华大学发布：DeepSeek如何赋能职场应用？——从提示语技巧到多场景应用（文末可下载PDF）</a></p>
<p><img src="//static.cnodejs.org/FuzoluooNJUZgNtezTrB2ykuTMYn" alt="1215750e19033045e4db727531ac484a228941.jpeg"></p>
<p>下载见：<a href="https://aitanjin.ai-51.com/topic/29042">清华大学发布：DeepSeek如何赋能职场应用？——从提示语技巧到多场景应用（文末可下载PDF）</a>
——来自「AI探金」社区</p>
</div>

清华大学发布：DeepSeek如何赋能职场应用？——从提示语技巧到多场景应用（文末可下载PDF）

<div class="markdown-text"><p>全栈开发在线接单</p>
<p>专注解决前后端各类开发问题，承接多端定制开发与BUG修复，支持远程一对一技术服务，先做满意再付款，诚信合作。</p>
<p>前端精通 Vue2/Vue3、React、React Native、Uniapp、Taro 等主流框架，可定制 PC 网页、小程序、APP 及 Electron 桌面端；熟练运用 Nuxt.js、Next.js 进行服务端渲染开发，掌握 WebGL 技术实现交互特效。</p>
<p>服务端擅长 Java、Nest.js、Node.js、Golang 技术栈，可承接后端架构搭建、接口开发与管理系统开发。</p>
<p>合作流程规范，可协助梳理需求、出具专属技术方案，高效响应各类开发需求，欢迎咨询洽谈。</p>
</div>

全栈开发在线接单

<div class="markdown-text"><p>我使用 Koa 很多年了，一直很喜欢它简洁的设计哲学。近几年在 Cloudflare Worker 上开发较多，接触到了 Hono。Hono 也是一个不错的框架，但在深入使用后，我对它的一些设计理念并不是很认同，于是萌生了自己造个轮子的想法。</p>
<p>我为新框架设定了三条核心原则：</p>
<ol>
<li>微内核架构：与 Koa 类似，保留了洋葱模型的中间件设计，同时还补充了插件系统</li>
<li>符合直觉的 API 设计：摒弃 Koa 的 delegates 思路，API 严格区分 ctx/ctx.req/ctx.res，更加符合语义</li>
<li>环境无关性：可在 Node.js、Bun、Deno 以及 Cloudflare Worker、Vercel 等边缘环境运行</li>
</ol>
<p>于是 Hoa 诞生了。目前我跟另一个维护者已经为 Hoa 补充了 30+ 常用中间件，我也已经将手头大部分项目从 Koa 迁移至 Hoa。今天分享出来，希望更多人去使用，也期待收到更多反馈，共同把 Hoa 框架打磨得更好。</p>
<ul>
<li>GitHub: <a href="https://github.com/hoa-js/hoa">hoa</a></li>
<li>官网: <a href="https://hoa-js.com">hoa-js.com</a></li>
</ul>
<h3>特点</h3>
<ul>
<li>⚡ Minimal - Only ~4.4KB (gzipped).</li>
<li>🚫 Zero Dependencies - Built on modern Web Standards with no external dependencies.</li>
<li>🛠️ Highly Extensible - Features a flexible extension and middleware system.</li>
<li>😊 Standards-Based - Designed entirely around modern Web Standard APIs.</li>
<li>🌐 Multi-Runtime - The same code runs on Cloudflare Workers, Deno, Bun, Node.js, and more.</li>
<li>✅ 100% Tested – Backed by a full-coverage automated test suite.</li>
</ul>
<h3>安装</h3>
<pre class="prettyprint language-bash"><code>npm i hoa --save
</code></pre><h3>快速开始</h3>
<pre class="prettyprint language-js"><code>import { Hoa } from &#x27;hoa&#x27;
const app = new Hoa()

app.use(async (ctx, next) =&gt; {
  ctx.res.body = &#x27;Hello, Hoa!&#x27;
})

export default app
</code></pre><h3>License</h3>
<p>MIT</p>
</div>

Hoa - 一个极简 Web 框架

<div class="markdown-text"><p>多语言在线代码执行平台<a href="https://runcode.blendviewer.com/">RunCode</a>，支持 60+ 种编程语言，AI辅助编程，智能混合执行架构，即写即运行。</p>
<ul>
<li>🌐 <strong>智能混合执行</strong> - 浏览器 WASM + 云端容器，自动选择最佳执行方式</li>
<li>🚀 <strong>60+ 语言支持</strong> - Python, JavaScript, TypeScript, C/C++, Rust, Go, Java, Haskell, Shell 等</li>
<li>⚡ <strong>即时执行</strong> - 热门语言零延迟，浏览器直接运行</li>
<li>🎨 <strong>现代 UI</strong> - shadcn/ui + Tailwind CSS</li>
<li>💻 <strong>专业编辑器</strong> - Monaco Editor</li>
<li>🌙 <strong>主题切换</strong> - 深色/浅色模式</li>
</ul>
<p><img src="//static.cnodejs.org/FrlaY59V8xx-Gz5tg6HIzAg7lGbK" alt="Screenshot_11-12-2025_154256_runcode.blendviewer.com.jpeg"></p>
<p><img src="//static.cnodejs.org/Fskxk2lNsK5faNGRCEYqdRw4AtEF" alt="Screenshot_11-12-2025_154427_runcode.blendviewer.com.jpeg"></p>
<p><img src="//static.cnodejs.org/FrL38YUIait9pAm-OiUBDjFvJ0C-" alt="Screenshot_11-12-2025_154449_runcode.blendviewer.com.jpeg"></p>
</div>

一个神奇的在线代码执行平台：RunCode

<div class="markdown-text"><p>这些年折腾云服务器踩过不少坑：实名卡审核、账号风控、线路不稳、价格虚高……尤其做跨境/自动化/部署项目的，真的经不起服务商“突然抽风”。</p>
<p>后来总结出一个最稳的方案：</p>
<p>用大厂（Aliyun/AWS）的稳定性，但通过更快、更灵活的渠道开通。
不需要实名、不等审核、价格也比官网低很多，还能用加密货币避风控。</p>
<p>我们团队现在长期用的就是这种方式，跑项目一年多都很稳，所以分享给需要低风控、快开通、稳定线路的技术同学参考：</p>
<p>👉 BaseCloud — 大厂云的快速免实名入口
<a href="https://www.basecloud.cc/?utm_source=ondeseek&amp;utm_medium=forum&amp;utm_campaign=forum"></a><a href="https://basecloud.cc">https://basecloud.cc</a></p>
<p>不是硬推，只是减少大家踩坑的成本。技术人时间最贵。</p>
</div>

🚀如何不踩坑选 VPS？我自己的经验分享

<div class="markdown-text"><p>做跨境团队最头疼的就是支付问题：广告账户被拒付、开卡和充值流程繁琐、账单不清晰、多平台支付难管理……</p>
<p>**VCC虚拟信用卡（Visa/万事达）**完美解决这些问题：
	•	即开即用：免实名，快速生成，多成员同时使用
	•	多平台支持：FB/Google/TikTok广告、PayPal、AWS、域名、订阅全覆盖
	•	机器人 + 后台：批量开卡、查账、充值自动化，团队管理更高效
	•	账单透明：结算清楚，避免财务混乱
	•	支持加密货币：充值快速，跨境支付无障碍
	•	性价比高：稳定可靠，长期使用更划算</p>
<p>一句话总结：
跨境广告、电商或独立站团队，有了 VCC，支付更稳定、高效、透明，真的值得用。产品频道：<a href="https://t.me/+vCIqSgwsBDxiODIy">https://t.me/+vCIqSgwsBDxiODIy</a> 联系客服：<a href="/user/KaiDe66BOt">@KaiDe66BOt</a></p>
</div>

Google Gmail RCS TG大量实卡接码及各种冷门项目 支持量大用户api对接

<div class="markdown-text"><p>在VonaJS框架中，AOP编程包括三方面：<code>控制器切面</code>、<code>内部切面</code>和<code>外部切面</code>。</p>
<ol>
<li><code>控制器切面</code>: 为 Controller 方法切入逻辑，包括：Middleware、Guard、Interceptor、Pipe和Filter</li>
<li><code>内部切面</code>: 在 Class 内部，为任何 Class 的任何方法切入逻辑，包括：AOP Method和魔术方法</li>
<li><code>外部切面</code>: 在不改变 Class 源码的前提下，从外部为任何 Class 的任何方法切入逻辑</li>
</ol>
<p>VonaJS中的<code>外部切面</code>，可以类比于Spring Boot中的<code>AOP切面</code>和<code>AOP织入</code>概念。VonaJS的<code>外部切面</code>不需要什么<code>前置通知</code>、<code>后置通知</code>、<code>异常通知</code>和<code>环绕通知</code>，只需提供一个同名方法就可以了。之所以可以这么简洁，是因为使用了洋葱圈模型。</p>
<p>此外，VonaJS的<code>外部切面</code>支持完整的类型推断与智能代码提示，开发体感比Spring Boot优雅太多。</p>
<p>下面，我们就来考察一下VonaJS的<code>外部切面</code>到底是个什么样？为什么可以成为AOP编程的🚀大杀器🔪</p>
<h2>创建目标Class</h2>
<p>可以针对任何 Class 实现外部切面。下面，以 Service 为例，在模块 demo-student 中创建一个 Service <code>test</code>，代码如下：</p>
<pre class="prettyprint language-typescript"><code>@Service()
export class ServiceTest extends BeanBase {
  private _name: string;

  protected __init__() {
    this._name = &#x27;&#x27;;
  }

  protected async __dispose__() {
    this._name = &#x27;&#x27;;
  }

  get name() {
    return this._name;
  }

  set name(value) {
    this._name = value;
  }

  actionSync(a: number, b: number) {
    return a + b;
  }

  async actionAsync(a: number, b: number) {
    return Promise.resolve(a + b);
  }
}
</code></pre><h2>创建外部切面</h2>
<p>接下来，创建一个外部切面<code>log</code>，为 Class <code>ServiceTest</code>的属性和方法分别提供扩展逻辑</p>
<h3>1. Cli命令</h3>
<pre class="prettyprint language-bash"><code>$ vona :create:bean aop log --module=demo-student
</code></pre><h3>2. 菜单命令</h3>
<pre class="prettyprint language-bash"><code>右键菜单 - [模块路径]: Vona Aspect&#x2F;Aop
</code></pre><h2>AOP定义</h2>
<pre class="prettyprint language-typescript"><code>import { BeanAopBase } from &#x27;vona&#x27;;
import { Aop } from &#x27;vona-module-a-aspect&#x27;;

@Aop({ match: &#x27;demo-student.service.test&#x27; })
export class AopLog extends BeanAopBase {}
</code></pre><ul>
<li><code>@Aop</code>: 此装饰器用于实现<code>外部切面</code></li>
<li><code>match</code>: 用于将 Class <code>AopLog</code>与 Class <code>ServiceTest</code>关联，<code>ServiceTest</code>的 beanFullName 是<code>demo-student.service.test</code></li>
</ul>
<table>
<thead>
<tr>
<th>名称</th>
<th>类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>match</td>
<td>string|regexp|(string|regexp)[]</td>
<td>针对哪些 Class 启用</td>
</tr>
</tbody>
</table>
<h2>切面：同步方法</h2>
<p>为<code>ServiceTest#actionSync</code>输出运行时长</p>
<p>在 VSCode 编辑器中，输入代码片段<code>aopactionsync</code>，自动生成代码骨架:</p>
<pre class="prettyprint language-typescript"><code>action: AopAction&lt;ClassSome, &#x27;action&#x27;&gt; = (_args, next, _receiver) =&gt; {
  return next();
};
</code></pre><p>调整代码，然后添加 log 逻辑</p>
<pre class="prettyprint language-typescript"><code>actionSync: AopAction&lt;ServiceTest, &#x27;actionSync&#x27;&gt; = (_args, next, _receiver) =&gt; {
  const timeBegin = Date.now();
  const res = next();
  const timeEnd = Date.now();
  console.log(&#x27;actionSync: &#x27;, timeEnd - timeBegin);
  return res;
};
</code></pre><ul>
<li><code>actionSync</code>: 提供与<code>ServiceTest</code>同名的方法<code>actionSync</code></li>
</ul>
<h2>切面：异步方法</h2>
<p>为<code>ServiceTest#actionAsync</code>输出运行时长</p>
<p>在 VSCode 编辑器中，输入代码片段<code>aopaction</code>，自动生成代码骨架:</p>
<pre class="prettyprint language-typescript"><code>action: AopAction&lt;ClassSome, &#x27;action&#x27;&gt; = async (_args, next, _receiver) =&gt; {
  return await next();
};
</code></pre><p>调整代码，然后添加 log 逻辑</p>
<pre class="prettyprint language-typescript"><code>actionAsync: AopAction&lt;ServiceTest, &#x27;actionAsync&#x27;&gt; = async (_args, next, _receiver) =&gt; {
  const timeBegin = Date.now();
  const res = await next();
  const timeEnd = Date.now();
  console.log(&#x27;actionAsync: &#x27;, timeEnd - timeBegin);
  return res;
};
</code></pre><ul>
<li><code>actionAsync</code>: 提供与<code>ServiceTest</code>同名的方法<code>actionAsync</code></li>
</ul>
<h2>切面：getter</h2>
<p>为<code>ServiceTest#get name</code>输出运行时长</p>
<p>在 VSCode 编辑器中，输入代码片段<code>aopgetter</code>，自动生成代码骨架:</p>
<pre class="prettyprint language-typescript"><code>protected __get_xxx__: AopActionGetter&lt;ClassSome, &#x27;xxx&#x27;&gt; = function (next, _receiver) {
  const value = next();
  return value;
};
</code></pre><p>调整代码，然后添加 log 逻辑</p>
<pre class="prettyprint language-typescript"><code>protected __get_name__: AopActionGetter&lt;ServiceTest, &#x27;name&#x27;&gt; = function (next, _receiver) {
  const timeBegin = Date.now();
  const value = next();
  const timeEnd = Date.now();
  console.log(&#x27;get name: &#x27;, timeEnd - timeBegin);
  return value;
};
</code></pre><ul>
<li><code>__get_name__</code>: 对应<code>ServiceTest</code>的 getter 方法<code>get name</code></li>
</ul>
<h2>切面：setter</h2>
<p>为<code>ServiceTest#set name</code>输出运行时长</p>
<p>在 VSCode 编辑器中，输入代码片段<code>aopsetter</code>，自动生成代码骨架:</p>
<pre class="prettyprint language-typescript"><code>protected __set_xxx__: AopActionSetter&lt;ClassSome, &#x27;xxx&#x27;&gt; = function (value, next, _receiver) {
  return next(value);
}
</code></pre><p>调整代码，然后添加 log 逻辑</p>
<pre class="prettyprint language-typescript"><code>protected __set_name__: AopActionSetter&lt;ServiceTest, &#x27;name&#x27;&gt; = function (value, next, _receiver) {
  const timeBegin = Date.now();
  const res = next(value);
  const timeEnd = Date.now();
  console.log(&#x27;set name: &#x27;, timeEnd - timeBegin);
  return res;
};
</code></pre><ul>
<li><code>__set_name__</code>: 对应<code>ServiceTest</code>的 setter 方法<code>set name</code></li>
</ul>
<h2>切面：<code>__init__</code></h2>
<p>为<code>ServiceTest#__init__</code>输出运行时长</p>
<p>在 VSCode 编辑器中，输入代码片段<code>aopinit</code>，自动生成代码骨架:</p>
<pre class="prettyprint language-typescript"><code>protected __init__: AopActionInit&lt;ClassSome&gt; = (_args, next, _receiver) =&gt; {
  next();
};
</code></pre><p>调整代码，然后添加 log 逻辑</p>
<pre class="prettyprint language-typescript"><code>protected __init__: AopActionInit&lt;ServiceTest&gt; = (_args, next, _receiver) =&gt; {
  const timeBegin = Date.now();
  next();
  const timeEnd = Date.now();
  console.log(&#x27;__init__: &#x27;, timeEnd - timeBegin);
};
</code></pre><ul>
<li><code>__init__</code>: 提供与<code>ServiceTest</code>同名的方法<code>__init__</code></li>
</ul>
<h2>切面：<code>__dispose__</code></h2>
<p>为<code>ServiceTest#__dispose__</code>输出运行时长</p>
<p>在 VSCode 编辑器中，输入代码片段<code>aopdispose</code>，自动生成代码骨架:</p>
<pre class="prettyprint language-typescript"><code>protected __dispose__: AopActionDispose&lt;ClassSome&gt; = async (_args, next, _receiver) =&gt; {
  await next();
};
</code></pre><p>调整代码，然后添加 log 逻辑</p>
<pre class="prettyprint language-typescript"><code>protected __dispose__: AopActionDispose&lt;ServiceTest&gt; = async (_args, next, _receiver) =&gt; {
  const timeBegin = Date.now();
  await next();
  const timeEnd = Date.now();
  console.log(&#x27;__dispose__: &#x27;, timeEnd - timeBegin);
};
</code></pre><ul>
<li><code>__dispose__</code>: 提供与<code>ServiceTest</code>同名的方法<code>__dispose__</code></li>
</ul>
<h2>切面：<code>__get__</code></h2>
<p>为<code>ServiceTest</code>扩展魔术方法</p>
<ul>
<li>参见: <a href="https://vona.js.org/zh/guide/aop/internal/magic-method.html">魔术方法</a></li>
</ul>
<p>在 VSCode 编辑器中，输入代码片段<code>aopget</code>，自动生成代码骨架:</p>
<pre class="prettyprint language-typescript"><code>protected __get__: AopActionGet&lt;ClassSome&gt; = (_prop, next, _receiver) =&gt; {
  const value = next();
  return value;
};
</code></pre><p>调整代码，然后添加自定义字段<code>red</code></p>
<pre class="prettyprint language-typescript"><code>protected __get__: AopActionGet&lt;ServiceTest&gt; = (prop, next, _receiver) =&gt; {
  if (prop === &#x27;red&#x27;) return &#x27;#FF0000&#x27;;
  const value = next();
  return value;
};
</code></pre><ul>
<li><code>__get__</code>: 约定的魔术方法名称</li>
</ul>
<p>通过接口类型合并的机制为颜色提供类型定义</p>
<pre class="prettyprint language-typescript"><code>declare module &#x27;vona-module-demo-student&#x27; {
  export interface ServiceTest {
    red: string;
  }
}
</code></pre><h2>切面：<code>__set__</code></h2>
<p>为<code>ServiceTest</code>扩展魔术方法</p>
<ul>
<li>参见: <a href="https://vona.js.org/zh/guide/aop/internal/magic-method.html">魔术方法</a></li>
</ul>
<p>在 VSCode 编辑器中，输入代码片段<code>aopset</code>，自动生成代码骨架:</p>
<pre class="prettyprint language-typescript"><code>protected __set__: AopActionSet&lt;ClassSome&gt; = (_prop, value, next, _receiver) =&gt; {
  return next(value);
};
</code></pre><p>调整代码，为自定义字段<code>red</code>设置值</p>
<pre class="prettyprint language-typescript"><code>private _colorRed: string | undefined;

protected __set__: AopActionSet&lt;ServiceTest&gt; = (prop, value, next, _receiver) =&gt; {
  if (prop === &#x27;red&#x27;) {
    this._colorRed = value;
    return true;
  }
  return next(value);
};
</code></pre><ul>
<li><code>__set__</code>: 约定的魔术方法名称</li>
<li>如果为<code>prop</code>设置了值，返回<code>true</code>，否则调用<code>next</code>方法</li>
</ul>
<p>然后调整<code>__get__</code>的逻辑:</p>
<pre class="prettyprint language-diff"><code>protected __get__: AopActionGet&lt;ServiceTest&gt; = (prop, next, _receiver) =&gt; {
- if (prop === &#x27;red&#x27;) return &#x27;#FF0000&#x27;;
+ if (prop === &#x27;red&#x27;) return this._colorRed;
  const value = next();
  return value;
}
</code></pre><h2>切面：<code>__method__</code></h2>
<p>为<code>ServiceTest</code>的任何方法扩展逻辑</p>
<p>在 VSCode 编辑器中，输入代码片段<code>aopmethod</code>，自动生成代码骨架:</p>
<pre class="prettyprint language-typescript"><code>protected __method__: AopActionMethod&lt;ClassSome&gt; = (_method, _args, next, _receiver) =&gt; {
  return next();
};
</code></pre><p>调整代码，然后为方法<code>actionSync</code>和<code>actionAsync</code>添加 log 逻辑</p>
<pre class="prettyprint language-typescript"><code>protected __method__: AopActionMethod&lt;ServiceTest&gt; = (method, _args, next, _receiver) =&gt; {
  if (method !== &#x27;actionSync&#x27; &amp;&amp; method !== &#x27;actionAsync&#x27;) {
    return next();
  }
  const timeBegin = Date.now();
  function done(res) {
    const timeEnd = Date.now();
    console.log(&#96;method ${method}: &#96;, timeEnd - timeBegin);
    return res;
  }
  const res = next();
  if (res?.then) {
    return res.then((res: any) =&gt; {
      return done(res);
    });
  }
  return done(res);
};
</code></pre><ul>
<li><code>__method__</code>: 约定的魔术方法名称</li>
<li><code>res?.then</code>: 判断返回值是否是 Promise 对象，进行不同处理，从而兼容<code>同步方法</code>和<code>异步方法</code></li>
</ul>
<h2>AOP顺序</h2>
<p>针对同一个目标 Class，可以关联多个 AOP。所以，VonaJS 提供了两个参数，用于控制 AOP 的执行顺序</p>
<h3>1. dependencies</h3>
<p>比如，还有一个 AOP <code>demo-student:log3</code>，我们希望执行顺序如下：<code>demo-student:log3</code> &gt; <code>Current</code></p>
<pre class="prettyprint language-diff"><code>@Aop({
  match: &#x27;demo-student.service.test&#x27;,
+ dependencies: &#x27;demo-student:log3&#x27;,
})
class AopLog {}
</code></pre><h3>2. dependents</h3>
<p><code>dependents</code>的顺序刚好与<code>dependencies</code>相反，我们希望执行顺序如下：<code>Current</code> &gt; <code>demo-student:log3</code></p>
<pre class="prettyprint language-diff"><code>@Aop({
  match: &#x27;demo-student.service.test&#x27;,
+ dependents: &#x27;demo-student:log3&#x27;,
})
class AopLog {}
</code></pre><h2>AOP启用/禁用</h2>
<p>可以控制 AOP 的<code>启用/禁用</code></p>
<h3>1. Enable</h3>
<p><code>src/backend/config/config/config.ts</code></p>
<pre class="prettyprint language-diff"><code>&#x2F;&#x2F; onions
config.onions = {
  aop: {
    &#x27;demo-student:log&#x27;: {
+     enable: false,
    },
  },
};
</code></pre><h3>2. Meta</h3>
<p>可以让 AOP 在指定的运行环境生效</p>
<table>
<thead>
<tr>
<th>名称</th>
<th>类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td>flavor</td>
<td>string|string[]</td>
<td>参见: <a href="https://vona.js.org/zh/guide/env-config/mode-flavor/introduction.html">运行环境与Flavor</a></td>
</tr>
<tr>
<td>mode</td>
<td>string|string[]</td>
<td>参见: <a href="https://vona.js.org/zh/guide/env-config/mode-flavor/introduction.html">运行环境与Flavor</a></td>
</tr>
</tbody>
</table>
<ul>
<li>举例</li>
</ul>
<pre class="prettyprint language-diff"><code>@Aop({
+ meta: {
+   flavor: &#x27;normal&#x27;,
+   mode: &#x27;dev&#x27;,
+ },
})
class AopLog {}
</code></pre><h2>查看当前生效的AOP清单</h2>
<p>可以直接在目标 Class action 中输出当前生效的 AOP 清单</p>
<pre class="prettyprint language-diff"><code>class ServiceTest {
  protected async __dispose__() {
+   this.bean.onion.aop.inspect();
    this._name = &#x27;&#x27;;
  }
</code></pre><ul>
<li><code>this.bean.onion</code>: 取得全局 Service 实例 <code>onion</code></li>
<li><code>.aop</code>: 取得与 AOP 相关的 Service 实例</li>
<li><code>.inspect</code>: 输出当前生效的 AOP 清单</li>
</ul>
<p>当方法被执行时，会自动在控制台输出当前生效的 AOP 清单，效果如下：</p>
<p><img src="//static.cnodejs.org/Flvhc_kARVcds62MZFbz4C85m5zk" alt="aop-1.png"></p>
<h2>资源</h2>
<ul>
<li>Github：<a href="https://github.com/vonajs/vona">https://github.com/vonajs/vona</a></li>
<li>文档：<a href="https://vona.js.org/">https://vona.js.org/</a></li>
</ul>
</div>

VonaJS AOP编程大杀器：外部切面

<div class="markdown-text"><p>分享一个朋友的网站：<a href="https://www.dkluge.com/draw">刀刻网</a>
<img src="https://asset.dkluge.com/uploads/dkluge-forum-images/bfa483d97ebddd2e95aac0857098fb6c75aa2204eaa5a10c4a0343ac3e823bdb.png" alt="使用引导__ (3).png"></p>
<p>支持 AI 生成：</p>
<p><img src="https://dkluge-files-v1.oss-cn-hangzhou.aliyuncs.com/uploads/dkluge-images/ce5e1e4835aee8814d50740c3138e3fd5d5da6cb5be50c16b6f8df99a0e60216.png" alt="AI 生成"></p>
</div>

测试Next SSR渲染