Wayne的博客

2025年4月26日笔记

【笔记】Web 黑夜模式通用适配方案

本文主要介绍网页通用的黑夜模式适配方法，涵盖判断黑夜模式的 CSS 媒体查询 prefers-color-scheme 和 matchMedia 技术，以及多种适配方案。另外还有利用 CSS 媒体查询与 filter 滤镜的快速处理法，并深入探讨各方案的适用场景、优缺点及兼容性。同时，强调黑夜模式色值设计需遵循 WCAG 标准，保障对比度符合无障碍要求。

2025年3月15日笔记

【笔记】第19届阿里D2终端技术大会纪要

【介绍】第19届阿里D2终端技术大会，由阿里巴巴终端技术委员会创办，面向全球终端开发领域（前端 & 客户端）技术人。本次主题为“AI”，本人以此文记录会议内容以及一些消化后的经验结论。

2025年2月22日笔记

【笔记】Lovable提示词指南

【介绍】Lovable是一款流行的AI编码平台，能够通过自然语言生成网页应用。官方博文详细介绍了如何通过精心设计的提示词来优化AI生成的结果，提高开发效率，减少错误，并实现更高效的自动化工作流程。

2025年1月19日笔记

【调研】AI 编程工具 Windsurf 使用技巧——WindsurfRules 配置

【介绍】WindsurfRules 是一种规则文件，允许开发者定义全局规则（global_rules.md）和工作区规则（.windsurfrules），以指导Windsurf中 AI 在代码生成中的行为。大致介绍规则文件的设置、使用场景并提供了 React 项目的配置示例。

2025年1月5日笔记

【AI】【笔记】MCP 协议：连接 AI 模型与外部世界的桥梁

【介绍】MCP 协议由 Anthropic 公司于 2024 年 11 月推出，旨在通过统一的客户端-服务器架构，解决大型语言模型（LLM）与外部数据源和工具之间的通信难题。MCP 协议的核心能力包括数据集成、工具集成、模板化交互和上下文维护等。

2025年1月5日笔记

AI 前端编程工具的一个得力助手——CopyCoder

【介绍】CopyCoder 通过上传截图或 UI 设计图，生成详细的编码 prompt 提示词，供 Cursor、Bolt 这些 AI 代码生成工具使用。它目前还存在只能单张图像上传和技术栈限制等小问题，个人认为后续会丰富功能并解决这些问题，但也有被其他工具吸收或替代的可能。

2025年1月5日笔记

【AI】【笔记】MCP 协议：连接 AI 模型与外部世界的桥梁

【介绍】MCP 协议由 Anthropic 公司于 2024 年 11 月推出，旨在通过统一的客户端-服务器架构，解决大型语言模型（LLM）与外部数据源和工具之间的通信难题。MCP 协议的核心能力包括数据集成、工具集成、模板化交互、安全性、开发者支持、预构建服务器和上下文维护。

2024年12月8日笔记

【笔记】React 组件性能分析工具——ReactScan

React Scan 是开源的、用于分析 React 性能的工具。它通过自动检测和突出显示导致性能问题的渲染来帮助开发者识别问题，并且易于集成。本文主要介绍 React Scan 的安装方法、API 使用情况，后续有待补充具体代码实现原理。

2024年11月18日笔记

【笔记】“xx packages are looking for funding”——npm fund 命令及运行机制

【介绍】日常执行 npm install 安装依赖时出现的“xx Packages Are Looking for Funding”信息源自 npm fund 命令，旨在帮助开发者识别其项目依赖中可以资助的开源包。本文将介绍这个命令的来源、运行机制、如何取消运行以及实现源码等相关信息。

2024年9月28日笔记

【调研】通过 Create.xyz 的 AIGC 能力生产前端页面

【介绍】Create.xyz 是一款 AI 创意工具，能将自然语言描述转换成代码，快速生成网站和应用。它支持图片转代码、数据库操作和简单事件交互。尽管目前组件复用性有限，但平台正通过技术优化提升其功能，未来有望成为前端开发的有力辅助。

2024年8月31日笔记

【工具】颜色色值处理库 Color.js

【介绍】color.js 的构造函数和获取器为开发者提供了强大的工具，用于创建和操作颜色对象。通过这些方法，你可以轻松地在不同的颜色空间之间转换，获取颜色的各种属性值，并进行颜色的调整和操作。

2024年7月28日笔记

【笔记】《编程原则：来自代码大师 Max Kanat-Alexander 的建议》读书笔记

【介绍】本书从编程、软件设计、软件工程、测试等多个视角介绍了作者的一些经验。在编程和软件设计方面，提倡的重点为：减少维护成本比减少实现成本更为重要。

2024年6月16日笔记

记录 HTML 中与性能/渲染有关的几个新属性

记录最近了解到的几个在 HTML 中与资源加载/渲染性能有关的（新）属性：渲染阻塞属性 `blocking`，加载时机控制属性 `loading`，语言翻译相关属性 `hreflang` 及 `translate`。

2024年6月2日笔记

【笔记】Effective Python《编写高质量 Python 代码的 90 个有效方法》——第 75 ～ 90 条读书笔记

【介绍】本篇将记录 Effective Python《编写高质量 Python 代码的 90 个有效方法》第 75 ～ 90 条（测试与调试、协作开发）读书笔记，本篇个人记录的主要知识点为 TestCase 类、mock 函数等。

2024年5月25日笔记

【笔记】Effective Python《编写高质量 Python 代码的 90 个有效方法》——第 52 ～ 74 条读书笔记

【介绍】本篇将记录 Effective Python《编写高质量 Python 代码的 90 个有效方法》第 52 ～ 74 条（并发与并行、稳定与性能）读书笔记，本篇个人记录的主要知识点为线程、协程类及模块。

2024年4月14日笔记

【笔记】Effective Python《编写高质量 Python 代码的 90 个有效方法》——第 31 ～ 51 条读书笔记

【介绍】本篇将记录 Effective Python《编写高质量 Python 代码的 90 个有效方法》第 31 ～ 51 条读书笔记，本篇个人记录的主要知识点为函数及类的操作建议。

2024年3月17日笔记

【笔记】Effective Python《编写高质量 Python 代码的 90 个有效方法》——第 1 ～ 30 条读书笔记

【介绍】本篇将记录 Effective Python《编写高质量 Python 代码的 90 个有效方法》第 1 ～ 30 条读书笔记，本篇个人记录的主要知识点为 PEP 8、插值格式字符串、海象操作符、切片等。

2024年2月25日工具

【工具】Prettier 常见配置

【介绍】Prettier 作为目前最主流的代码格式化工具，已经支持了各主流编辑器和前端框架。本文整理 Prettier 的所有配置项以及常用配置，以便后续使用查询。

2024年2月4日笔记

【笔记】JS 内置数据深拷贝 API——structuredClone

【介绍】结构化克隆（structuredClone()）是 JavaScript 中用来实现深拷贝的一个全局 API。它利用结构化克隆算法来递归复制对象，可以拷贝数组、日期、正则表达式等各种数据类型，并支持处理循环引用的对象。浏览器对该 API 的支持程度不同，低版本浏览器可能需要使用 Polyfill 实现兼容。

2024年1月20日笔记

MySQL 也支持 JavaScript 了

2023 年 12 月，Oracle 公司宣布 MySQL 将引入对 JavaScript 的支持，开发人员可以在 MySQL 数据库服务器中编写 JavaScript 存储过程。存储的程序将与 GraalVM 运行时一起运行。它在 MySQL 企业版中作为预览版提供，并且可以通过 Oracle 技术网（OTN）下载。

Prev 123 4…13 Next

Wayne的博客

【笔记】Web 黑夜模式通用适配方案

【笔记】第19届阿里D2终端技术大会纪要

【笔记】Lovable提示词指南

【调研】AI 编程工具 Windsurf 使用技巧——WindsurfRules 配置

【AI】【笔记】MCP 协议：连接 AI 模型与外部世界的桥梁

AI 前端编程工具的一个得力助手——CopyCoder

【AI】【笔记】MCP 协议：连接 AI 模型与外部世界的桥梁

【笔记】React 组件性能分析工具——ReactScan

【笔记】“xx packages are looking for funding”——npm fund 命令及运行机制

【调研】通过 Create.xyz 的 AIGC 能力生产前端页面

【工具】颜色色值处理库 Color.js

【笔记】《编程原则：来自代码大师 Max Kanat-Alexander 的建议》读书笔记

记录 HTML 中与性能/渲染有关的几个新属性

【笔记】Effective Python《编写高质量 Python 代码的 90 个有效方法》——第 75 ～ 90 条读书笔记

【笔记】Effective Python《编写高质量 Python 代码的 90 个有效方法》——第 52 ～ 74 条读书笔记

【笔记】Effective Python《编写高质量 Python 代码的 90 个有效方法》——第 31 ～ 51 条读书笔记

【笔记】Effective Python《编写高质量 Python 代码的 90 个有效方法》——第 1 ～ 30 条读书笔记

【工具】Prettier 常见配置

【笔记】JS 内置数据深拷贝 API——structuredClone

MySQL 也支持 JavaScript 了

Recent Posts

Author

Tags

Archive