Wayne的博客

Apr 26, 2025笔记

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

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

Mar 15, 2025笔记

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

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

Feb 22, 2025笔记

【笔记】Lovable提示词指南

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

Jan 19, 2025笔记

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

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

Jan 5, 2025笔记

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

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

Jan 5, 2025笔记

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

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

Dec 8, 2024笔记

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

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

Nov 18, 2024笔记

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

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

Sep 28, 2024笔记

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

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

Aug 31, 2024笔记

【工具】颜色色值处理库colorjs

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

Jul 28, 2024笔记

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

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

Jun 16, 2024笔记

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

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

Jun 2, 2024笔记

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

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

May 25, 2024笔记

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

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

Apr 14, 2024笔记

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

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

Mar 17, 2024笔记

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

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

Feb 25, 2024工具

【工具】Prettier常见配置

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

Feb 4, 2024笔记

【笔记】js 内置数据深拷贝 API-structuredClone

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

Jan 20, 2024笔记

MySQL也支持JavaScript了

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

Dec 4, 2023笔记

【笔记】《整洁代码的艺术》读书笔记

【介绍】国内今年（2023.06）出版的新书（原英文版2022.08），书中并没有做出过多代码编写上的优化建议，而是给予通用指导原则：缩减和简化，将精力投入到重要的工作上，省下大量的时间，卸下代码维护的重担。

Prev 123 4…13 Next