Claude 封号后续：收到客服回复，退款仍然被拒绝
记录 Claude 账号被封后的退款后续：继续催问人工审核，收到署名 Skylar 的拒绝退款回复，以及转向 Codex 后对使用体验和工具选择的反思。
写下来的思考
技术、工具与实践的持续记录。
共 183 篇文章
我的 Claude 账号被封了，等了两天没解封，退款也被拒绝
记录我的 Claude 付费账号被封后的完整经过：等待两天后的申诉驳回、退款被 AI 客服拒绝，以及通过网页客服将退款请求转交人工复核。
一段需求、零素材，Claude Code 派了 33 个代理给我做了个 3D 动作游戏
上一篇折腾火柴人的时候，最大的坎是素材：Claude 没有生图模型，Blender 建模也翻了车。这次我换了个游戏来做，需求里没提素材的事，Claude 自己在架构文档里定了一条规矩：不用任何外部素材，一张图片、一个模型文件、一段音频都不要...
同一个 Blender 建模，Claude 两个模型都翻车，GPT-6 一次过
接上文，GPT-6 的额度恢复后，我就让它继续打工了。经过一系列的修改，它交出了第一版答卷。 好像有点不太对，和宣传图差距有点大。上面的状态栏、右边的按钮，跟宣传图都有一定的差别。我紧急让它修改了一下，让它完全按照宣传图的 UI 一比一复刻...
让我退掉 Claude 的不是代码能力，是一张图
上次重构完保卫萝卜之后，我受了点启发，专门去找了一批相关的视频来看。不看不知道，一看好家伙，大家的想法都差不多。尤其是 GPT-6 发布之后，很多人发现它可以用来做 Blender 建模，这就厉害了，因为 2.5D、3D 游戏一直卡在建模这...
两个小时，AI 把我 2018 年那个 Unity 版保卫萝卜搬进了浏览器
最近这几篇文章一直在讲 vibe coding，但一直没有一个实际的演示，全是文字项目，难以服众。那么我突然想到，做游戏！这是 vibe coding 最擅长的，而且游戏最关键的一点是可以纯单机，不需要服务器，这就不会有我之前文章里提到的、...
vibe coding 的我，遇到了些尴尬事
最近失业后就一直在各种捣鼓 vibe coding，首先得感叹一下，自从 computer use 这个功能越来越完善后，再配上 Chrome 端的 AI 插件，以及 Mac 上面可以使用 iPhone 镜像（iPhone Mirrorin...
vibe coding 之前，要懂哪些知识
这是本系列的第一篇文章，在最开始的时候，先说一下这一系列的文章是如何诞生的。 这些文章是怎么写出来的 文章是由人工加 AI 构成的。人工部分是我先写出文章的大概骨架，以及我要表达的思想，也就是这篇文章里有哪些内容、我想表达什么，用它作为一个...
三个月后AI已经不一样了
3 个月前，我做完小程序之后 vibe coding 就停了，公司那边也没什么活，所以很长一段时间我都没有重度用 AI 写过代码。失业之后，我又重新开始了 vibe coding。 结果发现仅仅过了 3 个月，使用体验上面就发生了很大的变化...
失业的我，陷入了迷茫
上个月月末，我离开了待了四年多的公司，裁员名单是我自己要求进去的。四年多的时间，工资只涨了 1000 块，手上的项目也看不到什么起色，我以为凭这几年的经验，能比较轻松地找到一份和预期薪资相符的工作。 结果是：22 天，接近 100 份简历，...
零代码独立开发：纯 AI 生成的微信小程序正式上线
近两周我一直在打磨一款自己独立开发的微信小程序，前几篇文章也提到过。它在微信平台上线已经一段时间了，但因为还存在一些交互上的瑕疵，我没急着单独写文章。又用了一段时间后，体验问题陆陆续续修掉了，主要功能也走顺了，正好可以完整聊聊这次开发的全过...
我感觉Vibe Coding已经到头了
这半个月以来，Claude Opus 4.7 的口碑急剧恶化。自从 OpenAI 发布 GPT-5.5 之后，舆论几乎一面倒，不管是国内还是国外社区，都是清一色地踩 Opus 4.7、捧 GPT-5.5。 Opus 4.7 的口碑滑铁卢 我...
Claude Max 5x 真的够用吗？一周烧光额度后的成本账与订阅价值复盘
一周下来：Max 5x 的额度到底够跑多少需求 随着我逐渐找到 vibe coding 的节奏，Claude 5x Max 的额度越来越不够用，几乎跑 4 到 5 个需求就会撞上限。经过我实测，每跑满一次 5 小时窗口，周用量大约会扣掉 8...
我逐渐找到了 vibe coding 的节奏：Claude 5x Max 实战 7 天笔记
升级到 Claude 5x Max 之后，最开始那几天我发现额度完全用不完。前几篇文章里我一直在提到这件事，原本我以为无论给多少 token 都能迅速花光，但事实并非如此，甚至还带来一丝挫败感。 随着时间推移，我发现真正消耗 token 的...
Claude Design 太厉害了！
早上我用 Claude Desktop 查看剩余额度时，发现 5 小时的额度并没有减少。我一度以为是 Claude Design 刚上线所以免费试用，或者虽然是独立额度但官方还没公布。 直到我触发了额度限制，才确认它的确是独立额度。在网页版...
Claude Design - 对不起 Claude 我之前说话有点大声
之前的文章里我提到过，Claude 准备为设计师发布一款新工具。昨晚 11 点左右，它正式上线了（Claude Design）。这一周已经被 Claude 的新功能连续轰炸，我个人的感受是：抛开其它一切不谈，Anthropic 真的是一家非...
Claude 订阅从 Pro 到 Max
从 Pro 升级 Max 之前我在一篇文章里提到过：以为给我"无限"的 token 我会消耗得飞快。后来发现是高估了自己——真正升级到 Max 之后，我并没能迅速把额度用光，连 Max 5x 的 5 小时额度都几乎没用完过。也只有真正拿到了...
Claude Opus 4.7 编程能力深度解析
以下信息来自于公开的 Claude Opus 4.7 Model Card。 编程是 Opus 4.7 相比前代 进步幅度最大、在行业内优势最明显的领域。系统卡花了大量篇幅从能力基准、安全行为、实际工程习惯三个维度进行了刻画。下面按这三个维...
我退订了ChatGPT
自上周 Codex 用量被削减之后，我退订了 ChatGPT，把 Claude 套餐升级到了 Max。 起因很简单：Codex 限额收紧之后，即使手里同时捏着两张 20 美元的订阅——一张 ChatGPT Plus、一张 Claude Pr...
Codex 额度大砍之后，Claude Code 和 Codex 到底怎么选？
昨天我才写完一篇 Codex 和 Claude Code 的对比文章，今天就发现自己的额度被大砍了。 发生了什么 起因是 OpenAI 在 4 月 9 日推出了全新的 100 美刀 Pro 套餐，填补了 Plus（20 美刀）和原有 Pro...
选 Codex 还是 Claude Code？2026 年 AI 编程助手深度对比
在 2026 年的 AI 编程工具赛道上，OpenAI Codex 和 Anthropic Claude Code 毫无疑问是最顶尖的两位选手。它们在 SWE-bench 上几乎打成平手——Claude Opus 4.6 拿下 80.9% ...
开发者的思路应该改变了
已经很长时间，我没有写过具体的前端开发方面的文章了。 比如说： 1. 一个新的 API 的使用 2. 一个新的框架的使用 这些文章我觉得对于前端开发者来说已经不再重要了。自从前年 Cursor 横空出世之后，到去年的 Agent 元年，现在...
表现优异的Sonnet 4.6，我完全放弃了Antigravity
春节期间 Anthropic 发布了 Sonnet 4.6，由于在休假，直到上班的时候我才开始使用。这次使用发现非常不错，它的表现非常优异。 它在很多方面都有非常优异的表现，比如在指令遵循上面。现在它对于执行指令非常严谨，几乎不会做提示词之...
VibeCoding 一周年
去年真是Agent元年，我的编码习惯在一年内发生了翻天覆地的变化。 初级程序员 我个人觉得AI编程对初级程序员是一个非常大的冲击，因为在很多场景，AI可以非常轻松地完成初级程序员的工作。 但同时对于初级程序员也是一个非常大的机会，因为依赖A...
Antigravity已死
经过一个月的高强度使用Antigravity，事情起因于1月22日周四大概16点左右，Antigravity无法选择模型，我当时就知道是Google的服务出了问题。 上网搜索了一下，发现来自世界各地都在反馈Google的服务出了问题，我也没...
关于Skills的一些思考
从MCP到Subagent再到Skills，Anthropic确实为AI编程领域创建了很多规则。 这家公司自2024年11月推出Model Context Protocol（MCP）以来，就一直在引领AI编程工具的标准化进程。MCP作为一个...
AI编辑器新贵Antigravity
最近我将主力IDE换成了Antigravity,至于原因,是因为Google给的(额度)实在是太多了。 什么是Antigravity Antigravity是Google在2025年底推出的AI驱动开发平台,它采用了"Agent优先"的设计...
AI已经帮我处理70%的工作了
随着大模型越来越智能，我已经开始将写代码的 70% 工作交给 AI 进行处理了，需要提到的一点是，这是实际工作中的 70%，前一段时间这种比例可能连 10% 都不到。我只敢用 AI 生成一些类似于验证手机号等工具函数，真实的带有业务逻辑的代...
Claude Sonnet 4.5 使用体验
2025 年 9 月 29 日,Anthropic 正式发布了 Claude Sonnet 4.5,官方宣称其为"世界上最好的编码模型"。在国庆假期前,我曾在文章中总结了当前 AI 在开发工作中的应用边界。假期结束后,我在真实的前端开发工作...
Claude Sonnet 4.5发布，我又被加强了！
在国庆前夕，Claude Sonnet 发布了 4.5 版本，这意味着对于 AI 辅助编程的程序员来说，又是一个大的增强。 近半年来，我一直在关注 AI 编程的发展，我个人的感觉就是即便是中级程序员，也可以凭借着 AI 辅助来架构一些复杂的...
Vibe Coding后的感受
无用武之地 最开始接触 AI 编程的时候，完全是拔剑四顾心茫然的状态，不知道这玩意能够干什么，也不知道怎么做。看了网上的很多评论，几乎都是从零完全靠 AI 起一个程序，或者独立开发一个很简单的程序。 而我在工作中完全不知道如何让它融入我现在...
我最后选择了Claude、ChatGPT作为我的助理
Github Copilot 官网入口 应该是最先进入 AI 辅助编程领域的插件，在 2022-2024 年这段时间我都使用的这个插件，优秀的代码补全能力，但由于迟迟没有将模型从 ChatGPT-3.5 切换到 ChatGPT-4，同时市场...
前端开发的简历应该怎么写
我发现很多人在求职前端岗位时，写的简历总是抓不住重点，投了数十份简历出去，结果只有几个外派岗位的回复。 所谓的外派岗位，通常指人力外包公司。这意味着你与这家公司签订合同，但实际工作地点在另一家公司。这类公司一般比传统的外包公司还要差，因为它...
代码已经越来越不重要了
AI 编程的普及 从我使用 AI 辅助编程这半年来，我明显的感受到身边的同事已经开始接受 AI 编程了，后端也开始使用 AI 来重构一部分功能，并且由于 AI 编程领域竞争的白热化，很多厂商都提供了非常可观的免费额度。 这些免费的额度在一定...
我选择了Astro作为周刊架构
上周末，紧锣密鼓地将周刊搬上了线，至于当时选择框架的时候我在Astro和Next.js之间纠结了很久，最终选择了Astro。 Astro是近期热门的前端框架，它非常适合用来生成以内容做驱动的网站，比如博客、文档、门户网站等。 总之就是内容多...
个人开发入门
作为一个程序员，在工作之余，难免有一些想要独自实现的开发需求，或者是想要独立开发一个应用，带来额外的收入，我们不仅需要具备基础的编程能力，还得掌握一个程序从打包到发布到生产的全流程。 由于一个人的精力非常有限，所以独立开发者大多数都无法开发...
告别虚拟DOM？Svelte、SolidJS 与 Vue Vapor Mode 的性能权衡
近年来，前端领域涌现出 Svelte 和 SolidJS 这两个备受关注的框架。它们的共同特点是在编译阶段将组件直接转换为高效的原生 DOM 操作指令，从而摒弃了传统的虚拟 DOM (Virtual DOM) 机制。 与此同时，Vue 团队...
精通 Prompt 编写：释放 AI 编程潜力的钥匙
在 AI 辅助编程领域，Prompt（提示词）扮演着至关重要的角色。它如同你与 AI 沟通的桥梁，一个精心设计的 Prompt 能让 AI 更精准地理解你的意图，从而生成更符合预期的代码或解决方案。掌握 Prompt 编写技巧，是充分发挥 ...
AI 如何融入并改变了我的编程与生活习惯
从今年接触Cursor后，这两个月里面我疯狂的学习了关于各种大模型的使用，大模型能干什么，以及怎么更好的去驱动大模型，生成我想要的内容。 1. 我常用的大模型 目前我使用最多的模型是 Cursor 内置的 Claude 和 DeepSeek...
深度了解后的UnoCSS
之前介绍过Tailwind CSS和UnoCSS，可以看这篇文章TailwindCSS vs UnoCSS：两大原子化CSS框架深度对比与最佳使用场景。 最近我在项目中集成了UnoCSS，使用了一段时间，发现了它的优势与缺点，这篇文章就来细...
服务端渲染（SSR）：现代前端框架的必备技术
1. 服务端渲染概述 近年来，服务端渲染（Server-Side Rendering，简称SSR）已成为现代前端开发的重要技术，各大前端框架都推出了各自的服务端渲染解决方案。这一技术模式正在重新定义Web应用的性能优化和用户体验标准。 1....
AI如何悄然改变我的编码习惯
自从今年年初接触 Cursor 后，AI 已经逐渐改变了我的编码习惯，也让我对 AI 辅助编码有了更深的理解。 ChatGPT 我是最早体验 ChatGPT 的一批用户，当时注册还需要国外手机号，为了注册还颇费了一番功夫。但在接触 Curs...
架构一个前端项目要考虑哪些要素
前端项目不像后端项目那样能够稳定运行数年不变，前端项目一旦有了新需求或新平台，往往需要重新进行架构设计。那么，在架构一个前端项目时，我们需要考虑哪些关键要素呢？ 1. 框架选型 在国内，框架选型至关重要。Vue和React在中国的市场占有率...
小程序的各种限制：这儿不行，那儿不行
上一篇文章小程序开发框架全解析：从分包到资源优化的实战指南中，我介绍了小程序的开发框架，本篇文章我主要说一下我开发小程序遇到的各种限制：这儿不行，那儿不行。 我开发小程序使用的是uni-app vue2版本，我们目前所研发的项目都是使用Vu...
小程序开发框架全解析：从分包到资源优化的实战指南
上一篇文章 小程序开发框架全解析：从选型到打包的实战指南 中，我介绍了小程序的开发框架，本篇文章我将继续分享一些在实际开发过程中遇到的关键问题和优化策略。 1. 小程序的分包策略 小程序采用的是按需加载机制：初次启动时只会加载主包内容，只有...
心态修炼：冥想与佛学如何改变我的人生
从暴躁到平和：一段心态转变之旅 这篇文章不聊技术，而是分享我通过心理学和佛学改变自己心态的亲身经历。 从去年8月份开始，我开始接触心理学和佛学，起因很简单但也很痛苦——我意识到自己脾气暴躁，心态极易崩溃，动辄发火，与妻子也时常陷入争吵的恶性...
掌握Cursor高级功能：.cursorrules与Notepads详解
这是Cursor系列的第三篇文章，主要深入探讨Cursor的两个强大功能：.cursorrules文件和Notepads功能。这些工具能显著提升你的AI辅助编码体验。 .cursorrules：为AI定制项目规则 .cursorrules文...
Cursor：三种对话模式的最佳使用场景与Agent模式深度解析
使用Cursor已经第二个月了，这段时间我最大的感受就是写代码越来越可以将自己的注意力集中在代码的架构上，而不是集中在功能的实现上，有非常多的好的想法可以快速实现。 上一篇文章Cursor：值得花20美元的AI编程利器，让我告别WebSto...
TailwindCSS vs UnoCSS：两大原子化CSS框架深度对比与最佳使用场景
在近些年，原子化CSS越来越流行，我以前一直用的都是TailwindCSS，最近发现了另一个原子化CSS框架UnoCSS，于是很好奇，究竟什么时候使用TailwindCSS，什么时候使用UnoCSS。 原子化CSS 我很早就知道了Tailw...
AI辅助开发新时代：Cursor让独立开发者的困境不再难解
最近经常刷到完全不懂代码的人，使用Cursor快速开发了一款应用，然后赚到了钱的帖子。但更大的一部分人，开发出了大量的记账、TODO、日记类应用。 其实在AI辅助编程还没出现的时候，很多独立开发者都选择开发这类应用，所以它们也被戏称为：独立...
Cursor：值得花20美元的AI编程利器，让我告别WebStorm的真实体验
在前两个星期，机缘巧合下，我接触到了Cursor这款AI编程工具。 我很早就开始使用GitHub Copilot，大概是在2022年，使用后就开始了很长时间的付费订阅，每个月10美元，大概订阅了近2年的时间。 自从接触到了通义灵码，因为它是...
小程序开发框架全解析：从选型到打包的实战指南
1. 前言 消失了快2年半时间，因为两年半之前新入职了一个公司，然后因为有很多事情要忙，虽然后面学习了很多新技能，但是一直都没有空闲功夫重新开始写文章，最近有了时间。 因为这两年半大部分时间都在开发小程序，从微信到抖音到百度到支付宝，遇到了...
如何用油猴提高前端开发效率
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 1. 起因 时隔一年，油猴脚本系列又来了，起因是那天洗澡的时候，突然灵光一闪，想到平时在前端开发中，有很多工作完...
TypeScript：为什么不要用any声明类型
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 不知道你是否经历过后端返回的某个值，因为你的手抖导致写错一个字母，后面测BUG的时候反复看代码都找不到问题所在，...
webpack打包后的油猴脚本优化
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 这篇文章是紧紧跟着上篇文章： 我的脚本确实编写完毕，但是我发现了一个问题，通过webpack打包后，脚本大小达到...
Nuxt.js特有的两个生命周期：asyncData、fetch
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 最近帮同事找Nuxt项目问题时，发现Nuxt提供了2个生命周期，分别是： - asyncData - fetch...
依然值得学习的jQuery
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- jQuery是一套跨浏览器的JavaScript库，用于简化HTML与JavaScript之间的操作。在现代3大...
WebStorm强大的调试前端项目功能
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 1. 前言 WebStorm系列又双叒来了！我挺喜欢挖掘写代码时的一些工具和小技巧，虽然对你写代码的能力没有实质...
自学前端在找工作之前需要了解这些
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 我是完全通过转行来到前端岗位的，因为我之前是学土木工程的，所以我身边的朋友也没有做程序员的。 跌跌撞撞进入前端行...
年度总结：我是如何搭建百万级前端项目的
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 在上一篇文章中：React真的那么好用吗？我说了React有多好用，那么这篇文章我就来说一说我是如何搭建一个百万...
React真的那么好用吗？
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 这半年来，我一直在用React开发一个百万级的前端项目，由于最开始公司并没有这种对大型项目的人员储备，该项目预计...
迷人的JSX，你可以进行各种骚操作
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 本篇文章是我在去年6月份就准备写的，但那个时候仅仅使用React做了一个多月的项目，所以对很多JSX的使用方法并...
React的CSS-in-JS方案：styled-components
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 这是我学习React后的总结文章之一，通过React的学习，我打开了一个前端新世界。本篇文章要推荐的也是我在项目...
React中创建递归组件
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 这段时间我已经完全被React吸引了，在React中，一切皆有可能，从5月底正式在项目中使用React开始，到现...
TS与React的完美融合：泛型组件
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 由于JSX的存在，React解锁了JavaScript的完全编程能力，所以它对TypeScript也有着完美的支...
复杂情况下的组件通信Hooks：useContext
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 对于一个中后台产品来说，其实Redux显得不是那么有必要，因为它操作复杂和繁琐，而且由于Hooks的发布，让Re...
我入行前端的崎岖之路
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 本篇文章是讲述我如何成为一个前端开发者的辛酸历程，希望对于现在想要转行或者还没有毕业的同学给予一点参考，首先我成...
更多的React-Hooks：ahooks到底有多好用
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 这是学习React后的总结文章之一，通过React的学习，我打开了一个前端新世界。本篇文章要推荐的也是我在项目中...
React蚂蚁生态-从入门到惊艳
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 消失了两个月，这段时间公司新接了一个项目，之前的技术栈是Vue+JavaScript而新项目换成了React+T...
WebStorm-2021.2抢先版带来了什么便利
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- WebStorm一直是我最喜欢的前端开发编辑器，它集成了目前前端开发中几乎所有需要使用到的功能，在之前我也出过好...
最近大受关注的Flutter-环境搭建
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- Flutter正式发布在17年，可以说是非常新的一个技术，但是由于Google投入了大量人力，以及双端高度一致的...
你使用的Vue插槽（slot）语法可能已经过时了
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 插槽在Vue中是一个十分常见以及经常会使用到的功能，它的存在大大提高了组件的复用性，很多时候我们都需要使用插槽来...
开箱即用的Web应用打包工具-Parcel
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 在10年前，那时前端和后端还没有分离，前端写完了界面后统统都要将页面文件交给后端，然后由后端部署在Tomcat这...
WebSocket快速实现框架：socket.io
在web端，很多时候我们需要服务器主动向浏览器发消息，比如实现一个事实聊天窗口，比如实现一个地图，然后实时显示路径拥挤程度，实现一个实时变化的数据大屏，如果使用普通的http请求，那么我们就得写一个定时器，然后定时向对应的接口发起请求，服务...
前端开发中的接口数据模拟以及快速调试接口
在当今前后端分离的情况下，几乎所有的数据都是从后端来的，而界面上所有的交互数据又要去到后端，所以我们在前端开发中有极大的一部分时间是在跟接口打交道，尤其是跟调试接口打交道，那么如何快速的进行调试接口呢？ 我研究了一番后发现有下面3个神器： ...
提升写代码效率：快速通过DOM元素打开对应的Vue文件
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 在Vue项目的编写中，你是否遇到接手别人项目后根本找不到一个界面对应的文件的尴尬？ 你是否在写一个项目后模块太多...
Vue2.x中常见的几种值传递方式
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 在面试中，Vue值传递问题一直是各大面试官最喜欢问到的问题之一，了解了各种值传递后，遇到一些比较复杂的界面，需要...
使用装饰器和class关键字编写Vue2.x组件
您好，我是沧沧凉凉，是一名前端开发者，目前在掘金、知乎以及个人博客上同步发表一些学习前端时遇到的趣事和知识，欢迎关注。 --- 相信目前在前端行业中，大部分项目依然是使用的Vue2.x来进行编写，除了很多人不愿意跳出自己的舒适圈去学习新的东...
TypeScript下使用Hooks的方式重新学习Redux和React-Redux
使用过vuex的同学肯定了解vuex无论是集成难度，还是上手难度，都远小于React-Redux，目前要实现vuex同样的功能则需要3个库，分别是Redux、React-Redux、Redux-Saga，它们分别负责下面几种工作。 - Re...
你可能不知道的5个JavaScript特性（骚操作）
1. 作用域 在switch的case中，它们并不是单独作用域，所以如果一旦重复声明变量则会报错： 在WebStorm中也会有错误提示： 貌似在VSCode中没有对应的错误提示。 2. in 判断一个对象中是否有某个属性，你会使用什么方法？...
仅用CSS实现fullpage.js全屏滚动效果
最近研究CSS的时候发现了仅使用两个CSS属性就可以制作出全屏滚动效果，这两个属性就是： - scroll-snap-type - scroll-snap-align 使用它就可以实现fullpage.js这种全屏滚动效果，其实，这种全屏滚...
用CSS实现渐变边框，实现过程很简单最终效果却很赞
一个看起来很酷的网站，CSS肯定是头号功臣，但平时由于开发技术、周期上的限制，大部分时间都是使用现成的UI框架进行开发，这就会造成好像开发出来的网页都一个模样，就跟使用WordPress搭建出来的网站一样，看起来貌似都一个样。 今天给大家分...
将个人网站搭建神器WordPress安装到个人服务器上
WordPress是一个以PHP和MySQL为平台的自由开源的博客软件和内容管理系统。WordPress具有插件架构和模板系统。截至2018年4月，排名前1000万的网站中超过30.6%使用WordPress。WordPress是最受欢迎的...
别再用self=this、that=this了，代码太难读懂！
1. 前言 JavaScript中的this可能是当年设计的时候存在着设计缺陷，在ES6中能使用()=这个高端的箭头函数就尽量使用箭头函数，箭头函数在其他语言中还有个高大上的名字Lambda表达式。 PS：nodejs环境中没有window...
这些HTML标签你可能没有见过但却非常实用
在进行前端开发的时候，我们大部分的学习点都在JavaScript上面，花费在CSS上面的时间非常少，更别说花费在HTML上的时间，简直是少的可怜，可能到目前为止如果让你不使用UI组件库写出一个表单都要写一会（其实我也是）。 总而言之，由于U...
越来越火的网络请求Fetch和Axios到底有什么区别
在这几天由于编写脚本等一系列原因，不知怎么的突然发现现在很多主流的网站已经大量开始使用Fetch进行网络请求，感觉再不学习Fetch就要Out了，所以我花了一些时间专门去研究了一下关于Fetch的相关知识，发现Fetch被讨论的并不多，很多...
本来就是开发神器的WebStorm配上插件更不得了
之前的一篇文章介绍了vscode好用的插件，但是我平时用的最多的还是WebStorm，就我个人而言，我还是比较喜欢WebStorm的，其实即便是不装任何插件，它已经足够好用，但是装上插件，让它变得更好用吧！ 1. 实用插件 1.1 Code...
如何编写Quantumult-X脚本
最近对脚本开发比较感兴趣，通过JavaScript编写脚本，不仅可以加深你对JavaScript使用的熟练程度，更甚可以锻炼你的逻辑能力。 IOS上面有一些可以定时运行js脚本的工具，这些工具可以实现通过js定时京东签到，漫画签到等一系列的...
油猴Tampermonkey脚本-纯js实现图片打包下载
在前一篇文章的最后（强大的油猴Tampermonkey脚本开发环境搭建），我提到了我练手的时候开发了一个Instagram图片批量下载脚本，但是当时这个脚本我说是有缺陷的，批量图片下载貌似最多只能12个任务同时下载，也就是最多只能下载12张...
强大的油猴Tampermonkey脚本开发环境搭建
这是关于油猴脚本的第三篇文章，最近都在研究一些关于使用JavaScript来编写一些脚本从而完成一些简单但是繁琐的工作。 如果是在电脑浏览器上 ，要运行一个脚本那么油猴一定是不二选择，只要你会一些JavaScript相关的知识，你就可以开始...
2的倍数的每一位相加永远不会等于369
好久不见先水一篇文章...过年期间几乎没有怎么学习，包括年前正在总结的webpack系列都已经暂停。 学习完webpack基础知识后，我决定使用webpack搭建一个油猴脚本开发环境，即可以使用React语法来编写油猴脚本。 --- 闲话不...
前端最常用的打包工具webpack（四）-性能优化
这是重新学习webpack的第四篇文章，之前我也写过一篇关于webpack的文章。问题是过去快半年了，我已经将webpack忘得差不多，回头一看那篇文章完全是一头雾水，也没有办法，那个时候我才刚刚开始写前端方面的博客，对于知识梳理、文字表达...
前端最常用的打包工具webpack（三）-兼容性处理
这是重新学习webpack的第三篇文章，之前我也写过一篇关于webpack的文章。问题是过去快半年了，我已经将webpack忘得差不多，回头一看那篇文章完全是一头雾水，也没有办法，那个时候我才刚刚开始写前端方面的博客，对于知识梳理、文字表达...
前端最常用的打包工具webpack（二）-引入资源
这是重新学习webpack的第二篇文章，之前我也写过一篇关于webpack的文章。问题是过去快半年了，我已经将webpack忘得差不多，回头一看那篇文章完全是一头雾水，也没有办法，那个时候我才刚刚开始写前端方面的博客，对于知识梳理、文字表达...
前端最常用的打包工具webpack（一）-初识篇
这是重新学习webpack的第一篇文章，之前我也写过一篇关于webpack的文章：目前最流行的前端打包工具-webpack。 问题是过去快半年了，我已经将webpack忘得差不多，回头一看那篇文章完全是一头雾水，也没有办法，那个时候我才刚刚...
GSAP动画插件-TextPlugin
本篇文章是GSAP系列的一篇文章，关于web动画，目前我已经发布了以下文章： web动画篇： - 用CSS做出漂亮的字体动画 - HTML动画的那些事-车轮旋转篇 GSAP篇： - GSAP（GreenSock）：最健全的web动画库之一 ...
GSAP动画插件-Flip Plugin（一）
本篇文章是GSAP系列的一篇文章，关于web动画，目前我已经发布了以下文章： web动画篇： - 用CSS做出漂亮的字体动画 - HTML动画的那些事-车轮旋转篇 GSAP篇： - GSAP（GreenSock）：最健全的web动画库之一 ...
一个完全不懂的编程的新人如何入门前端
1. 前言 我之前是一个完全没有接触过前端技术的人，身边也没有特别熟悉的人在做这一行，所以我在学习前端的路上走了非常多的弯路，本篇文章就进行总结一下一个完全不懂编程的新人如何入门前端，希望能够给那些想要入门前端行业的人一定的指引，不像我一样...
HTML动画的那些事-车轮旋转篇
最近一直在研究网页动画相关的东西，因为一个网页要想让人觉得惊艳和有趣，网页动画肯定是少不了的。 上一篇文章：用CSS做出漂亮的字体动画。 本篇文章就着重讲解一下如何让SVG动起来。 注：上一篇文章多次含有SVG相关的代码，可能阅读体验不是那...
用CSS做出漂亮的字体动画
SVG在我们做网页的过程中会大量的进行使用，但是给SVG添加动画就不是那么经常会去做的一件事，本篇文章就来讲解如何用SVG制作炫酷的文字动画。 首先我们来看一下最终效果： 在制作该动画的时候，需要使用到SVG的下面两个属性： - strok...
将VSCode打造成为开发神器-插件篇
VSCode现在是世界上最为常用的编辑器之一，为什么被称为编辑器，是因为它不像IDE一样集成了大量开发环境的配置，必须你手动配置很多东西，才能将它打造成为一个趁手的生产工具。 VSCode最大的优势就在于它是完全免费的，你不需要支付任何费用...
一次开发，多端覆盖的uni-app
1. 前言 这篇文章的大体内容其实我在去年8月份就已经完成了，但是为啥一直没有发，因为那个时候我只是看了一遍官方文档，没有仔细去研究，直到最近使用uni-app重写我去年年初做的小程序，对uni-app有了一个大致的体验，所以就决定完善这一...
Dart快速入门到上手Flutter
1. Dart是什么？ Dart是一种适用于万维网的开放源代码编程语言，由Google主导开发，于2011年10月公开。它的开发团队由Google Chrome浏览器V8引擎团队的领导者拉尔斯·巴克主持，目标在于成为下一代结构化Web开发语...
记一次小程序报错undefined is not an object (evaluating ‘document.getElementsByTagName‘)
我的小程序是使用uni-app进行开发，开发完毕后使用微信开发者工具进行调试发现没有问题，然后真机调试也没有问题，于是就打包送审。 但是却被通知审核失败。 小程序打开居然白屏了，我扫描了一下线上体验版的二维码，发现打开真的是白屏，并且打开控...
GSAP动画插件-ScrollTrigger（一）
最近在做个人主页，因为我之前的工作一般是做后台管理界面，或者表单填写界面，没有制作过主页相关的项目，所以对动画的了解非常少，这次就想在自己的主页上面使用动画。 动画领域有一个比较知名的CSS库：Animate.css，它提供了60多种动画，...
一大堆搜刮来的前端面试题
最近又开始找工作之旅，通常说面试造火箭，入职拧螺丝，其实对于前端来说，并不是这样，前端当中大部分问到的题都是你工作中会遇到和使用到的，不过很多事情答不上的原因是可能有时候会用，但是没有去理解它的原理，也不排除面试官专门问那些自己可能都答不上...
程序员都应该了解的代码片段管理神器：gist
1. 前言 在平时的学习或工作中，有没有那么一些代码让你觉得写的比较好，具有复用性，并且今后的项目可能会用到？ 肯定会有，如果没有，说明你代码写的太少了，不知道哪些代码是经常会用到的代码。 那么这些代码应该保存在哪里比较合适呢？ 起初我是保...
WebStorm各种便利的功能-代码重构
1. 前言 不知不觉都消失一个月了，这个月除了忙之外，发生了好多好多事情，首先是Vue3的使用，通过Vue3给公司做了一个小项目，关于各种表单的填写。 然后自行开始学习Golang。 后面又是Redis的学习，现在仅仅会用，没有深入去了解R...
WebStorm好用的插件（二）
之前有一篇文章已经介绍过WebStorm好用的插件：WebStorm好用的插件，但那时我也是刚刚才开始挖掘这些插件，从发布那篇文章到现在已经过了2个多月，这段时间，我又接触到了非常多的好用的WebStorm插件，接下来听我一一道来。 注意：...
WebStorm各种便利的功能
1. 前言 WebStorm系列又来了！我还是挺喜欢挖掘写代码时的一些功能和小技巧，虽然对你写代码的能力没有实质性的帮助，但是可以提高你写代码的效率。 IDE工具就像一把枪，如果一个战士对自己手中的枪都不了解，那写代码的效率也高不到哪儿去。...
Express学习笔记系列-1.入门体验
Express.js简称Express，是针对Node.js的web应用框架，在MIT许可证下作为自由及开放源代码软件发行。它设计用来建造web应用和API。它已经被称为针对Node.js的服务器框架的事实标准。 1. 安装 首先你需要创建...
WebStorm好用的插件
随着时间的推移，编写JavaScript代码很多有用的插件都集成了WebStorm中，在WebStorm中即使不装任何插件，都能很舒服的进行开发网页应用、Node应用。 插件对于WebStorm并不是特别的重要，但是某些插件实在是比较好用，...
Win10自带的虚拟机开启
对于一个开发者而言，往往会接触到Linux操作系统，如果是在公司中，公司会有自己的服务器，但是如果想在个人学习中使用Linux，那么往往就只有买一个云服务器，或者通过虚拟机创建一个服务器。 一般便宜的云服务器的配置都是比较低的，如果是想要一...
JavaScript-数组自带的一些方法
在JavaScript中，其实数组自带了很多方法，对这些方法我们有必要过一遍，以免用到的时候不知道，然后自己手动实现。当然，手动实现不是不好，只是我们在开发中大部分时间都是快速开发，工期比较紧，不像自己学习的时候开发一样。 还是那句话，在生...
更加实用的Grid布局
之前有一篇文章是讲解CSS中的Flex布局 非常实用的Flex布局 所以本篇文章要讲解另一个更为强大的布局方式Grid。 1. 入门 在早期的网页布局中，如果要实现非常复杂的布局是很麻烦的事情，只有通过CSS框架，或者自行花费大量的时间去写...
非常实用的Flex布局
Flex布局 传统的布局，基于盒装模型，早期的前端开发就是一个叠盒子的过程，即各种的互相嵌套。 传统的布局一般依赖position或者float属性控制盒子所在的位置，但是对于特殊布局就显得非常的不方便，比如：垂直居中、均匀分布等。 在20...
使用TypeScript来编写Node项目
之前一篇文章介绍了Nodejs：为什么要学习Nodejs，那么这篇文章我们来做学习Node之前的准备，使用TypeScript编写Node项目。 对于TypeScript就不用再多说了，我已经在很多文章中都提到了TypeScript，现在我...
为什么要学习Nodejs
1. 前言 Node.js 是能够在服务器端运行JavaScript 的开放源代码、跨平台 JavaScript 运行环境。 随着前端的深度和广度日益提高，如果光会用一个Vue，可能自己就限制了自己以后的发展，因为现在哪个前端不会用一个框架...
JavaScript-ES7~ES11新特性
在JavaScript的发展历程中，版本历史最悠久的就是ES5，ES5是现在JavaScript的基础，但是因为有很多当初设计上的缺陷，比如var的变量提升，比如异步处理问题，比如this指向的问题，比如没有类的概念等等。 到了ES6的时候...
WebStorm强大的Git版本控制
1. 前言 之前写了一篇文章WebStorm和VSCode的浅度比较，发现真的是浅度比较，其实JetBrains出品的IDE最大的一个好处就是开箱即用，而且几乎你开发中需要使用的功能全部都内嵌在IDE上面，毫不夸张的说：就差内嵌一个浏览器了...
Vue3新版本OnePiece，是时候学习Vue3了
1. 前言 在一系列的测试版本后，Vue3终于迎来了新版本，官方正式将其取名为Vue3 One Piece。 1.1 更好的tree-shaking 所谓tree-shaking，就是在你项目中没有用到的第三方包，没有用到的变量，没有用到的...
前端开发过程中，好的开源项目和第三方库整理
桌面开发 Waypoints.js：滚动到一个元素时候触发事件。 gitalk：添加评论系统。 electron：可以通过开发网页的形式开发桌面应用，VSCode就是用这个项目开发的。 electron-react-boilerplate：...
TypeScript-给第三方库添加声明文件
1. 前言 在使用TypeScript写程序的时候，可能会需要使用到JavaScript库，因为历史遗留问题，现在非常多的第三方库依然是用JavaScript进行编写，但是大多数情况下，库的所有者已经帮你写好了TypeScript声明文件，...
JavaScript-使用正则表达式
前言 之前有一篇文章讲了正则表达式的类型以及正则表达式的用法：了不起的正则表达式。 本篇文章就来讲一讲JavaScript中，怎么使用正则表达式。 方法 exec：一个在字符串中执行查找匹配的RegExp方法，它返回一个数组（未匹配到则返回...
前端开发环境下的新工具：vite
1. 前言 随着Vue3.0的最终测试版的发布，尤大又发布了一个新的小工具：Vite。 如果对前端技术稍微敏感一点的朋友就会发现，在掘金这一类的论坛上，Vite经常被提起。 Vite是在开发环境下的一种新的打包方式。 - 面向现代浏览器的一...
前端需要了解的Nginx知识
1. 基本概念 1.1 正向代理 Nginx不仅可以做反向代理，实现负载均衡。还能用作正向代理来进行上网等功能。 正向代理：如果把局域网外的Internet想象成一个巨大的资源库，则局域网中的客户端要访问Internet，则需要通过代理服务...
验证棋盘暗影错觉，强大的QQ截图工具
有一个很著名的实验，叫做棋盘暗影错觉。 即A方块和B方块，颜色看上去不一样，其实它们的颜色是一样的。 当然，这篇文章并不是介绍是什么原因产生了这种情况，本篇文章主要是讲解快速验证它们颜色一样的方法。 这里就要说一下我们非常厉害的QQ截图功能...
手动实现Vue双向绑定
1. 原理 Vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。 Vue的双向绑定是前端面试中一个高频问题，不排除会让你手动实现Vue双向绑定这种问题，毕竟面试造火箭嘛。 下面的代码都通过ES6语法进行书写，如果对ES6不...
WebStorm和VSCode的浅度比较
1. 吐槽 上机测试的时候准备的工具是VSCode，虽然我早就知道一般情况下，都准备的会是VSCode，但是我没有当回事，结果一操作起来傻眼了，VSCode编写代码的流畅程度和WebStorm完全不同。 在最开始学习Web开发时我也是使用的...
TypeScript-类和接口的使用
1. 前言 前一篇文章介绍了TypeScript的入门：TypeScript数据类型，函数的声明和重载，所有本篇文章就来介绍一下TypeScript的高级编程，类的使用。 2. 类 在ES5中，要使用函数和基于原型的继承来创建可重用的组件，...
TypeScript-数据类型，函数的声明和重载
1. 前言 1.1 TypeScript是什么？ TypeScript是一种开源的编程语言，该语言项目由微软进行维护和管理。TypeScript不仅包含JavaScript的语法，而且还提供了静态类型检查以及使用看起来像基于类的面向对象编程...
GitHub为什么连接缓慢以及解决方法
1. 前言 之前有一篇文章介绍了Git的使用方法：项目或者文件管理神器-Git。 一般对于电脑有一定认知的人都会知道GitHub，但是因为GitHub的服务器在国外，所以有时候连接速度非常的感人。 我们通过ipip.net的路由跟踪来看一下...
阿里巴巴的后门程序：AlibabaProtect.exe删除过程
1. 前言 偶然发现了一个阿里巴巴的后门程序：AlibabaProtect.exe。 通过查询了一些资料，显示该应用不仅会占用大量的内存和CPU性能，还会占用一部分带宽，并且没有任何的文档说明该应用的具体功能，所以网上对它有很多猜测，说它在...
TCP三次握手四次挥手
1. 一张图表示 下面的图片很清晰的表现出TCP从握手到挥手整个过程： 2. 场景模拟 其实用一个场景就很容易模拟出TCP的握手挥手过程，就在两座山上，中间隔了一个悬崖，两座山上的人想要通话，那么会产生什么样的事情。 小明：喂！对面有人嘛？...
JavaScript：原型链和原型对象
1. 前言 原型链和原型对象一直是JavaScript中的一个重要的概念，因为涉及到面向对象。 在现在的高级语言中，比如Java，C，C++都采用了面向对象的设计方式，正因如此，JavaScript并没有类的概念，但是JavaScript却...
制作油猴Tampermonkey脚本需要哪些知识
之前有篇文章讲述了如何使用油猴来编写浏览器脚本，以及用油猴编写脚本相对于Chrome插件有什么优势：强大的油猴Tampermonkey：简单的脚本制作。 因为之前的文章中只讲解了油猴脚本怎么编写，但是没有细说油猴脚本如何编写，以及编写油猴脚...
王者荣耀惩戒伤害如何调出
之前在看主播打野的时候，他们的惩戒都会显示伤害，就跟下图一样： 随着等级的升高，惩戒伤害也会发生变化。 那么该功能如何调出呢？ 在设置里面有个野怪生命值，如果设置为展示，惩戒就会显示伤害。 如果设置为不展示，惩戒就不会显示伤害。
VPS的各种线路到底有什么区别
学习前端时总会有想将自己制作的网页向别人展示的时候，方法有很多种，但是大致就分为以下两种。 一种是通过GitHub Pages向别人展示，参考文章：部署到Github-Pages上的博客，自定义域名，和免费域名如何申请。 一种就是通过VPS...
辨别用户身份和储存数据的关键-Cookie
当你在一个网页进行登录后，你关闭浏览器，你下次打开这个网页依然是登录状态，这是怎么做到的呢？ 因为HTTP协议是无状态协议，即服务器不知道用户上一次做了什么，这严重阻碍了交互式Web应用程序的实现。在典型的网上购物场景中，用户浏览了几个页面...
项目或者文件管理神器-Git
现在网上Git的教程以及介绍非常的多，我一直觉得一个东西首先要会用，然后有时间再去了解原理，所以本篇文章就讲讲怎么使用Git，完全不谈其原理其实是我自己也没有研究过。 1. 思维导图 注：标红的为常用命令。 2. Git是什么 git是一个...
个人博客快速搭建方案-VuePress
1. 前言 之前在EJS的文章中就提到过VuePress，特色是可以在Markdown中使用Vue组件，又可以使用Vue来开发自定义主题，对于一个前端玩家来说，Vue在当下可是必备的技能，所以使用Vue搭建博客也是一个非常常见的需求。 1....
高效的嵌入式JavaScript模板引擎-EJS入门
1. EJS是什么？ “E” 代表什么？可以表示 “可嵌入（Embedded）”，也可以是“高效（Effective）”、“优雅（Elegant）”或者是“简单（Easy）”。EJS 是一套简单的模板语言，帮你利用普通的 JavaScrip...
目前最流行的前端打包工具-webpack
简介 webpack 是一种前端资源构建工具，一个静态模块打包器(module bundler)。 核心概念 Entry 入口(Entry)指示 webpack 以哪个文件为入口起点开始打包，分析构建内部依赖图。 Output 输出(Out...
面试题常客之-Promise
1. Promise是什么 Promise 是异步编程的一种解决方案，比传统的解决方案回调函数和事件更合理和更强大。简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从...
学习前端如何将自己的页面部署到服务器
本篇文章的视频地址： 前言 相信前端的初学者在学习到一定的地步时，都会想将自己做的网页向人家进行展示，但是如何进行展示呢？是直接将网页的静态文件发送给别人？还是说给他地址，让他直接在浏览器上面进行查看。 当然是直接通过域名访问你做的网页更加...
公众号自定义样式，令人惊叹的文章编辑器，SVG篇
这个系列居然还有第二期，我是没有想到的，虽然我的公众号已经放弃维护了，现在在搞我的博客。 公众号自定义样式，令人惊叹的文章编辑器 起因 事情的起因是因为我无意之中看到了人家微信公众号的文章中有这样的效果： 一个公众号中的文章，居然还能够实现...
提高处理Excel效率的终极神器-VBA初步入门
1. 前言 1.1 什么是VBA？ Visual Basic For Application(VBA)可以认为 VBA 是非常流行的应用程序开发语言VASUAL BASIC的子集。实际上VBA是"寄生于"VB应用程序的版本。 也就是说为了自...
Hexo进阶-生成站点地图（Sitemap）
在之前的文章中，介绍了如何通过Hexo搭建一个个人博客： 一个简单易用的制作博客的框架：Hexo 当时我仅仅是觉得Hexo搭建一个博客非常的方便，但是还是不如Vue或者React的适配性强，直到后面我开始接触SEO，才发现Vue和React...
个人博客评论系统：Valine
之前我也写过一篇个人博客的评论系统：Gitalk。 https://zhuanlan.zhihu.com/p/141078552 但是这个评论系统有一个不太好的地方，它需要使用GitHub账号才能够进行评论，这就涉及到很多人不想暴露自己的隐...
Vue服务器渲染优秀项目：Nuxt.js
1. 服务器渲染 1. 1 什么是服务器渲染 Vue.js 服务器端渲染指南 Vue官网已经对服务器渲染讲解的很详细了，可以直接参考上面的文档。不过就是因为讲解的太过于全面，所以有时候可能看的一头雾水。 1.2 为什么需要服务器渲染 更好的...
Viewer.js图片查看器
做界面时可能会需要图片查看的功能，就比如QQ空间查看照片的功能。 虽然这个功能自己实现也不是太难，但是直接引入第三方库有个最大的好处是第三方库一般都经过很多个版本的更新迭代，不管是性能还是体验上一般都优于自己动手写（大佬除外）。 Viewe...
打字机效果插件Typed.js
打字机效果是非常酷的文字显示效果，视觉表现极佳，而通过Typed.js可以很简单的在web开发中实现打字机效果。 1. 官网 JavaScript Animated Typing with Typed.jsmattboldt 2. 安装 2...
HTML中的瀑布流masonry在Vue中应用
瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。最早采用此布局的网站是Pinterest，逐渐在国内流行开来。国内大多数清新站基本为这...
IOS系统越狱后的自用插件分享
为什么要越狱？ 众所周知，IOS系统的封闭性要远远高于安卓，虽然现在安卓的很多衍生系统都已经不支持Root了。 正因为IOS的封闭性，所以IOS比起安卓来讲要安全很多，不会因为在滑动APP界面时点到广告就开始下载软件（以前我在用安卓时，那个...
用Vue做一个播放器
之前在B站上面看到一个视频： https://www.bilibili.com/video/BV1Yz411z7An?t=16 感觉它的这个播放器挺好看的，原作者是用的PPT制作。 我的设计灵感一向很差，叫我自己设计UI一般会非常难看，于是...
GSAP（GreenSock）：最健全的web动画库之一
官方的介绍 GreenSock动画平台（GSAP）可以对JavaScript可以操作的所有内容进行动画处理（CSS属性，SVG，React，画布，通用对象等），同时解决了不同浏览器上存在的兼容性问题，而且速度极快（比jQuery 快20倍）...
利用background制作拉窗帘效果
往往利用CSS可以做出一些意想不到的效果，比如说下面的这个示例： 为了演示随手做的，官网并不是这样 滚动鼠标滚轮，就有一种背景图被覆盖的错觉，之所以说是错觉，并不是背景图真的被覆盖了，其实背景图所在的盒子是跟着下面的图片一起在滚动，只是图片...
全屏滚动插件fullpage.js
随着前端的飞速发展，现在制作界面时出现了非常多的好看的样式，比如说全屏滚动效果，能够带来很舒服的视觉体验。先来看一下什么是全屏滚动： 这是fullpage.js的官网，只需要滑动一下滚轮，就能实现翻页的效果。 1. 安装 fullPage....
强大的油猴Tampermonkey：简单的脚本制作
1. 油猴是什么？ 可以让你在网页上使用脚本，同时它拥有非常多的其他用户开放出来提供下载的脚本，如果你会JavaScript，你甚至可以自行编写脚本实现你想要实现的事情。 2. 油猴和Chrome扩展应用 Chrome扩展应用本质上是HTM...
Node.js的替代品—Deno初体验
Deno是什么 它内置了 V8 引擎，用来解释 JavaScript。同时，也内置了 tsc 引擎，解释 TypeScript。它使用 Rust 语言开发，由于 Rust 原生支持 WebAssembly，所以它也能直接运行 WebAsse...
学习笔记：C++入门
1. IDE 1.1 Visual Studio 1.2 CLion 我最后还是选择了 CLion 因为之前一直用的JetBrains公司开发的IDE工具，换成Visual Studio突然还不习惯，虽然Visual Studio是我接触的...
用JavaScript爬取豆瓣电影TOP250
突然之间看到了一个网站，源代码是用JavaScript实现爬虫相关的功能，瞬间打开新世界的大门。稍加研究，准备用JavaScript制作爬虫练练手，爬取豆瓣榜单TOP250。 这里就不得不提一下，豆瓣榜单TOP250真是初学爬虫非常好的练手...
一个简单易用的制作博客的框架：Hexo
学习一项技术的最好方法就是写博客，博客不光可以分享你学到的知识，而且如果你的学习中有什么错误或者纰漏，偶尔也会被路过的大神指出。 使用Vue或者React搭建一个静态博客是非常简单的事情，但是如果想要搭建一个像知乎这种具有动态更新，还带有评...
不用写代码就可以制作游戏的引擎：虚幻4
最近两年虚幻4引擎名声大振，由于之前使用过Unity3D和Cocos Creator这两个游戏引擎。鉴于看到网上很多人说虚幻4是非常适合不会编程的人制作游戏的一款引擎，于是就准备尝试一番。 下载 https://www.unrealengi...
个人博客非常好用的评论开源项目：Gitalk
我的个人博客想要开通一个留言或者评论功能。因为我对后端并不是太了解，所以如果让我用Java开发一个留言板的功能，也许能够做到，不过就是太花时间，而且可能会有很多BUG，于是最近我发现了一个简单好用，并且拥有着高颜值的现成的开源项目Gital...
公众号自定义样式，令人惊叹的文章编辑器
最近在弄自己的公众号，虽然关注的人就只有我自己...都是眼泪啊！ 案例 众所周知，一些比较大的公众号推送的文章都是花里胡哨的。尤其是一些介绍自己产品的公众号，比如说分割线样式： 再比如说这种背景和边框： 再比如： 这种一眼看上去就有很强的视...
使用Taro开发微信养花小程序
Taro简介 Taro是一套遵循 React 语法规范的多端开发解决方案。 使用Taro，只需要书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信 / 京东 / 百度 / 支付宝 / 字节跳动 小程序、快应用、...
unity3D复刻保卫萝卜
上次那个快乐鸟-html版似乎反响还不错，看来大家对游戏制作还蛮感兴趣的...那么这次我要搬出我前年用unity3D复刻的保卫萝卜。 因为年份太过于久远了，所以具体代码就不进行分析了，主要是我忘了（狗头），研究前端后就再也没有碰过unity...
vue-element-admin npm install报错
最近看到vue-element-admin后台模板不错，于是准备研究一下，结果进去就吃了个闭门羹，npm install各种报错。 我遇到的错误 enoent undefined ls-remote -h -t ssh://git@gith...
心血来潮：做一个网页游戏，飞机大战
前言 体验地址：https://qflyb.github.io/airplanewar/ 飞机大战小游戏主体还是比较简单的，但是看似简单的外壳下面有着很多细节。如果要将细节做到极致，那需要花大量的功夫，我这里只是大体实现了飞机大战。 体验地...
学习C++时遇到的与其它编程语言中的不同与难点
C++是目前公认的比较难学的一门编程语言，因为其中的知识点过于复杂和繁琐，连谷歌设计Golang的时候，都将目标设定为：“不要像C++。” 那么既然这么难学，为什么还要学它呢，是因为它在某些领域拥有非常大的优势： 1. 游戏服务端开发 2....
部署到Github-Pages上的博客，自定义域名，和免费域名如何申请
之前一篇文章提到了使用Hexo，搭建个人博客。 一个简单易用的制作博客的框架：Hexo 后面经过我一段时间的探索，发现有2个缺点。 - 没有办法像知乎这样实时写文章发布。 - 新增文章后需要重新打包项目重新发布。 这些问题的产生是因为通过这...
nodejs中module.exports和exports的区别
最近在学习nodejs，这篇文章就权当是一篇笔记，如果有什么地方有误，望指出。 先说说它们之间的区别： - exports只能使用语法来向外暴露内部变量：如exports.xxx = xxx; - module.exports既可以通过语法...
用Html做一个快乐鸟小游戏
入门学习前端的时候做了这么一个简单的小游戏，为了将自己所学到的知识运用起来。 做这个小游戏用到了： html css jQuery 然后这个小游戏的图片素材用到了： 其实用原生的js也是可以完成的，但是为什么要用jQuery？因为我直接跳过...
没有找到相关文章，试试其他关键词或分类。
364390274@qq.com
GitHub