全部分类
按分类和主题浏览文章
Next.js + Cloudflare 部署：生产环境使用 D1、本地开发使用 SQLite 的数据库方案
在使用 Next.js 和 Cloudflare Pages 部署项目时，如何实现生产环境使用 Cloudflare D1 数据库，而本地开发环境使用 SQLite 的方案。本文详细记录了如何解决 runtime 兼容性问题，以及具体的实现细节和代码示例。
我开发了一个音乐专辑封面查询工具 - CoverCay
基于Apple Music API的音乐专辑封面查询工具，支持多国家地区和多种尺寸，一键下载和复制，让音乐资源管理更便捷
Google AdSense 因低质量内容被拒？重构比扩充内容更有效
我的网站 [w3cay.com](/zh/posts/w3cay一个打工人必备的摸鱼网站/) 是一个分享有趣网站的网站。一开始建站时，我想通过列表的形式一个一个地分享有趣的网站。为了快速充实网站内容，我采用了爬虫的方式从其他网站收集并筛选内容进行填充。 说实话，在我看来效果还挺好的。谷歌和...
网站统计工具的选择与实践：从百度统计到 Umami 的探索
大家好，我是 Cayden，一名程序员。作为一个网站开发者和运营者，网站数据统计和分析是日常工作中不可或缺的一部分。今天我想和大家分享一下我在网站统计工具选择上的探索历程，以及最终找到的最佳实践方案。 ## 为什么网站统计很重要 在谈具体工具之前，先聊聊为什么网站统计如此重要。对于网站运营者来...
为什么2025年了我还在做网站：独立开发技术路径选择
我是 Cayden，一名独立开发者。 从 2018 年开始，我就一直在探索独立开发的道路，做过微信小程序、iOS App，也做过网站。 只是因为不是全职投入，这些项目大多都只是“做出来了”，却没能真正跑起来。 2025 年初，我收到域名服务商的续费提醒邮件，这时我才注意到——我的...
程序员如何构建自己的被动收入
大家好，我是 Cayden，一名程序员。今天我们来聊聊如何构建被动收入这个话题。 在网上经常听到有人说想实现财富自由，认为需要拥有几百万甚至上亿的资产。我理解这种想法，但我认为这是对财富自由的一种误解。即使你真的拥有了那么多钱，但人的一生很长，你真的能保证财富自由到老吗？ 人的欲望是无限的。当...
Vibe Coding 一个二维码生成工具
大家好，我是 Cayden，今天给大家分享一个我刚上线的二维码生成工具：[QrCay](https://qrcay.com)，市面上二维码工具其实已经很多了，我使用下来发现，虽然生成二维码的功能大家都做的很好，但是我每次生成完二维码，等我下次重新进来，发现我上次生成的二维码已经不见了，我需要...
W3Cay：一个打工人必备的摸鱼网站
大家好，我是 Cayden，今年我又开始重拾独立开发了，继续走自己独立开发之路，之前也开发过[时光里程表小程序](/post/1be3071d.html)，小程序每天大概有100-300左右的访问用户，虽然用户少，但是用户粘性还是挺大的，这么多年一直在运行着，也没怎么维护过了，还是有流量 今年...
《黑客与画家》文摘
解开这个谜的关键是把问题换一种提法。为什么聪明的小孩没有让自己变得受欢迎？如果他们真的很聪明，为什么找不到受欢迎的诀窍呢？他们在标准化测试中表现得这么好，为什么就不能在这方面也大获成功呢？ 虽然“书呆子”饱尝不受欢迎之苦，但是为了解除痛苦而让他们放弃“聪明”，我想大多数人是不会愿意的。对他们来...
RSS订阅使用心得分享
 > RSS（英文全称：RDF Site Summary 或Really Simple Syndication），中文译作简易资讯聚合，也称聚合内容，是一种讯息来源格式规范，...
2021年回顾与思考
 ### 总体回顾 2021 这一年过的也是很快，一整年都在疫情的笼罩下，总感觉心里不畅快。 今年算是过的比较“浑浑噩噩”的一年，没有什么目标...
《见识》文摘
1. “命”主要取决于两个因素：环境因素和我们自己对未来走向划定的方向 2. 幸福感：需求（欲望）得到满足时所产生的愉悦感 - 本源：**基因的传承**和**影响力** - 需求 - 精神层面：成就感、情感、安全感、舒适感、娱乐 - 生理层面：性、吃、睡 3. 人...
成为一名优秀的前端工程师
## 背景 今年的年终总结提前了些，趁着自己刚换了个公司，索性把这一年多对前端开发的思考总结分享一下 首先，我自己开始学前端是在大学时候就已经确定了，也是感觉做前端比较好玩有成就感，随即入坑，趁着移动互联网大众创新的大环境，从实习毕业到转正，后来换了两次工作，一路上还算比较的顺利，找工作也...
和团队谈个人成长-克军 [转载]
  ![]...
2018我的个人书单
自从2018年过年买了 kindle ，真的是让我多读了不少书，当然也促进了我的睡眠，甚至后悔没有早点入手。2018已经过去几天了，整理一下去年读的一些书，做一个回顾和归档。 ## 《精进：如何成为一个很厉害的人》 这本书是关于时间、行动、思维等自我提升主题的探索。 我的主要摘录： >...
Set集合与Map集合比较
JavaScript 中 Set 和 Map 集合的详细比较和使用场景分析
Web加载速度优化清单
网页加载速度优化技巧和最佳实践，提升用户体验
React可配置中国城市列表选择组件
基于 React 的可配置化城市列表选择组件，支持中国城市数据
React事件回调函数bind(this)解析
在使用 React 的过程中（ES6 Class 语法下），我一直很疑惑一件事情，那就是事件的绑定，比如 onClick、onChange 的事件处理函数必须这样写 ``` html <button onClick={this.handleClick.bind(this)}>点击</butto...
常用HTTP状态码趣(曲)解
HTTP 状态码算是很基础的知识，但是想要记住却不是那么容易的事情，根据我自己的学习和对HTTP状态码的趣(曲)解，为大家编排一个节目 # Action！ # 第 1XX 回 ### 100 ： Continue（继续） # 😏 ▶️ ▶️ ▶️ 😌 小客：😏 你好，小服，我。。。...
React禁止页面滚动踩坑实践与方案梳理
最近在使用 React 技术栈重构一个单页应用，其中有个页面是实现城市选择功能，主要是根据城市的首字母来快速跳转到相应位置，比较类似原生 APP 中的电话联系人查找功能，页面如图 ![功能界面](./images/2250902-8418da4d28a9107e.png?...
APP技术选型之微信小程序
作为一枚开发人员，选择开发一款产品之前，我们肯定会进行一个技术上的选型，什么模式的开发更适合，能够更高效，或者更适合这个产品的特性？ ## 技术选型 首先，目前开发一个产品主流上大致有5种开发模式，包括 Native APP 原生应用、WebAPP 网页应用、Hybrid App 混合式开发、Re...
Web渲染及性能优化
作为一名 web 开发工程师，开发一个网页很简单，但是想开发出一个性能强加载速度快的网页却不是那么简单，涉及到的方面很多，比如服务端的响应，客户端加载、渲染，开发者代码的组织等等，很多因素都可能使你的页面性能不佳，今天根据我最近的学习，着重总结一下客户端渲染相关的优化建议和相关原理。 ###...
我的2017年前端技术总结与规划
春节过完，现在调整心态，可以开始新一年的计划和工作了。坐下沉思了半天，感叹2017年过的真的很快，并且很难想2017年做了什么技术上的突破性的东西。 这一年总结起来可以说大部分时间都放在了公司的业务上，而且是很繁忙的业务。作为程序猿我不反感做业务，但是如果是机械性的业务，做多了，我就会心慌，总...
Async/Await的优势与缺憾
这可能会存在一些争议，据我所知 async/await 这个特性受到很多开发者的青睐。对于不熟悉的同学，简单讲，其实它就是一种让开发者处理 Promise 更漂亮点儿的原生语法。 async/await 写法： ``` javascript async function doSomethingC...
' JavaScript 静态类型检查方案'
TypeScipt 中的类型检查是 Javascipt 所缺少的，当考虑到项目的可靠性时，这个特性是必不可少的，目前的可实行方案有 TypeScipt 和 Flow 可供选择，下面和 ES6 做下比较和分析 ## 方案比较 | 方案 | 简介 | 生态支持...
个人技术知识管理方案
分享个人技术知识管理的方法和工具，帮助程序员更好地学习和成长
Web前端测试和监控的探索和实践
## 引言 每天早上到公司后，我都会先翻阅RSS上订阅的技术文章，前几天在看文章的时候突然注意到这样一句话 > 程序开发三板斧：功能、测试和监控。 看到这里我停了一下，仔细琢磨，发现这句话总结的非常到位和精辟。作为程序员，可能大部分人关注的只是功能需求的开发，但并不关心程序的测试和监控方面的问...
基于Express+Vue+Webpack的聊天室项目搭建
最近突然想做一个聊天室项目，根据自己学习情况和项目特点，最终决定选择使用 Express、Vue 和 Webpack 来进行项目的搭建。顺便吐槽一下，现在想徒手搭一个前端项目真的比后端环境都难配置，下面记录我的搭建过程和踩坑之路。 首先贴上项目地址 https://github.com/w3c...
this的指向问题
引言：javascript的this关键字是个非常让人头疼的部分，this的指向真是让人“出乎意料”。看了《javascript高级程序设计》中的关于this对象的描述，差不多有了一个清晰的认识，为了防止忘记和分享所以做此总结。 ## this在不同情况下的指向 ###全局环境中的this `...