本期精选汇集了8篇涵盖多个技术领域的优质文章,涉及Go语言新特性、AI开发工具集成、前端工程化、自动化测试、多端调试、地理信息系统、实时通信技术以及Windows系统编程等方向。内容包括Go 1.26的网络编程增强、JetBrains IDE与Claude Code的集成方案、Git提交规范自动化、AI驱动的UI测试工具、响应式开发调试利器、WebGIS从零入门、WebRTC深度解析,以及Windows键盘钩子应用等。这些文章既有对最新技术的前瞻性介绍,也有对经典技术的深入剖析,适合不同层次的开发者学习参考。

文章详解

1. Go1.26 新特性:两全其美的 net.Dialer 方法

文章解析了Go 1.26在网络编程领域的一项重要改进。传统Go开发中,开发者面临两难选择:网络特定函数(如net.DialTCP)高效但不支持上下文取消,通用拨号方法(DialContext)支持超时控制但存在地址解析和协议分发的额外开销。Go 1.26通过在net.Dialer上新增四个方法(DialTCP/DialUDP/DialIP/DialUnix)巧妙解决了这个问题。新方法的核心优势包括:兼顾效率与可取消性——直接使用预解析地址避免开销,同时接受context.Context参数支持超时和取消;拥抱现代地址类型——使用netip包的轻量、不可变地址类型(netip.AddrPort)而非旧的net.TCPAddr。文章还提供了TCP连接和Unix Domain Socket的实战代码示例,展示了如何在5秒超时内建立连接,体现了Go团队对开发者体验的持续优化。

原文链接: https://juejin.cn/post/7580312375373135912

2. Goland 通过 ACP 连接 Claude Code

2025年12月5日,JetBrains正式推出对ACP(Agent Client Protocol)协议的官方支持,开发者可通过2025.3 Release Candidate版本在各IDE中使用。文章以Goland为例,详细介绍配置流程:安装RC版本——通过Toolbox安装Goland 2025.3 RC;配置ACP代理——在AI Chat工具窗口中打开~/.jetbrains/acp.json配置文件;安装Claude Code ACP——使用pnpm install @zed-industries/claude-code-acp安装代理,并在配置文件中指定command为pnpx、args为@zed-industries/claude-code-acp;验证功能——在Chat界面选择Claude Code Agent进行代码生成和调试。整个配置过程简洁明了,使JetBrains用户能够无缝集成Claude Code的AI辅助编码能力,提升开发效率。文章还提供了详细的参考文档链接,便于深入学习ACP协议和Claude Code的更多功能。

原文链接: https://juejin.cn/post/7580204190028857350

3. 使用husky和fabric规范git提交的注释

针对团队开发中Git提交注释随意、不便于管理和问题回溯的痛点,文章介绍了使用husky和@umijs/fabric规范JavaScript项目提交注释的完整方案。配置步骤包括:安装依赖并初始化husky生成.husky目录;创建commit-msg钩子文件执行fabric verify-commit校验注释格式;遵循约定式提交规范(如feat:、fix:等前缀)才能通过校验。关键问题解决:代码合并时自动生成的注释不符合规范会导致失败,通过创建prepare-commit-msg钩子自动生成符合规范的合并注释解决,脚本会提取合并分支名称并格式化为feat: 合并分支，将 "source" 分支的内容合并到 "target" 分支。这套方案既保证了提交历史的可读性和可追溯性,又避免了手动编写规范注释的繁琐,是前后端项目代码质量管理的最佳实践之一。

原文链接: https://juejin.cn/post/7580329353353232430

4. Midscene.js 初尝试

概述与重点:

Midscene.js是一个开源的AI操作助手,专注于Web、移动端UI自动化和测试领域。核心特性包括:通过自然语言描述目标和步骤自动生成UI自动化脚本,支持JavaScript SDK和YAML两种格式;跨平台支持——网页自动化集成Puppeteer/Playwright或桥接模式控制桌面浏览器,Android通过adb控制,iOS通过WebDriverAgent控制;辅助工具——提供可视化测试报告、Playground调试环境、脚本缓存,并开放MCP协议供其他MCP Client调用。文章以字节跳动开源的Doubao-1.5-UI-TARS视觉模型为例,展示了通过Zed编辑器连接Midscene MCP生成Playwright测试用例的完整流程。配置包括设置环境变量(模型名称、API密钥、BASE_URL等),然后通过自然语言指令"打开网站并生成测试用例"自动完成任务。作者评价该工具"未来可期",虽受限于基础模型仍有问题,但潜力巨大。

原文链接: https://juejin.cn/post/7580204190028873734

5. ResponsivelyApp 多端同步调试工具

ResponsivelyApp是一款专为前端开发者、测试人员与设计团队打造的开源多端预览与调试工具,能让页面在多个设备尺寸上同时渲染并支持同步操作。核心功能包括:多设备实时同步——在任意设备上的点击、滚动会自动同步到其他设备,支持自定义尺寸和横竖屏切换;Live Reload自动刷新——本地文件变更时所有设备视图自动刷新,兼容各种前端框架;内置DevTools——提供类似Chrome DevTools的元素检查、Network/Console调试功能;性能优化辅助——支持网络状况模拟(3G/4G/弱网)测试加载速度。文章详细说明了Windows版与macOS版的功能差异:Windows版缺少独立URL地址栏、同步开关、网络限速、多环境预设等高级功能,这些完整功能仅在macOS版中提供。使用场景涵盖响应式布局调试、移动端事件测试、多环境版本对比、UI/QA协作等,大幅减少多端调试的重复工作。

原文链接: https://juejin.cn/post/7579946275436052490

6. WebGIS 从入门到初阶实践

概述与重点:

这是一篇从零开始的WebGIS(Web Geographic Information System)全面入门教程,涵盖11500+字的系统性知识。文章首先明确WebGIS = Web前端地图 + GIS地理计算能力,核心作用包括地图可视化、地理数据分析、信息管理和决策支持。技术栈选择对比了四大地图引擎:Leaflet(轻量简单)、OpenLayers(功能强大)、Mapbox GL JS(WebGL高性能)、Cesium(真3D地球),推荐初学者从Leaflet入门。核心概念深入讲解了坐标系(WGS84/GCJ02/BD09)、投影(Web Mercator)、瓦片({z}/{x}/{y}.png)、图层叠加等关键知识。实战部分提供了完整的Leaflet代码示例,从引入库、初始化地图、加载OSM瓦片、添加标记、绘制区域到高级功能(聚合点、热力图、绘图工具、地址搜索、浏览器定位),还包含性能优化技巧(使用WebGL、图层分级加载、数据裁剪聚合)和学习路线规划。附带的完整HTML Demo包含800个随机点的聚合、热力图切换、Leaflet.draw绘图等功能,是WebGIS学习的宝贵资源。

原文链接: https://juejin.cn/post/7580282751627640873

7. WebRTC 02:信令、SDP、ICE/STUN/TURN 解析

这是WebRTC系列的第二篇,以端到端视角深入解析连接建立的完整链路。文章遵循Signaling → SDP(Offer/Answer) → ICE → DTLS → SRTP/SCTP的流程,系统讲解每个环节。SDP结构深入:基于JSEP(RFC 8829)和Unified Plan模型,详细解读了v/o/s/t(版本/源/会话/时间)、m=(媒体行)、a=rtpmap/fmtp(编解码)、a=setup/fingerprint(DTLS)、a=ice-ufrag/ice-pwd(ICE身份)等关键字段。ICE高级主题:阐述了controlling/controlled角色分工、候选优先级(host > srflx > relay)、提名策略(aggressive/regular)和Trickle ICE缩短建链时间的机制。STUN与TURN实务:STUN提供地址反射(端口3478),TURN提供中继服务(3478/5349,支持UDP/TCP/TLS),建议短时密钥+HMAC派发避免凭证泄露,优先直连失败再回退TURN控制成本。信令设计强调消息模型要明确路由字段(roomId/from/to)、支持Trickle ICE、保证可靠性(按序/去重/重连)。文章还提供了完整代码骨架和排障清单,是WebRTC实战的权威指南。

原文链接: https://flymeow.github.io/webrtc-ru-men-02gong-zuo-liu-cheng-xin-lingsdpicestunturn-quan-jie-xi.html

8. Windows下使用键盘钩子实现自动化

文章介绍了Windows键盘钩子这一强大的系统级机制,允许应用程序监视和处理键盘输入事件。基础示例展示了如何通过SetWindowsHookEx设置WH_KEYBOARD_LL低级键盘钩子捕获所有窗口的键盘事件,回调函数PrintKeyboardInputProc打印扫描码、虚拟码和按键状态(256=按下,257=释放),通过CallNextHookEx传递事件或返回大于1的值拦截事件。进阶应用实现了按键重定向:将F7/F8映射为音量加减,通过返回1阻止其他程序获取F7/F8输入,实现物理键盘重映射效果。核心概念对比:扫描码是键盘控制器生成的硬件原始数据,标识物理按键位置,因键盘而异;虚拟键码是Windows系统定义的标准化标识,标识逻辑功能,固定不变。文章强调,对于基于DirectX的Win32游戏等底层场景,必须使用扫描码(通过MapVirtualKey转换并设置KEYEVENTF_SCANCODE标志),因为这些程序直接获取底层输入,无法捕捉虚拟键码事件。这为Windows自动化工具开发提供了完整的技术方案。

原文链接: https://juejin.cn/post/7579932196464132150

🏆 特别推荐

最新潮及时:Goland 通过 ACP 连接 Claude Code

这篇文章捕捉到了IDE与AI助手集成的最新动态。2025年12月5日JetBrains刚刚正式发布对ACP协议的支持,文章立即跟进提供了完整的配置指南。ACP(Agent Client Protocol)代表了IDE集成AI能力的标准化趋势,允许开发者在熟悉的JetBrains IDE环境中无缝使用Claude Code等第三方AI代理。与Copilot式的代码补全不同,基于ACP的集成支持更复杂的AI交互模式——从简单的代码生成到复杂的架构规划、调试分析、测试用例编写等。文章提供的配置方案简洁实用,通过修改一个JSON文件即可完成集成,大大降低了使用门槛。对于JetBrains全家桶用户来说,这是拥抱AI辅助开发的最佳时机,也预示着IDE与AI深度融合的发展方向。

最有深度:WebGIS 从入门到初阶实践

这篇11520字的长文展现了罕见的系统性和教学深度,是WebGIS领域不可多得的入门到进阶完整教程。文章不仅涵盖了基础概念(坐标系/投影/瓦片/图层)的清晰讲解,更难得的是建立了完整的知识体系:技术选型维度——对比四大地图引擎(Leaflet/OpenLayers/Mapbox GL/Cesium)的适用场景,帮助读者做出明智选择;理论深度维度——深入解析坐标系转换原理(WGS84/GCJ02/BD09)、Web Mercator投影的数学基础、瓦片金字塔结构,这些是理解GIS的核心;实战完整性维度——从最简单的5步Leaflet入门,到包含800个随机点聚合、热力图、绘图工具、地址搜索、浏览器定位的完整HTML Demo,代码可直接运行;性能优化维度——讲解WebGL vs Canvas的选择、图层分级加载策略、数据裁剪聚合方案,这是生产环境必备知识;学习路线维度——提供从入门(1-2周)到进阶(1-2月)再到高级(长期)的清晰路径规划。更重要的是,文章将GIS这个看似高门槛的领域解构为"Web技术+地理信息数据+可视化渲染",降低了认知负担。无论是想要快速上手做出地图应用,还是想要深入理解地理空间大数据可视化、数字孪生平台的开发者,这篇文章都提供了从理论到实践的完整知识闭环。

本期精选汇集了9篇优质技术文章,覆盖前端开发、后端架构、运维部署、移动开发和AI工具等多个领域。内容包括JavaScript正则表达式的实战应用、Cloudflare DNS配置实践、Go语言新特性解读、Google AI开发工具使用指南、HarmonyOS开发环境配置、Nginx模块编译、Web Worker性能优化、WebRTC实时通信技术,以及现代编辑器AI插件配置等。这些文章既有深度的技术剖析,也有实用的问题解决方案,适合不同技术栈的开发者阅读学习。

标签分类
前端开发: 正则表达式、Web Worker、WebRTC
后端架构: Go 1.25、Nginx、DNS配置
移动开发: HarmonyOS
AI工具: Google Antigravity、Codex ACP
运维部署: Cloudflare、Nginx编译、GeoIP

使用正则表达式给数字加千分位分隔符

本文针对JavaScript中为数字添加千分位分隔符的常见需求,指出了网络上广泛流传的 /\B(?=(\d{3})+(?!\d))/g 方案存在的问题——会错误地给小数部分也添加分隔符。文章详细解析了正则表达式的演进过程:从基础的 (?=(\d{3})+) 正向先行断言,到添加 (?!\d) 避免匹配数字后的位置,再到使用 \B 排除字符串开头,最终给出正确方案 /(?<=^\d+)(?=(\d{3})+(?!\d))/g。核心在于使用正向零宽后发断言 (?<=^\d+) 确保只在整数部分添加分隔符,避免影响小数。文章还对比了 toLocaleString() 方法会丧失小数精度的问题,为开发者提供了可靠的技术方案。
原文链接: https://juejin.cn/post/7572776177690689545

Cloudflare DNS区域设置

文章系统介绍了Cloudflare DNS的四种区域设置模式:完全设置、部分设置、子域名设置和区域传输。完全设置适用于将Cloudflare作为权威DNS的场景,需要在域名注册商处更改nameserver,生效时间约24小时;部分设置则适用于只需CDN代理功能而不变更权威DNS的场景,通过在原DNS处添加CNAME记录实现。文章特别提醒,部分设置需要在权威DNS处保持TXT验证记录,且必须配置 geoip2_proxy 和 geoip2_proxy_recursive 才能正确获取客户端真实IP。对于实际业务场景的选择,文章给出了明确的判断依据:完全控制选择完全设置,仅需反向代理选择部分设置。
原文链接: https://juejin.cn/post/7572459217812078655

Go 1.25 新特性深入探索 http.CrossOriginProtection

Go 1.25引入的 http.CrossOriginProtection 是一个内置的CSRF防护中间件,区别于传统Token机制,它利用现代浏览器的Fetch Metadata请求头(如 Sec-Fetch-Site)智能判断请求来源。基本用法非常简洁,只需用该中间件包装处理器即可。文章强调了四个最佳实践:审慎使用绕过模式,遵循最小权限原则;中间件顺序要放在最外层;明确信任来源,避免使用通配符;根据需求结合CORS中间件使用。需要注意的是,该组件专注于CSRF防护,完整的CORS功能还需配合框架自身中间件。通过 AddTrustedOrigin 添加信任源、AddInsecureBypassPattern 豁免特定路径、SetDenyHandler 自定义拒绝响应,可实现精细化控制。
原文链接: https://juejin.cn/post/7572534419879624739

Google Antigravity无法登录问题的解决方法&简单使用

Google Antigravity是一个基于Gemini 3的AI代理开发平台,采用"代理为你构建功能"的理念,不仅编写代码还能规划架构、执行命令、管理版本控制。中国区账号无法访问的核心原因是地区限制(香港也不可用),唯一解决方案是通过Google官方页面修改账号关联地区,并确保网络代理与账号区域一致。平台提供两种视图:Editor View 类似传统IDE,支持代码补全;Agent Manager View 用于委托完整任务。重要提醒:免费预览版积分每5小时刷新一次,约20分钟即可用尽,建议简单任务使用编辑器模式。文章强调要合理描述任务、善用工件(Task Plan、Implementation Plan、Code Diffs等)验证理解、利用知识库沉淀经验,切勿硬编码敏感数据。
原文链接: https://juejin.cn/post/7574722364355215369

HarmonyOS 手机无法通过 hdc 连接的分析与解决方案

文章分析了华为商用手机(HarmonyOS 4.2+)无法使用hdc工具调试的根本原因:hdc主要针对OpenHarmony设备,与商业版HarmonyOS存在分支差异;后台调试权限需要内部授权密码,普通设备无法启用;DevEco Studio自带的hdc是OpenHarmony定制版,不适用于商业手机。针对这一问题,文章提供了两个替代方案:Quick App Loader 手机端加载器,支持本地安装.rpk文件,操作简单但不支持批量安装;Quick App PC Assistant 桌面工具,可通过 winget install -e --id Huawei.QuickAppPCAssistant 安装,支持连接调试和日志查看,但仍需手机端Loader配合。这两种方案都是官方支持的合法途径,能有效解决快应用的安装与调试需求。
原文链接: https://juejin.cn/post/7572048000301203497

nginx编译支持ngx_http_geoip2_module

文章详细介绍了如何编译nginx以支持 ngx_http_geoip2_module。与官方自带的已停止更新的 ngx_http_geoip 相比,ngx_http_geoip2 使用MaxMind的.mmdb格式数据库(GeoIP2),数据更准确且持续维护。编译流程包括:获取nginx源码和ngx_http_geoip2_module、安装依赖(gcc、pcre、zlib、ssl、libmaxminddb)、配置编译参数并指定模块路径。配置部分的关键点是:geoip2指令加载数据库、map指令映射国家代码、geoip2_proxy和geoip2_proxy_recursive用于容器或反向代理环境获取真实客户端IP。文章以禁止非中国地区访问为例,展示了实际应用场景。最后提供了Dockerfile方便直接使用,大大降低了部署门槛。
原文链接: https://juejin.cn/post/7572137760448593961

Web Worker 技术分享:让前端真正跑起来的"多线程"能力

文章全面阐述了Web Worker解决JavaScript单线程阻塞问题的原理和实践。Worker运行在独立线程,能处理大量计算、数据循环、图像处理、WebAssembly、AI推理等任务,但不能操作DOM和window对象。文章强调了postMessage性能优化,使用Transferable(ArrayBuffer、Blob、TypedArray)转移所有权而非复制,速度飞快。针对大量任务场景,推荐使用Worker Pool设计,固定Worker数量、任务排队执行以最大化CPU利用率。实战案例包括H5游戏加载优化、图片文字渲染(OffscreenCanvas)、Web3签名Hash解析等。最佳实践指出:数据量大、CPU密集、耗时>16ms的任务推荐使用Worker;小任务、需更新DOM、纯I/O任务不建议使用。未来趋势关注OffscreenCanvas和WebAssembly+Worker的组合应用。
原文链接: https://juejin.cn/post/7572052559822536710

WebRTC 01:初步认识 WebRTC 与信令服务器

文章系统介绍了WebRTC的四步建连流程:信令(交换SDP与候选)、连接(ICE收集候选)、加密(DTLS握手派生密钥)、通信(SRTP/SCTP传输)。核心概念包括:RTCPeerConnection连接对象、SDP会话描述、Offer/Answer协商模型、ICE交互式连通(host/srflx/relay三种候选类型)、STUN/TURN服务器。关键点:信令不是WebRTC内置能力,需自定义(如WebSocket);消息类型(join/offer/answer/ice-candidate等)由开发者定义;启用Trickle ICE边收集边发送缩短首帧时间;STUN用于地址反射,TURN用于中继转发。文章提供了最小浏览器端示例和Go+WebSocket信令服务器代码,建议配置iceServers时优先STUN、生产补TURN,使用chrome://webrtc-internals观测指标,常见问题如只有host候选需检查STUN可达性,ICE failed需补充TURN服务器。
原文链接: https://flymeow.github.io/webrtc-01chu-bu-ren-shi-webrtc-yu-xin-ling-fu-wu-qi.html

zed 配置 codex acp

文章介绍了在Zed编辑器中配置Codex ACP这一AI助手的完整流程,以Windows 11+WSL环境为例。安装步骤包括:通过wget下载0.2.4版本的codex-acp压缩包、tar解压、移动可执行文件到/usr/local/bin实现全局访问。配置核心是在Zed设置中添加agent_servers配置,指定command路径为/usr/local/bin/codex-acp,args和env留空即可。配置完成后在Agent面板的"外部Agents"选项中会出现"Custom Codex Agent"。整个过程5分钟即可完成,大大提升编码效率。文章还提供了GitHub仓库、官方文档、常见问题解答等参考资源,方便深入学习。这一配置让Zed用户能够便捷地使用AI辅助编码功能。
原文链接: https://juejin.cn/post/7569402861803241482

🏆 本期特别推荐

最新潮：Google Antigravity无法登录问题的解决方法&简单使用
推荐理由：
这篇文章捕捉到了AI辅助开发领域的最新趋势。Google Antigravity代表了从"Copilot式代码补全"向"Agent式自主开发"的范式转变——AI不再只是帮你写几行代码，而是能够自主规划架构、执行终端命令、管理Git、甚至"看到"浏览器验证自己的工作。文章及时解决了中国开发者的访问痛点（账号换区问题），并深入介绍了工件（Artifacts）系统、实时反馈修正等创新功能。这种"代理为你构建功能"的理念，配合Gemini 3的多模型支持和跨平台能力，预示着开发工作流将发生根本性变革。对于想要站在技术前沿、尝鲜AI开发新工具的开发者来说，这是不可错过的实践指南。

最有深度：WebRTC 01：初步认识 WebRTC 与信令服务器
推荐理由：
这篇文章展现了罕见的技术深度和系统性。WebRTC作为实时通信的核心技术，涉及多层协议栈的协同工作，文章从顶层的信令交换（SDP/Offer/Answer）、到中间层的连接建立（ICE候选收集、STUN/TURN穿透）、再到底层的加密传输（DTLS握手、SRTP/SCTP加密），形成了完整的技术闭环。特别难得的是，文章不仅讲清了"是什么"和"为什么"，还通过Mermaid时序图可视化交互流程，提供了可运行的浏览器端示例和Go语言信令服务器代码，并给出了chrome://webrtc-internals等实用调试工具。对于想要深入理解端到端实时通信原理、解决NAT穿透等复杂网络问题的开发者，这篇文章提供了从理论到实践的完整知识体系。

本期这9篇文章覆盖了从后端数据处理、网络协议优化、系统运维工具，到前端性能调优、AI 工具应用等多个技术领域。每篇文章都注重实战性，配有完整的代码示例和详细的操作步骤，为开发者提供了实用的技术指南和最佳实践。

1. GORM 读取 PostgreSQL 的 JSON 数据类型

本文深入讲解如何使用 GORM ORM 框架处理 PostgreSQL 数据库中的 json/jsonb 类型字段。文章通过实际代码示例，介绍了三种不同的读取方法：最简单的字符串映射方式、便于解析的字节数组方式，以及自动反序列化的结构体映射方式。每种方法都配有完整的代码实现和适用场景说明，特别强调了第三种方法虽然优雅但普适性有限，更适合格式固定的场景。文章为 Go 开发者提供了处理 PostgreSQL JSON 字段的完整解决方案。

重点信息

• ✨ 三种渐进式解决方案，从简单到高级满足不同需求
• 🔧 提供完整可运行的代码示例，可直接应用到项目中
• 💡 详细说明每种方法的适用场景和局限性
• 📊 涵盖 json 和 jsonb 两种数据类型的处理

原文链接: https://juejin.cn/post/7564996702818943022

2. 协议交互与信息缓存：JSON 是最优解吗？

本文对比分析了 JSON、MessagePack、Protocol Buffers、FlatBuffers 和 SBE 五种序列化协议在不同场景下的性能表现。通过详实的性能测试数据和空间占用对比，揭示了 JSON 并非所有场景的最佳选择。文章深入剖析了每种协议的核心特性、优劣势和适用场景，特别指出 FlatBuffers 的零拷贝特性在解码性能上的显著优势，以及 SBE 在极致性能场景下的价值。作者提供了完整的性能基准测试代码，并给出"对外 JSON 保持兼容，对内二进制追求性能"的黄金法则，为开发者选择序列化方案提供了科学依据。

重点信息

• 📊 完整的性能测试数据：序列化速度、反序列化速度、空间占用全面对比
• 🎯 明确的场景指导：针对不同业务需求推荐最优协议
• 💻 开源测试代码：可复现的性能基准测试
• ⚡ 实测证明：FlatBuffers 解码性能最高，JSON 性能垫底

原文链接:  https://juejin.cn/post/7562557258669932584

3. 高效调试与演示神器 —— Scrcpy 手机投屏实践

Scrcpy 是一款开源免费的 Android 手机投屏控制工具，由 Google 工程师开发。文章详细介绍了这款工具的核心优势：无需安装 App、通过 ADB 直接连接、跨平台支持、超低延迟（<100ms）、支持键鼠操控。教程涵盖了完整的安装配置流程，包括 USB 连接和无线连接两种模式，并提供了丰富的实用技巧如限制分辨率、录制视频、关闭手机屏幕投屏等。文章特别适合需要进行手机应用演示、H5 调试、自动化测试的开发者和测试人员。

重点信息

• 🆓 完全免费开源，无广告无水印
• ⚡ 超低延迟体验，支持键鼠直接操控
• 📱 USB 和 WiFi 双模式，无需 root 权限
• 🎥 内置录屏功能，支持多种实用快捷键

原文链接: https://juejin.cn/post/7560646652604399658

4. 使用 iptables 进行网络地址重定向

本文介绍了如何使用 Linux iptables 工具实现不重启服务的网络流量透明转发。通过一个基于 Python Flask 的 HTTP 服务实例，详细演示了 iptables NAT 表的 DNAT 规则配置过程。文章解决了服务 IP 变更、测试环境流量转发等常见运维场景的痛点。教程包含完整的网络拓扑图和命令行操作步骤，特别强调了启用 IP 转发的必要性。适合需要进行服务迁移、流量管理和负载均衡配置的系统管理员和运维工程师参考学习。

重点信息

• 🔄 无需重启服务即可实现流量重定向
• 📋 提供完整的网络拓扑和实战演示
• ⚙️ 详细的命令行配置步骤，易于复现
• 💡 解决服务迁移和测试转发的实际痛点

原文链接: https://juejin.cn/post/7565176027908866094

5. 零门槛发布 MCP Server 到 MCP Registry

本文是一份完整的 MCP Server 发布指南，详细介绍了如何将自定义开发的 MCP Server 提交到官方 MCP Registry 平台。教程涵盖了 Publisher CLI 工具在不同操作系统（macOS/Linux/Windows）上的安装方法，包括 Homebrew、预编译二进制文件和源码编译三种方式。文章通过实际案例 qweather-mcp-go 演示了完整的发布流程：初始化配置文件、编辑元数据、GitHub 身份验证、发布和验证。特别指出了官方文档的一处错误并提供了正确的查询命令，帮助开发者顺利将 MCP Server 分享给社区。

亮点

• 📦 多平台安装方式支持，适配不同开发环境
• 🔐 支持 GitHub OAuth 和 DNS 两种验证方式
• ⚠️ 指出官方文档错误并提供正确方案
• ✅ 完整的实战案例从初始化到发布验证

原文链接: https://juejin.cn/post/7553952223853543434

6. Linux 常用的文件操作命令组合

本文系统梳理了 Linux 系统中用于文件处理的核心命令及其实用组合。文章详细讲解了 grep、find、awk、sed、xargs 等工具的核心参数和使用场景，每个命令都配有清晰的示例和截图说明。特别介绍了三种常见的命令组合模式：find+grep 实现精准文件内容搜索、grep+awk 进行数据提取与分析、find+xargs 执行批量文件操作。文章面向日常需要编写自动化脚本或通过日志排查问题的开发者，提供了可直接应用的命令模板和最佳实践，大幅提升文件处理效率。

重点信息

• 📚 覆盖最常用的5大文件操作命令
• 🖼️ 每个示例都配有实际运行截图
• 🔗 提供三种实用的命令组合模式
• 💼 面向自动化脚本和日志分析实际场景

原文链接: https://juejin.cn/post/7567343655858962482

7. Ristretto - Golang 高性能内存缓存管理库

概述介绍（183字）

Ristretto 是 Dgraph 团队专为 Go 语言开发的高性能并发内存缓存库，采用独特的 SampledLFU 淘汰策略和 TinyLFU 准入策略，实现了高命中率和低内存开销。文章详细介绍了库的核心特性、安装配置、基本使用和高级功能，包括带 TTL 的缓存、成本感知缓存、回调函数和性能指标监控。性能对比数据显示，Ristretto 在并发读写下比 sync.Map 快 5-10 倍，比原生 map+mutex 快 3-5 倍，内存效率提升 30-50%。文章提供了完整的代码示例和最佳实践建议，适合需要高性能缓存方案的 Go 开发者。

重点信息

• ⚡ 显著的性能优势：比常规方案快 5-10 倍
• 🧠 智能的准入和淘汰策略，高命中率
• 📊 内置性能指标监控，便于调优
• 💻 完整的代码示例和最佳实践指导

原文链接: https://juejin.cn/post/7567616520365277193

8. 移动端 Web 性能调优：viewport、dvh 与触控优化

本文系统阐述了移动端 Web 性能优化的三大基石：viewport 配置、动态视口单位和触控优化。文章详细讲解了 viewport 的正确配置方法，包括 DPR 高清屏适配和 1px 边框方案；重点介绍了 dvh、lvh、svh 等新视口单位如何解决移动端浏览器地址栏导致的高度问题；深入分析了触控延迟的解决方案、滚动性能优化技巧和点击反馈的最佳实践。通过一个游戏加载页的实战案例，展示了如何将"卡顿页面"优化为"丝滑交互"。文章强调了基础层优化的重要性，即使使用先进框架，如果基础没做好用户体验依然会打折。

重点信息

• 📱 解决移动端浏览器地址栏导致的视口高度问题
• ⚡ 去除 300ms 点击延迟，提升触控响应速度
• 🎯 提供完整的实战案例和优化前后对比
• 💡 强调基础层优化对整体体验的关键作用

原文链接: https://juejin.cn/post/7565176027908849710

9. Warp：智能终端初识

Warp 是一款集成了自然语言模型和智能体能力的现代化终端工具，将传统终端提升到全新境界。文章详细介绍了 Warp 的通用输入功能，它能够同时接受 shell 命令和自然语言提示词，支持智能体模式、终端模式和自动检测模式三种输入方式。Warp 具备强大的上下文管理能力，包括对话管理块、活动目录块、Git 状态块、文件附件块等，让开发者无需离开输入界面就能完成复杂操作。文章还介绍了输入工具栏的各项功能，如 @上下文引用、斜杠命令、语音输入、快进模式等，展示了 Warp 如何通过 AI 能力重新定义终端交互体验。

重点信息

• 🤖 自然语言与 shell 命令无缝切换
• 🧩 丰富的上下文块提供环境信息实时展示
• 🎙️ 支持语音输入和图片附件作为上下文
• ⚡ 快进模式赋予智能体完全自主权

原文链接: https://juejin.cn/post/7567193762339848234

关于微游研发中心的介绍

一群普通微游人的进击、学习进化，日拱一卒、一年一剑。我们希望通过每周的学习分享，提高专业能力，更好服务于客户和业务生产。总结、复盘、分享，如果能对您有所帮助，是我们的荣幸。
@Join the Minis with friends
谢谢，共勉！

技术文章精选汇总

本期关键字：Go 热重载、分布式锁实践、数据埋点方案、PostgreSQL 优化、PWA 应用、API 调试工具、AI 编辑器集成。

内容涵盖了开发工具、数据分析、数据库优化和分布式系统等多个领域,展现了当前技术实践中的热点话题和实用解决方案。

大家好,以下是本期的技术分享内容:

1. 从数据视角看数据埋点:浅谈 GTM 为什么优于 GA

GTM(Google Tag Manager)相对于 GA(Google Analytics)实现了数据需求执行路径的革新。传统方式需要"需求提出→开发→测试→发布→查看数据",而 GTM 实现了"一次埋点→营销直接调配→多平台流通"。文章详细阐述了 GTM 的核心优势:代码与配置解耦降低了对开发资源的依赖,一次数据采集可同时分发到 GA4、Facebook、Google Ads 等多个平台,配置周期从传统的 1-2 周缩短至 10-30 分钟。对于需要频繁调整追踪需求的营销团队来说,GTM 提供了更灵活的配置化管理方式,有效避免了数据孤岛问题。

阅读原文

2. 使用 VSCode RestClient 插件发送 HTTP 请求

RestClient 是一款强大的 VSCode 插件,用于实际工程开发中测试 API 接口。文章介绍了两种使用方式:一是直接兼容 curl 命令行格式,可从浏览器控制台复制 curl 命令后直接在 VSCode 中执行;二是创建 .http 文件进行更复杂的请求管理,支持变量定义和引用,能够模拟完整的接口操作流程(如登录获取 token → 使用 token 访问其他接口)。相比传统的 Postman 等工具,RestClient 更轻量且与编辑器深度集成,适合快速调试和团队协作。

阅读原文

3. Zed 配置 acp-claude-code 使用 Claude Code

Zed 编辑器在 0.201.4 版本推出了 Agent Client Protocol(ACP)协议支持,允许集成外部 AI 代理。文章详细说明了如何配置 acp-claude-code 以在 Zed 中使用 Claude Code,包括 Windows 系统特定的配置方法(使用 cmd 命令)、环境变量设置(指定 Claude Code 可执行文件路径)以及网络代理配置(需开启 TUN 模式)。虽然配置过程中会遇到一些问题,但通过正确设置最终能够实现流畅的 AI 辅助编码体验。目前 Zed 官方正在开发官方版集成。

阅读原文

4. 生产环境 go-redsync 使用示例

Go-redsync 是 Go 语言实现分布式锁的常用工具,但官方文档的入门示例存在严重问题——默认加锁时间仅 8 秒,导致长耗时任务会在执行完成前锁就被释放。文章通过实测案例揭示了这一问题,并提供了生产环境可用的解决方案:启动独立协程定期调用 mutex.Extend() 方法延长锁的过期时间,同时使用 atomic.Bool 控制延长逻辑的生命周期。文章还进一步封装了 TryLock 方法,将复杂的锁管理逻辑隐藏在内部,提供简洁的 API 供业务代码使用。

阅读原文

5. 使用 air 热重载 Go 程序

Air 是为 Go 应用开发设计的热重载命令行工具,能在代码修改后自动重启应用,极大提升开发体验。文章从快速开始到进阶配置全面介绍了 air 的使用方法,包括通过 go install 安装、创建 .air.toml 配置文件、设置构建命令和监听文件类型。重点讲解了如何配置 send_interrupt 和 kill_delay 实现优雅退出,以及命令行参数与配置文件的优先级关系(命令行参数优先级更高)。对于 Go 开发者来说,air 是提升开发效率的必备工具。

阅读原文

6. Progressive Web App (PWA) 技术详解

PWA 是结合 Web 开放性和 Native App 体验的技术方案,核心目标是让网站具备离线可用、可安装、推送通知等类原生应用特性。文章系统介绍了 PWA 的三大核心组件:Manifest.json(定义应用元信息)、Service Worker(拦截网络请求提供缓存)和 HTTPS 要求。详细讲解了 start_url、scope、display 模式等关键概念,以及缓存策略、版本管理、埋点分析等最佳实践。文章强调 PWA 不是要取代原生应用,而是为 Web 提供接近原生的体验,降低获客和使用门槛,特别适合游戏、电商、内容平台等场景。

阅读原文

7. PostgreSQL JSON 字段使用不完全建议

在 PostgreSQL 中使用 JSON/JSONB 字段时,更新操作可能因索引策略、存储结构或业务逻辑设计导致性能问题。文章系统梳理了六大性能陷阱及优化建议:索引缺失或错误使用(应为 JSONB 字段创建 GIN 索引)、JSON 字段整体重写开销(使用 jsonb_set 进行部分更新)、锁竞争与并发更新(缩短事务时间、使用乐观锁)、JSON 验证与约束开销(简化约束条件)、存储膨胀与碎片(定期执行 VACUUM)。核心原则是尽量减少对 JSON 字段的直接更新,优先通过拆分、索引和部分更新优化。

阅读原文

总结

本期分享的文章涵盖了开发工具配置、数据分析方案、数据库优化、分布式系统和现代 Web 技术等多个领域。整体呈现出以下趋势:配置化管理替代硬编码、开发效率优先、实战导向的问题解决以及 Web 技术与原生应用的融合。这些内容既有立即可落地的实用技巧(如 RestClient 插件、air 热重载),也有需要深入理解的架构方案(如 GTM 数据埋点、PostgreSQL JSON 优化)。通过学习和应用这些技术,能够在日常开发中提升效率,同时为技术演进做好知识储备。

大家好，以下是本期的技术分享内容：

1. Fiddler 调试技巧与实战

Fiddler 作为经典的抓包与调试工具，在前端与测试中应用非常广泛。文章详细介绍了 HTTPS 配置、请求重写、断点调试等功能，并结合实际案例展示了如何快速定位和修改接口请求。除了常规调试外，还提到通过脚本扩展可以实现自动化测试与特殊场景复现。整体来看，这篇文章不仅适合初学者入门，也能给有经验的开发者带来新的技巧灵感。

阅读原文

2. 前端工程化与构建工具实践

该文章围绕现代前端工程化展开，分析了依赖管理、模块化设计、构建优化以及 CI/CD 集成的实践经验。作者重点强调了如何通过合理的工具链选择来提升构建速度和代码可维护性。文中还给出了在团队协作和大型项目中，工程化能避免常见问题的实例。阅读后能够更系统地理解前端开发中“工程思维”的重要性。

阅读原文

3. Claude 代码助手体验

Claude 在代码生成、解释和调试思路辅助方面展现了强大的能力。文章展示了实际使用 Claude 编写函数、解释复杂逻辑以及帮助排查问题的案例。作者也指出了其上下文窗口大小限制以及在专业领域知识上的不足，因此在实际使用中仍需人工审核。总体来说，Claude 更适合作为开发者的“副驾驶”，而非完全替代。

阅读原文

4. Kratos HTTP 框架探索

Kratos 框架的 HTTP 组件在微服务开发中具备高度扩展性和灵活性。文章深入介绍了中间件机制、依赖注入以及配置化路由的设计思路。通过示例代码，展示了如何快速构建可维护的服务接口。对于希望标准化后端开发、提升团队代码一致性的工程师来说，这是一篇非常实用的文章。

阅读原文

5. Kubernetes K8s 应用实践

本文通过实际操作案例，展示了如何在 Kubernetes 集群中部署应用。作者依次讲解了 Pod、Deployment、Service 的编写方法，并结合常见问题说明了解决思路。读完这篇文章，能够帮助开发者更快理解容器编排的核心逻辑。对于运维与后端开发同学来说，这是迈向云原生架构的重要一环。

阅读原文

6. MCP 协议与应用

MCP（Model Context Protocol）是一种为大模型应用设计的上下文与调用协议。文章深入解析了 MCP 的设计目标、架构特点以及在工具集成中的实际应用。通过统一上下文传递，MCP 有助于解决多模型、多工具协作中的碎片化问题。对于探索 AI 应用生态的团队而言，这是一个值得持续关注的技术方向。

阅读原文

7. SolidJS 与 Qwik.js 对比

前端框架的演进持续加速，SolidJS 与 Qwik.js 分别代表了不同的性能优化思路。文章比较了两者的渲染机制、生态成熟度和使用体验。SolidJS 更贴近 React 的开发模式，容易上手；而 Qwik.js 强调极致的懒加载和性能表现，更适合边缘计算和移动端场景。开发者可根据项目需求选择适配的框架。

阅读原文

8. Web前端限制调试模式的攻防战

There are no secrets in client-side code.由于Web前端代码固有的公开性质，除了常规的安全架构设计之外呢，我们还可以使用反调试技术作为提高攻击成本的辅助手段，作为前端信息安全的辅助手段如何实现反调试和绕过反调试也就是我们今天要讲的前端代码反调试的道防与魔攻。

阅读原文

总结

本期分享的八篇文章涵盖了调试工具、前端工程化、AI 辅助开发、后端框架、云原生实践以及在Web前端限制调试模式的攻防策略。整体来看，这些内容既有短期能落地的技巧，也有长期值得投入的方向。对于团队成员来说，既可以在日常开发中提升效率，也能为未来技术演进做好知识储备。通过不断学习和应用，我们能够保持技术敏锐度，打造更强的工程竞争力。

大家好，以下是微游互娱技术部本周的分享：

1. [Android开发] Android 桌面小组件（一）— 添加桌面小组件

https://juejin.cn/post/7385736245090533413

App中可能存在一些高频使用的功能，例如扫一扫、开启收付款码等。如果能够在不先打开App的情况下快速使用这些功能，将显著提升用户体验。

除了在之前的文章Android 快捷方式和Android 下拉栏中的快捷设置中介绍过的两种快捷方式之外，还可以通过Android系统的App widgets实现在桌面添加小组件。本文将简单介绍如何使用App widgets相关API实现在桌面添加小组件。

2. [AI] Electron+Exrepss.js 实现ChatGPT API调用

https://juejin.cn/post/7385784332444991499

当前OpenAI只开放了ChatGPT3.5的网页端的免费访问，同时新注册用户能免费使用3个月的API访问，到期收费。本文介绍了一个方法，使用Electron来操作网页，模拟发送/接收回答；express.js 做http服务器来供外部发送和接收消息，实现ChatGPT API调用。

3. [Web开发] React Suspense 展示占位 UI 并过渡到实际 UI 的底层原理

https://yukioo.xyz/blog/e3d69945c64e4baeac2e7d4317bfd604

本文介绍 React Suspense 组件在底层是如何实现从占位 UI 在获取到数据后过渡到实际 UI 的原理。

4. [爬虫] katana 新一代的爬虫工具

https://juejin.cn/post/7385772230770802725

本文介绍爬虫工具：katana。这是一款强大的新一代的网络爬虫工具，通过使用 katana ，用户能够快速的进行互联网资源的爬取和渗透测试阶段的收集任务。

以上。

大家好，以下是微游互娱技术部本周的分享：

1. [运维] Tianji 一体化的监控中心

https://juejin.cn/post/7382931501609975848

本文介绍了一体化监控中心：Tianji。它是一个集网站分析、网站状态监控、服务状态监控集一体的工具平台。

2. [Android开发] Android 下拉栏中的快捷设置（二）— 状态更新与事件处理

https://juejin.cn/post/7380650414415855650

App中可能存在一些高频使用的功能，例如扫一扫、开启收付款码等。如果能够在不先打开App的情况下快速使用这些功能，将显著提升用户体验。

上一篇文章介绍了如何创建快捷设置并在下拉栏中添加。本文将进一步介绍快捷设置的状态更新与事件处理部分。

3. [AI] Android Studio 中使用Gemini

https://juejin.cn/post/7382979793741135912

本文介绍Android Studio最新版本中内嵌的AI工具: Gemini。它可以通过代码补全、解释代码、提供改进建议、错误分析等方式帮助开发者提高编码效率。当然，与目前大多数AI工具一样，Gemini有时可能会"非常自信"地提供不准确、错误的信息，或者实际并不能运行的代码，因此在使用之前开发者还是需要检查一下Gemini给与的答案。

4. [AI] Github Copilot——码农职业路上的一个好副驾～

https://juejin.cn/post/7382979793741430824

本文简单介绍了Github Copilot的核心功能，相信广大的码农同胞们通过该AI助手的辅助，都能够将自己的双手从简单、繁杂的低效工作中释放出来，去做更有意义的事情～

5. [产品设计] 关于设计中的情绪板思考

https://juejin.cn/post/7382987557544247296

本文介绍了什么是情绪版，以及它在产品设计中的作用，和使用方法。情绪板不仅可以帮助我们明确设计需求，做出更容易被大众所接受的设计，也可以帮助我们更好地去与领导和其他需求方沟通，向他们传达设计的价值主张，最终达成共识，提高设计效率。

6. [产品设计] PRD产品需求文档

https://juejin.cn/post/7383281753144541211

本文介绍产品需求文档 PRD 的基本概念。

7. [Web开发] 复制文本内容到剪切板

https://yukioo.xyz/blog/3a8e08e6911c4cbd9e9d72114f979168

本文介绍 JavaScript 中复制文本到剪切板的方法及其注意事项。

8. [Web开发] digital envelope routines::unsupported

https://juejin.cn/post/7380486156213403663

在多人多项目协作开发过程中，由于开发环境的不同，在打包时可能出现奇怪的错误：digital envelope routines::unsupported。

本文介绍由于各项目所需的Node版本不同导致的这类问题的解决方法。

以上。

大家好，以下是微游互娱技术部本周的分享：

1. [AI] AI 检测文件类型 Magika

https://juejin.cn/post/7380283378153390095

本文介绍了一种使用 AI 进行文件类型检测的工具 magika，相较于其它类型检测工具，magika 依托于数据集和模型的精度，可以大大提高识别文件类型的精度和速度。Magika 由 Google 推出，并在 Google 内部被大量使用。

2. [AI] ScrapeGraphAI：当AI遇上爬虫，网页爬取变得简单智能

https://juejin.cn/post/7380296247720362019

本文介绍了一种 AI 爬虫工具：ScrapeGraphAI。ScrapeGraphAI是一款结合了 AI 与 LLM 的智能网页抓取工具。它不仅简化了传统网页抓取的复杂流程，还大幅提高了抓取效率和准确性。

3. [AI] AI对设计的影响

https://juejin.cn/post/7380296247720476707

本文探讨 AI 对 UI设计的影响，提出流程可复用的 AI 才能真正来为现有工作流程提效赋能。通过 AIGC 工作流标准化的落地，逐渐覆盖更多高频、重复性的工作节点及应用场景来解放设计生产力，从而工作重心更多以创意、创造性任务为主。

4. [AI] AI 代码补全工具 Tabnine

https://yukioo.xyz/blog/24ef2a93ebc441679a2dffb5f745511d

随着 AI 技术的不断发展，AI 技术正在改变程序员传统的编程方式。本文介绍一款免费的AI代码补全工具：Tabnine。它利用先进的 AI 技术，根据上下文提供实时的代码补全建议，支持多种编程语言和开发工具。

5. [AI] AI生成简单的ui组件(react)

https://juejin.cn/post/7380569775687385127

本文介绍并演示了如何使用 v0.dev 来生成简单的UI组件。v0.dev 是 Vercel 由 AI 提供支持的生成式用户界面系统。它基于 shadcn/ui 和 Tailwind CSS 生成复制粘贴友好的 React 代码。可以直接通过文字描述和上传ui图片，生成对应react的ui组件。

6. [AI] 浅谈AI在计算机编程的运用场景

https://juejin.cn/post/7377645747448070179

本文探讨 AI 在计算机编程的应用场景：涵盖了开发过程中的各个阶段，从代码编写、调试到优化和维护。

7. [AI] plantuml机器人快速生成UML

https://juejin.cn/post/7380650414414757922

plantuml是个很强大的UML编写工具，更符合程序员的工作习惯，因为它是使用代码来生成UML的。

本文介绍如何使用 AI 来快速生成 UML。作者还对比了下kimi、poe和文心一言的生成结果，发现文心一言的生成结果最符合预期。

8. [AI] 运用AI编写测试用例

https://juejin.cn/post/7380637950381998118

本文介绍并示范如何使用 AI 编写测试用例，提出：聊天机器人程序本质上是一个自然语言处理工具。它就像一面镜子，它输出什么取决于你给它什么。所以，该提供哪些信息，该如何下达命令，就是最核心的问题。

以上。

大家好，以下是微游互娱技术部本周的分享：

1. [SEO] SEO 优化: 标题，关键字和描述

https://juejin.cn/post/7375030479495675914

本文概要介绍 SEO 优化的三个要素：title、keywords、description，并建议将其加入测试用例中，加以重视。

2. [Redis] redis系列——scan机制：高位进位加法

https://juejin.cn/post/7372911082584686626

本文介绍了 scan 遍历使用的高位进位加法的原理，指出这是 redis 实现 hashtable 高效扫描的核心机制。

3. [产品设计] MRD市场需求文档

https://juejin.cn/post/7374702793561489458

本文介绍 MRD 的概念：MRD（Market Requirement Document）称作市场需求文档，在产品项目中属于“过程性”文档，是产品项目由准备阶段进入实施阶段时输出的文档，其作用是对BRD中规划的产品进行市场层面的说明。MRD主要写给市场和运营部门，以“为谁做”贯穿整个文档。

4. [AI] 使用 Coze 打造专属 AI Bot

https://juejin.cn/post/7375048434128240675

Coze 是新一代一站式 AI Bot 开发平台。无论你是否有编程基础，都可以在 Coze 平台上快速搭建基于 AI 模型的各类问答 Bot，从解决简单的问答到处理复杂逻辑的对话。并且，你可以将搭建的 Bot 发布到各类社交平台和通讯软件上，与这些平台/软件上的用户互动。

本文示范了如何在 Coze 上打造一个专属 AI Bot。

5. [QA] 游戏测试需要注意到哪些方面（5）

https://juejin.cn/post/7375072919191617576

灰度测试是确保软件稳定性和优化用户体验的重要手段。通过合理选择工具和方法，开发者可以在生产环境中安全高效地测试和发布新功能，可以更有效地管理风险，提高游戏质量，并优化用户体验。

本文介绍灰度测试的概念，及如何在游戏测试中实践灰度测试。

6. [Web开发] 使用CSS属性mask修改png图片颜色

https://juejin.cn/post/7375083502410170380

在前端开发中，有时需要修改一些png格式的图标的颜色，比如用户点击某个图标之前是某一种颜色，点击之后是另外一种颜色。而CSS属性mask正好可以实现这一效果，文本给出相关的示例。

7. [Web开发] 浏览器中如何获取用户网络状态

https://juejin.cn/post/7375072919192698920

网页开发中存在需要获取用户是否在线的场景及用户网络状态，浏览器提供了 navigator.onLine 和 navigator.connection 可以实现这一需求。

本文介绍该 API 的使用方法，并提供了 React 示例。

8. [Web开发] 前端实现大文件分片下载

https://juejin.cn/post/7375072185210028044

本文介绍如何在Web前端实现大文件的分片下载，并给出 Vue 的示例。

9. [网络] 使用SSH进行端口转发

https://juejin.cn/post/7375275474005934091

ssh除了可以用来远程操作服务器外，还可以用来进行端口转发。本文介绍端口转发的三种方式：远程转发、本地转发和动态转发。

10. [工具] 批量处理文件名

https://juejin.cn/post/7375083502410547212

本文介绍了3种批量将文件名按照 slug 规范重命名的方式：Node, PowerShell, bash。

11. [其他] 设计面试中常见的问题

https://juejin.cn/post/7375351908896538643

本文总结了面试设计师时常见的问题，分为背景经历、设计技能、沟通协作、行业思考、要问的问题、其他等，共计6个部分，用于查看候选人与岗位的匹配度。

12. [Android开发] Android 下拉栏中的快捷设置（一）— 创建与添加

https://juejin.cn/post/7375152719482683426

App中可能存在一些高频使用的功能，例如扫一扫、开启收付款码等。如果能够在不先打开App的情况下快速使用这些功能，将显著提升用户体验。

在之前的文章Android 快捷方式中介绍了如何添加桌面快捷方式。除此之外，还可以使用Android系统的Tiles来实现在下拉栏中创建快捷设置。

本文简单介绍如何使用Tiles相关API在下拉栏中实现快捷设置。

13. [Go开发] grpc：流式 RPC

https://juejin.cn/post/7375386125814480934

流式 RPC 允许客户端和服务端之间建立一个持续的数据通道, 可以双向传输数据流，常用于处理大量数据和实现双向通讯的场。

本文简介流式Rpc的三种类型: 客户端流式、服务端流式、双向流式。

以上。

大家好，以下是微游互娱技术部本周的分享：

1. [go开发] Kratos在service方法中获取header中的数据

https://juejin.cn/post/7372863316911226921

kratos是go语言中常用的微服务框架，用于开发HTTP服务时，可能需要获取前端请求的header信息。kratos官方文档中关于如何获取header数据的例子隐藏得较深，对新手来说不太好找。文本提供一个获取前端请求的header信息的例子。

2. [go开发] go 生成 slug

https://juejin.cn/post/7372484169580412968

slug 在不同的场景有不同的意义，在 URL 中表示一种用于描述资源的短简洁易于理解的资源描述符，在数据库系统中还可以用于描述资源的唯一标识符，总的来说 slug 可以用来标识和描述资源的文本标识符，有很好的可读性和唯一性。

本文将介绍 golang 中如何根据字符串生成相应的 slug 文本。

3. [go开发] 如何解决 gRPC 中的 "received message larger than max"

https://juejin.cn/post/7372765277459152906

在gRPC进行服务间通信时,发送了一个较大的消息,出现 "grpc: received message larger than max" 的错误。

原因是，gRPC 客户端和服务端都有一个默认的最大消息大小限制，默认为4MB, gRPC在发送或接收的消息大小超过最大限制时，就会抛出这个错误,导致通信失败。

解决方法为修改消息大小限制。

4. [go开发] 如何用Golang实现自定义规则引擎

https://juejin.cn/post/7372818506533404681

规则引擎的功能可以简化为当满足一些条件时触发一些操作，通常使用 DSL 自定义语法来表述。规则引擎需要先解析 DSL 语法形成语法树，然后遍历语法树得到完整的语法表达式，最后执行这些语法表达式完成规则的执行。

本文以哔哩哔哩开源的gengine 来探讨如何设计和实现一个自定义规则引擎。

5. [QA] 游戏测试需要注意到哪些方面（4）

https://juejin.cn/post/7372488623944597513

本文介绍游戏测试中遇到偶现bug的处理方法。

6. [QA] 测试前的三个基本问题

https://juejin.cn/post/7372765277459038218

有效的软件测试依赖于对代码更改背景的理解。为了详细了解这一背景，QA需要在合适的时间向合适的人提出正确的问题。没有这些背景信息，可能无法设计有效的测试场景。

提问不仅对于深入了解至关重要，而且对于确保交付的软件满足每个利益相关者的期望也非常重要。

本文介绍测试前QA需要了解的三个基本问题：

• 发生了什么变化？
• 为什么改变？
• 影响在哪里？

7. [产品设计] BRD商业需求文档

https://juejin.cn/post/7370170468781916175

本文介绍商业需求文档(BRD)的相关概念。

8. [产品设计] 设计中容易遇到的极端情况

https://juejin.cn/post/7372494745576783907

当我们在进行产品设计的时候，设计师会优先考虑理想状况下的各种场景，而理想的用户流程是没有任何问题和障碍的。但是现实开发很少按照我们期望的方式还原我们的产品。超出预期之外的情况，就是我们通常所说的「边缘情况」，或者说「极端情况」。

本文介绍在产品设计中如何正确处理极端情况。

9. [Web开发] 前端如何判断上传图片尺寸（宽度和高度）

https://juejin.cn/post/7372371878059606035

本文介绍在上传图片时，前端如何判断图片的宽高是否符合需求。

10. [Web开发] Vue命令式组件的编写与应用

https://juejin.cn/post/7372469848343511074

本文介绍Vue.js框架中，命令式组件的编写方法与应用场景。

11. [Web开发] 格式化json文件

https://juejin.cn/post/7372503361361625138

在日常开发中，经常会跟json文件打交道。一般如果保存一个json文件，不做处理的话，内容会被直接以紧凑的格式保存在文件里。如果要查看对应的内容会比较不方便，需要再格式化处理下。本文就列举一些，在node环境下json文件如何快速格式化处理的方案。

12. [Web开发] 理解 React Effects Hooks 及其优化方案

https://yukioo.xyz/blog/cc28263db76a46998d7d515fcd26930b

在阅读 React 官方文档的过程中发现，官方在学习一栏中花费了大量的篇幅描述该如何使用 Effects，但是又呼吁开发者在非必要的情况下减少对 Effects 的使用。

本文详细探讨 React Effects 以及相关 Hooks。

13. [Web开发] 高性能图片懒加载

https://juejin.cn/post/7372577541112496140

图片懒加载（Lazy Loading）是一种网页优化技术，当图片需要显示时才加载，避免了不必要的流量消耗和服务器带宽浪费。

本文介绍图片懒加载的基本原理和实现方法。

14. [Redis] redis系列——keys真的屡试不爽吗？

https://juejin.cn/post/7372734627163324426

本文介绍Redis Keys的基本原理和局限性，并提出，对于不确定key数量的查询，最好使用scan替换，避免出现因为keys指令导致redis卡顿的问题。

15. [Android开发] Android — 实现同意条款功能

https://juejin.cn/post/7372577541112872972

在开发App时，让用户知晓并同意隐私政策、服务协议等条款是必不可少的功能，恰逢Facebook最近对隐私政策的审核愈发严格，本文介绍如何通过TextView和ClickableSpan简单快速的实现同意条款功能。

以上。

大家好，以下是微游互娱技术部本周的分享：

1. [Androi的开发] Android Studio开发环境兼容性梳理（AGP、KGP、Gradle）

https://juejin.cn/post/7362924623825403919

Android Studio是目前Android开发最常用的集成开发环境（IDE），它使用Gradle进行项目构建，并且可以集成专门针对Android应用构建的Android Gradle Plugin(AGP)。另外如果项目中需要使用Kotlin，还可以集成Kotlin Gradle Plugin(KGP)。在开发过程中，如果AGP、KGP、Gradle不兼容，可能会导致编译失败。

本文介绍AGP、KGP与Gradle的兼容性。

2. [QA] 游戏测试需要注意到哪些方面（3）

https://juejin.cn/post/7362029084879486976

游戏本身其实是一个虚拟世界，是人类社会的另一种方式的体现，所以也包含了人类社会的一部分特性，特别是经济的体现。同时它又是游戏，所以还涉及到娱乐性。可玩性等独有特性，所以游戏测试的时候，我们还得注意游戏的平衡性给玩家的体验是否良好。本文针对游戏的体感测试进行了介绍。

3. [QA] 接口测试测什么？

https://juejin.cn/post/7369799708636348470

本文介绍软件测试中，接口测试的内容：接口测试是指对系统接口进行测试的一种质量保障手段，主要是验证接口的功能、性能、安全性等方面是否符合预期。

3. [开源项目] metabase 介绍及简单使用

https://juejin.cn/post/7369784341466333224

本文介绍一个数据可视化工具 Metabase 的概念和使用方法。它是一个简单易用的开源项目，旨在为公司中的每个人提供商业智能和分析的最简单、最快捷的方法。

5. [系统设计] 缓存杂谈——应用缓存设计

https://juejin.cn/post/7369903163803533327

本文介绍系统设计中必不可少的一部分：缓存。

在高并发的业务场景下，系统的设计重心有很大一部分落在性能上。性能的考虑因素简单来说，就是空间和时间：空间指系统的存储成本（字节数），包括持久化存储（数据库）、缓存（Cache）等，时间是指系统的吞吐能力（TPS、QPS、seconds/request等）。

所有的性能方案归根结底都是二者之间的博弈和权衡，最常见的就是牺牲空间换时间，通过增加缓存（Cache）的方式来提高吞吐能力。

6. [系统设计] 密码传输加密：MD5加盐

https://juejin.cn/post/7369784306397708328

本文介绍密码传输中对MD5加盐的概念和基本原理。

7. [js开发] 包管理工具 npm/yarn/pnpm对比，你选对了码

https://juejin.cn/post/7370008254719803431

在前端开发领域，包管理工具是开发者不可或缺的利器。它们不仅帮助我们管理依赖，还能提升项目的构建效率。目前，最常用的三大前端包管理工具分别是 npm、Yarn 和 pnpm。

本文深入探讨这三种工具的优缺点，帮助你在项目中做出最合适的选择。

8. [项目管理] 使用 Turborepo 管理的 Monorepo 项目跨项目时如何共享代码

https://juejin.cn/post/7369903163804385295

如果在同一个 Monorepo 项目中使用的，那么内部库就足够了，但是如果遇到多个项目同时需要使用公共的代码，那么就会需要考虑外部库（External Packages），相较于内部库而言，外部库会经过打包、发布版本、推送到一个集中的 npm 仓库提供给不同的项目使用，在跨项目使用的场景下使用，比如团队内基础组件库。

本文介绍使用 Turborepo 管理的 Monorepo 项目跨项目时如何共享代码，主要介绍外部库的打包和发布版本方式。

9. [Go开发] Go Libs ：html/template (构建动态 HTML 页面）

https://juejin.cn/post/7369903163803910159

本文介绍 Go 语言内置的一个强大的模板引擎 html/template，它可以帮助我们轻松地构建动态 HTML 页面。它实现数据驱动模板，用于生成安全的 HTML 输出，防止代码注入。它提供与text/template相同的界面，并且只要输出是 HTML， 就应该使用它来代替 text/template 。

10. [Go开发] golang在struct间复制数据并忽略字段大小写与类型差异

https://juejin.cn/post/7369876349489397799

在golang开发中，表现层、业务层、数据层往往定义了各自的struct，经常需要在这些struct间复制数据，复制数据时可能需要忽略字段大小写差异、以及字段类型差异等。

本文给出用copier框架实现数据复制的示例。

11. [Web开发] id选择器出现特殊字符

https://juejin.cn/post/7369903170536390671

有些第三方 sdk 会使用特殊字符串作为选择器，导致获取该元素失败。本文针对这种情况列举相应的处理方案。

12. [Python开发] Python打包成exe的方法介绍

https://juejin.cn/post/7369876349488775207

python的开发效率非常的高，但是当我们用python写一些小工具需要给用户使用的时候，用户大多数是没有安装python的。

本文介绍两种python的打包方案，使用pyinstaller和nuitka打包成exe（或其他操作系统的可执行程序）后便可以直接分发给用户，无需用户安装python。

以上。

大家好，以下是微游互娱技术部本周的分享：

本文由AI Kimi协助整理和编写。

1. [Android开发] Android 本地化适配 — 通过Excel、Room处理并缓存接口数据

• https://juejin.cn/post/7359416094564040755
• 关键字：Android, 本地化, Excel, Room
• 概述：文章介绍了在Android应用中进行多语言适配的方法，特别是当后端未处理多语言时，如何通过Excel和Room数据库来缓存和处理接口数据。

2. [Go 开发] go 生成Google analytics 衡量ID

• https://juejin.cn/post/7359567256592302115
• 关键字：Go, Google Analytics, API
• 概述：介绍了如何使用Go语言调用Google Analytics Admin API来生成衡量ID，包括API的启用、服务账号的配置和服务账号权限的添加。

3. [Go 开发] Protobuf 如何转换为 OpenAPI V3/Swagger

• https://juejin.cn/post/7359579218949881883
• 关键字：Protobuf, OpenAPI, Swagger
• 概述：介绍了如何将Protocol Buffers（Protobuf）转换为OpenAPI v3规范，包括使用Google开源工具gnostic来实现转换。

4. [Go 开发] 一个看似不重要，却常常让人很纠结的问题

• https://juejin.cn/post/7359893253170872356
• 关键字：Go语言, 多返回值, defer, 命名返回值
• 概述：文章讨论了Go语言中多返回值的两种风格：命名和匿名，并探讨了使用defer对返回值进行处理时的差异，以及不同风格对代码可读性的影响。

5. [游戏测试] 游戏测试需要注意到哪些方面（2）

• https://juejin.cn/post/7359821247676284963
• 关键字：游戏测试, 兼容性测试
• 概述：讨论了游戏测试中的兼容性测试，包括平台兼容性、浏览器兼容性、分辨率和屏幕适配等多个重要方面和测试点。

6. [运维] 使用OpenVPN打通异地网络（支持Linux/Windows）

• https://juejin.cn/post/7359579218950504475
• 关键字：OpenVPN, 网络, Linux, Windows
• 概述：文章介绍了如何部署OpenVPN服务器以及如何在Linux和Windows系统上配置OpenVPN，实现异地网络的连接。

7. [产品设计] 关于福格模型的思考

• https://juejin.cn/post/7359833391191998505
• 关键字：福格模型, 产品设计, 用户行为
• 概述：探讨了福格模型在产品设计中的应用，分析了用户行为背后的动机、能力和触发点，以及如何利用这一模型提高产品转化率。

8. [Web开发] 数据的流式获取

• https://juejin.cn/post/7359821944147623976
• 关键字：流式获取, 数据处理, Fetch API
• 概述：介绍了如何在JavaScript中使用流式获取来逐步接收和解析大量数据，提高了用户体验和页面响应速度。

9. [Web 开发] 用defineModel实现vue子组件间传递数据

• https://juejin.cn/post/7359764922727497779
• 关键字：Vue, defineModel, 子组件, 数据传递
• 概述：展示了如何在Vue 3.4及以上版本中使用defineModel来简化子组件间的数据传递，相比传统方法，代码更简洁。

10. [安全] CSRF漏洞

• https://juejin.cn/post/7359821944147771432
• 关键字：CSRF, 安全, 跨站请求伪造
• 概述：解释了跨站请求伪造（CSRF）的原理和特点，并提供了多种预防CSRF攻击的方法，包括验证HTTP Referer和使用Token令牌。

11. [Cocos Creator 游戏开发] 激光射线的实现

• https://juejin.cn/post/7359833391192309801
• 关键字：激光射线, 游戏开发, 向量计算
• 概述：文章详细介绍了在游戏中实现激光射线效果的方法，包括计算方向向量、向量归一化、计算角度和动态更新激光长度和角度。

12. [编程思想] 深入理解并发控制：掌握锁的精髓

• https://juejin.cn/post/7359796750989328436
• 关键字：并发控制, 锁, 互斥锁, 读写锁
• 概述：深入探讨了并发编程中锁的不同类型、公平锁与非公平锁的对比、乐观锁与悲观锁的选择以及信号量与锁的区别，帮助读者更好地理解和应用并发控制机制。

以上。

彩蛋：

• 《Kimi有记忆吗? 如何在之前的基础上，继续调教Kimi辅助编写技术分享》

大家好，以下是微游互娱技术部本周的分享：

本文由AI Kimi协助整理和编写。

1.  [Android开发] Android Media3（六）— 缓存相关操作

• https://juejin.cn/post/7356618290468978742
• 关键字：Android, 缓存操作, Media3
• 本文详细介绍了如何通过Media3库管理视频缓存，包括如何删除特定视频的缓存以及如何获取和合并已缓存的视频文件，为Android应用提供更高效的视频处理方案。

2. [安全] 安全漏洞--SQL注入

• https://juejin.cn/post/7356757888088768512
• 关键字：SQL, 注入, 安全
• 探讨了SQL注入的基本概念、攻击方式和防御策略。通过分析SQL注入的原理和常见攻击类型，文章提供了一系列的防范措施，帮助开发者提高数据库安全性。

3. [Web开发] CSS动画：为网页注入活力

• https://juejin.cn/post/7356860329697280063
• 关键字：CSS, 动画, 用户体验
• 介绍了CSS动画的基础知识和关键技术，通过实例演示了如何创建平滑且吸引人的动画效果，增强网页的视觉吸引力和用户交互体验。

4. [系统设计] 安全鉴权双token无感刷新

• https://juejin.cn/post/7356892796613476364
• 关键字：鉴权, Token, 用户体验
• 分析了双Token鉴权机制中可能遇到的用户体验问题，特别是在Token过期后的处理方式。文章提出了一种无感刷新的解决方案，以确保用户在持续操作时的流畅体验。

5. [QA] 游戏测试与普通软件测试

• https://juejin.cn/post/7356852535319380018
• 关键字：游戏测试, 软件测试, 体验感
• 讨论了游戏测试与传统软件测试的区别，强调了游戏测试中的可玩性和平衡性测试的重要性。文章还介绍了常用的游戏测试手段，帮助开发者提高游戏质量。

6. [Go开发] Go Libs ：bcrypt (安全密码加密)

• https://juejin.cn/post/7357016488697511946
• 关键字：Go语言, bcrypt, 密码加密
• 详细介绍了在Go语言中如何使用bcrypt库来实现密码的安全存储和验证。通过生成随机盐值和哈希值，提高了密码的安全性，防止了常见的密码破解攻击。

7. [Docker] docker init 命令

• https://juejin.cn/post/7356878329003507712
• 关键字：Docker, 初始化, 配置
• 文章通过实例展示了如何使用docker init命令快速初始化Docker环境，为项目配置必要的Docker支持，简化了容器化部署的流程。

8. [产品设计] 设计中的微文案

• https://juejin.cn/post/7356889912128356352
• 关键字：设计, 微文案, UI
• 强调了微文案在提升用户界面体验中的作用，提供了如何撰写有效微文案的技巧和建议。文章还讨论了微文案对于减少用户错误和提升产品亲和力的重要性。

9. [Monorepo] 使用 Turborepo 管理的 Monorepo 项目中如何共享代码

• https://juejin.cn/post/7357006184475770916
• 关键字：Turborepo, Monorepo, 代码共享
• 详细介绍了在Turborepo管理的Monorepo项目中如何有效地共享代码。文章提供了内部库和外部库的创建、配置和使用方式，帮助开发者提高代码复用性和项目管理效率。

10. [Web开发] 浏览器音视频自动播放

• https://juejin.cn/post/7356910138945519650
• 关键字：Web开发, 自动播放, 音视频
• 探讨了浏览器自动播放策略的实现和限制，提供了多种解决方案和实践建议，以实现网页中音视频内容的自动播放，改善用户体验。

11. [Web开发] vue-router如何实现修改url但不加载HTML

• https://juejin.cn/post/7356915703156457499
• 关键字：Vue, vue-router, URL, HTML
• 文章深入解析了vue-router组件的工作原理，展示了如何在Vue.js应用中修改URL而无需重新加载HTML页面。这种方法提高了页面导航的性能和用户体验。

12. [运维] 部署OpenVPN并使用多用户管理

• https://juejin.cn/post/7357151301220319269
• 关键字：OpenVPN, 多用户管理, 网络安全
• 本文介绍了如何使用一个流行的OpenVPN部署脚本来快速搭建VPN服务器，并集成了证书签发、撤销以及卸载功能。文章还详细说明了如何进行多用户管理，通过创建密码文件和服务端配置，实现了用户登录脚本的定制化，提高了VPN服务的安全性和易用性。

13. [Go开发] 用Go实现Ping操作

• https://juejin.cn/post/7357142305423933494
• 关键字：Go, Ping, 网络, ICMP
• 本文通过逐步讲解如何使用Go语言实现Ping操作，包括构建ICMP报文、发送和接收数据包以及计算往返时间。文章提供了一个简易版的Ping工具的实现方法，有助于网络故障排查和性能监测。

以上。

彩蛋：

• 《仅三步，使用AI kimi辅助编写每周技术分享》（掘金链接：https://juejin.cn/post/7356889912128634880）

大家好，以下是微游互娱技术部本周的分享。
本周的分享总结由kimi帮助编写

https://kimi.moonshot.cn/

1. [产品设计] UI设计中的像素知识

https://juejin.cn/post/7351682240747634725

摘要: 文章详细介绍了物理像素与逻辑像素的区别，解释了屏幕密度单位PPI的概念，并探讨了在UI设计中常用的像素单位（px、pt、dp、sp）。通过实例说明了如何在设计和开发中应用这些单位，以确保在不同设备上获得一致的视觉效果。

2. [Go开发] Go邮件发送实践

https://juejin.cn/post/7351685099006296115

摘要: 本文深入讲解了SMTP协议的基础知识，并展示了如何在Go语言中使用标准库net/smtp以及第三方库gomail.v2和jordan-wright/email 来发送邮件。文章通过示例代码详细演示了邮件发送的流程，包括配置SMTP服务器信息、身份验证、设置邮件内容和发送邮件。

3. [Go开发] gRPC客户端负载均衡

https://overstarry.vip/posts/grpc_client_load_balancing/

摘要: 本文概述了如何使用 Name Resolver 和 Load Balancing Policy 实现gRPC客户端负载均衡。

4. [Go开发] GO服务优雅退出与重启

https://juejin.cn/post/7352075798068412442

摘要: 文章讨论了在Go服务中如何优雅地处理服务器关闭和重启操作。介绍了使用os/signal包来接收系统信号，并在接收到特定信号时执行清理操作和优雅关闭服务的方法。

5. [Go开发] Kratos日志文件分割

https://juejin.cn/post/7352387633765089314

摘要: 文章提供了在Kratos框架中实现日志文件自动分割的实践方法，包括使用lumberjack库来管理日志文件的大小和保存期限。文章还展示了如何配置日志同时输出到控制台和文件，以及如何验证日志分割的效果。

6. [Node开发] Node.js执行脚本方式

https://juejin.cn/post/7352387578908688436

摘要: 文章列举了在Node.js中执行脚本的几种常用方法，包括使用package.json的scripts字段和child_process模块的exec、spawn、execFile函数。详细介绍了每种方法的特点和适用场景，以及如何使用它们来执行命令行指令和处理输出。

7. [Docker] Docker容器挂载目录调整

https://juejin.cn/post/7352079441526439947

摘要: 本文通过实际操作演示了如何为已启动的Docker容器增加挂载目录，包括查询容器ID、关闭容器、修改配置文件和重启Docker服务。文章强调了在修改配置时需要注意的细节，并提供了清晰的操作步骤。

8. [系统设计] 缓存击穿与singleflight

https://juejin.cn/post/7352387578908753972

摘要: 文章讨论了缓存击穿问题及其对数据库性能的影响，并提出了解决方案。介绍了Go语言的singleflight库，该库可以避免重复的高并发请求，提高服务的稳定性和性能。

9. [Web开发] 浏览器夜间模式适配

https://juejin.cn/post/7352075810935701513

摘要: 文章详细介绍了如何使用CSS媒体查询和CSS变量来实现浏览器的夜间模式适配。提供了代码示例和操作方法，使开发者能够根据用户的系统设置自动切换页面的明暗主题。

10. [项目管理] 使用Turborepo管理Monorepo项目

https://juejin.cn/post/7352091152583999499

摘要: 文章介绍了Turborepo工具，它是一个用于管理Monorepo项目的流行工具，具有多任务并行处理、增量构建、云缓存等功能。文章通过创建新项目、启动应用、打包项目等操作，展示了Turborepo的实际应用。

11. [Android开发] Android RTL适配笔记

https://juejin.cn/post/7352079427864805387

摘要: 本文提供了Android应用进行RTL（Right-to-Left）适配的详细指南，包括在AndroidManifest中开启RTL支持、控件适配、文本适配和自定义View适配的方法。文章还提供了示例代码和效果图，帮助开发者更好地理解和实现RTL适配。

以上。

大家好，以下是微游互娱技术部本周的分享：

1. [Android开发] Android — 实现扫码登录功能

https://juejin.cn/post/7349545661111336997

现在大部分网站都有扫码登录功能，搭配相应的App就能免去输入账号密码实现快速登录。本文简单介绍如何实现扫码登录功能。

2. [Web开发] HTML + CSS实现毛玻璃效果

https://juejin.cn/post/7348833905468719142

毛玻璃效果，也称为玻璃模糊效果或模糊透明效果，是目前非常流行的设计新趋势。它通过在背景图像上应用模糊和透明度处理来创建一种类似于磨砂玻璃的视觉效果。这种设计可以增强界面的美观性，同时帮助突出前景内容，如文本、图标和控件。

本文介绍使用CSS的backdrop-filter 实现毛玻璃效果。

3. [Web开发] Next.js 如何使用本地自定义字体

https://juejin.cn/post/7349410786815361058

本文介绍Next.js项目如何使用本地自定义字体。

4. [Go开发] gRPC请求重试

https://overstarry.vip/posts/grpc请求重试/

请求的重试是一个常见的功能，在我们日常的使用中，如果需要重试请求往往需要使用外部包进行实现，在gRPC 中内置了重试了功能，不需要我们自己实现。

本文介绍gRPC中的请求重试策略和使用方法。

5. [Go开发] Kratos: http上传、下载和预览图片

https://juejin.cn/post/7349382887572504576

在Web开发中，经常需要对图片上传、下载或预览。Kratos一套轻量级Go微服务框架，本文将介绍在Kratos中要如何实现上传和下载功能。

6. [Go开发] Go：一种很“新”的类型断言

https://juejin.cn/post/7349426928947363852

本文介绍Go语音中的一种新的类型断言方法：IsType，并对比了旧方法的性能差距。

7. [Go开发] go语言解析带注释的json

https://juejin.cn/post/7349360925185228811

标准的json格式是不带注释，但是有时候为了方便理解json中各字段的含义，需要支持带注释的json。例如在日常工作中常用的接口文档管理平台yapi在配置接口参数与接口返回、或者创建mock数据时，就支持配置带注释的json。本文给出用go语言解析带注释的json的示例。

8. [系统设计] 基于密码模式的SSO实现简介

https://juejin.cn/post/7349410786816098338

SSO（Single Sign On，单点登录）是一种身份验证和授权机制，它允许用户使用一组凭据（如用户名和密码）登录到一个IdP（Identity Provider，身份提供者），并在经过身份验证后访问多个关联的应用程序或系统，而无需再次输入凭据。

本文介绍基于密码模式的SSO实现。

9. [产品设计] 一致性设计原则

https://juejin.cn/post/7349722583158161434

本文介绍产品设计中的一致性原则：在经典交互设计原则中，「一致性」一直是重要的设计准则，在具体的执行中，内部一致性通常指应用内应当使用统一的视觉风格和交互语言，相同的功能和操作应该在体验上保持一致。而外部一致性则更强调用户应该遵循平台和系统的设计规范，保持用户在同一平台不同应用间体验的相似性。

10. [AdSense] adsense广告不出现的处理方式

https://juejin.cn/post/7349513798698467328

AdSense广告在广告展示失败的时候，需要采取一些措施来保证页面不会出现空白区域等现象。本文介绍广告不出现的处理方法。

11. [QA] Charles--弱网测试

https://juejin.cn/post/7349410786815967266

本文介绍如何使用Charles进行弱网测试。

以上。