# 大佬说

> AI 科技与数字生活


## Posts

- [Paddle 申请指南：独立开发者如何接入全球支付](https://dalaobb.com/paddle-application-guide/): 本文主要介绍了，国内独立开发怎么用大陆身份证申请 Paddle 支付，实现全球收单。
- [WSL 使用 OpenCode 开发项目环境配置](https://dalaobb.com/wsl-opencode/): 本文介绍了 WSL 上如何安装 Opencode；并介绍了 WSL 如何复用 Windows 的代理， 确保在使用 Opencode 时网络通常；还介绍了 WSL 开发前端 Web 项目时，需要同一局域网移动设备访问本地 Vite 启动的 Web 服务器，该如何配置。
- [hashcat 安装](https://dalaobb.com/hashcat-install/): 本文介绍了 Windows、MacOS、Linux 如何安装 Hashcat v7.1.2。
- [John the Ripper 安装](https://dalaobb.com/john-the-ripper-install/): 本文介绍了 Windows、MacOS、Linux 如何安装 John the Ripper 最新版本。
- [Windows AI 开发环境搭建（四）：WSL Ubuntu Terminal 增强](https://dalaobb.com/windows-wsl-ubuntu-terminal-enhancement/): 本文 Windows AI 开发环境搭建第四篇，主要介绍如何增强 WSL Ubuntu 终端的体验和效率。主要依赖 Starship，fzf、zoxide、eza、batcat、fd-find 等工具，他们不仅提供了终端更丰富直观的信息，也让终端变得赏心悦目，最重要的是比老旧的命令行工具，极大的提升了速度效能。
- [Windows AI 开发环境搭建（三）：WSL Linux 安装 Node、Python](https://dalaobb.com/windows-wsl-install-node-python/): 本文是 Windows AI 开发环境搭建的第三部分，主要介绍 WSL Linux 安装 Node、Python 的最佳实践。涉及 node 相关如 nvm、pnpm；python 相关如 uv、conda、miniforge、mamba、pixi 等工具。
- [Windows AI 开发环境搭建（二）：WSL Linux 与 Github、VSCode、Docker 配置](https://dalaobb.com/windows-wsl-install-github-vscode-docker/): 上文介绍了 WSL 下载安装 Linux，本文继续讲解 WSL 如何配置 SSH 连接 Github，Windows 上的 VSCode 如何访问 WSL Linux 上的目录文件，以及 Windows Docker 如何设置以 WSL 为后台引擎，WSL Linux 又如何打通 Windows 使用 Docker 。
- [Windows AI 开发环境搭建（一）：WSL 下载安装](https://dalaobb.com/windows-wsl-install/): 本文是介绍如何在 Windows 上搭建 AI 开发环境教程的第一篇，主要介绍 WSL 是什么，WSL 下载与安装，以及处理碰到的问题。
- [谷歌浏览器网页性能分析插件](https://dalaobb.com/page-performance-chrome-extension/): 分享一款分析网页性能的 Google Chrome 插件，该插件使用 Performance API 分析网页数据资源加载情况，可以直观的查看页面关键性能指标，页面加载阶段耗时，网页内联资源域名统计，资源类型分布，资源跨域情况，资源是否配置网络压缩等，方便开发人员分析、优化网站性能。数据本地处理本地展示，不会远程收集用户的任何数据。
- [前端性能监控数据采集探讨](https://dalaobb.com/page-performance-practice/): 接上篇《前端网页性能指标分析》，我们聊了一些前端页面的性能指标和 Navigation Timing 接口的使用方式，接着聊聊前端性能监控数据该怎么采集，可以做成哪些可视化报表，面对这些报表，该如何优化提升网页性能。
- [前端网页性能指标分析](https://dalaobb.com/page-performance-metrics/): 本文主要介绍了前端网页性能各项指标，例如首包、FTP、FP、FCP、FMP 等主流的前端性能指标定义与获取。希望对网页性能分析、监控感兴趣的小伙伴有所帮助。
- [页面生命周期](https://dalaobb.com/page-lifecycle/): 本文介绍了 Web 页面生命周期状态的流转与钩子事件的作用，帮助开发人员理解现代浏览器是如何利用它们来合理回收资源、降低电量消耗和减少系统资源的占用。提供了开发人员在做数据收集和资源卸载时合理利用事件钩子的最佳实践。
- [JavaScript 事件循环](https://dalaobb.com/javascript-event-loop/): 本文用丰富的图片和代码解释了浏览器的 JavaScript 引擎是如何处理 JavaScript 事件循环的。从事件循环的底层逻辑，来阐述了各种场景下 JS 事件执行的顺序的原因。
- [浏览器是如何渲染网页的](https://dalaobb.com/chrome-browser-rendering-principles/): 本文介绍 Blink 内核的 Chrome 浏览器如何渲染网页，通过深扒底层各个线程之间的交互细节，帮助 Web 开发更好的理解浏览器渲染原理，筑牢前端性能优化所需的底层根基。
- [CSS3 3D立方体旋转相册](https://dalaobb.com/3d-rotating-cube-photo-gallery/): 本文介绍了如何用简短的 CSS3 3d transform、animation 等属性来一步步制作心仪女神的 3D 立方体旋转相册，用来表白或是恋爱纪念都是非常合适滴。
- [微信小程序实现录音，上传、播放音频功能](https://dalaobb.com/weixin-miniprogram-recorder-audio-player/): 本文主要介绍微信小程序如何实现录音，上传、播放音频功能。主要靠小程序 RecorderManager、InnerAudioContext 接口对象实现。代码已开源，数据均已本地化处理，适合新手参考学习的完整原生微信小程序的小项目。
- [HTTP 缓存（HTTP Cache）原理详解](https://dalaobb.com/http-cache/): HTTP 缓存是每个开发必须要了解的知识，也是 Web 应用性能优化的基础储备，前端工程化也与它息息相关。本文利用 node 调试 http cache 服务器，通过浏览器 Network 来一步步演示 HTTP Cache 原理。
- [CSS3 制作表白恋爱动画旋转相册教程](https://dalaobb.com/css-3d-rotating-love-album/): 本文介绍了如何用简短的 HTML、CSS 来一步步制作心仪女神的旋转相册，用来表白或是恋爱纪念都是非常合适滴。文章会涉及一些技术细节，没有耐心可以跳到文末获取完整代码。

## Optional

- [Agent (MCP protocol)](websites-agents.hostinger.com/dalaobb.com/mcp)

[comment]: # (Generated by Hostinger Tools Plugin)