- 博客(365)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【开源宝藏】30天学会CSS - DAY12 第十二课 从左向右填充的文字标题动画
这个文字填充动效虽然简单，但蕴含多个 CSS 技巧，非常适合初中高级前端练手。你可以快速把它集成到任何页面标题、副标题、按钮或品牌 Logo 上，让页面更有“高级感”。下次我们会继续拆解更多 CSS 动效。
2025-04-06 12:35:09
467
原创 【开源宝藏】30天学会CSS - DAY10 第十课 3行CSS写出动态表白效果
→ 我爱狗狗、读书、听音乐技术点用法说明::before创建伪元素填充内容content动态控制显示内容（支持文本和 emoji）@keyframes定义动画步骤持续执行切换动画flex居中页面居中布局方式。
2025-03-27 22:24:10
376
原创 【开源宝藏】用 JavaScript 手写一个丝滑的打字机动画效果
模块作用type()接收多个动画步骤（字符串 / 等待 / 函数）edit()根据目标文字智能删除 & 添加writer()模拟打字效果deleter()模拟删除效果perform()执行每一步并添加速度差这个项目结构简洁、逻辑清晰，是一个很适合自定义与学习 JS 动画的案例。
2025-03-25 23:56:14
1226
原创 【开源宝藏】30天学会CSS - DAY9 第九课 牛顿摆动量守恒动画
width: 3px;/* 细线 *//* 绳子长度 *//* 线与线之间间距 *//* 旋转中心为上端 */技术点应用说明flexbox页面元素居中transform通过旋转实现绳子摆动::before创建附着在元素上的球体控制动画交错，让左右球交替摆动keyframes自定义动画流程，控制角度变化与节奏。
2025-03-25 23:16:41
1024
原创 【开源宝藏】30天学会CSS - DAY8 第八课 跳动的爱心动画
页面背景为深灰色。页面中央显示一个粉红色爱心图案。爱心随着节奏跳动（缩放 + 放大）。接下来是最有趣的部分：心跳效果！技术点用法说明制作半圆补足爱心上半部分旋转主方块成心形基本形状scale()缩放模拟跳动感animation@keyframes完成节奏控制与循环跳动。
2025-03-25 22:43:39
823
原创 【开源宝藏】30天学会CSS - DAY7 第七课 CSS 关键帧打造Preloader 追逐动画
最终，这三个方块会依次沿着 4 个角落运动，形成。小方块沿着 150×150 px 的区域，，让你能一步步理解并调整动画效果。，可以看到一个 .loader。，它们将用来进行动画。
2025-03-24 23:14:47
1091
原创 【开源宝藏】30天学会CSS - DAY6 第六课 流光文字动画
0% {90% {100% {/* 亮黄色 */通过这一步步Flex 布局：将文字排成一行并居中显示；关键帧动画 + 延时：让每个字母按照不同的节奏进行闪亮；text-shadow 多重阴影：实现多层次的发光效果；nth-child：精准控制每个<li>的动画延迟，让文字依次闪动。不需要任何 JavaScript，就能制作出一个漂移有序、富有节奏感的文字闪光动画。希望本教程能让你理解 CSS 动画的乐趣与强大，并在实际项目中加以灵活运用。祝你学习与创作愉快！
2025-03-23 19:16:41
1167
原创 【开源宝藏】30天学会CSS - DAY5 第五课 脉冲动画
真正的脉冲效果是通过box-shadow在不同时刻的扩散和透明度变化来实现。把下面的代码加到style.css0% {40% {80% {100% {通过本教程的分步骤如何居中页面元素使用 CSS 生成圆形使用多重box-shadow制造外扩“水波”效果。关键帧配合动画：在不同阶段改动box-shadow的扩散半径与透明度，实现连续的“脉冲”循环。不需要任何 JavaScript，就能完成一个简洁又炫酷的“Pulsar”水波脉冲动画！
2025-03-23 19:11:37
818
原创 工作提效 07：DeepSeek+腾讯元器打造公众号AI助手
请帮我总结今天的 AI 资讯热点，并生成公众号适合的 300 字资讯简报。「请帮我生成针对‘如何用 AI 写作’的公众号自动回复，语气简洁、有价值。：能连接各种 AI 模型和 API，实现自动化处理。：可以用于 AI 写作、知识整理、自动化回复。：可以搭建自动回复、内容推荐、数据分析系统。（抓取 AI 资讯、定时推送、智能回复）：简单配置，就能搭建你的 AI 助手！：用 AI 生成清晰结构，提高写作效率。：能精准总结文章、自动优化内容结构。搭建一个 AI 自动回复系统！（文章大纲、资讯整理、自动回复）
2025-03-22 17:00:00
72
原创 工作提效 06：Deepseek的推理逻辑，让我毛骨悚然！
我最近在研究 AI 生成视频的技术，特别是 OpenAI 的 Sora，感觉未来短视频行业会大变样。「小明用 20 元支付 15 元的面包，店主找回他 10 元，这说明店主可能算错了，或者有特殊折扣。这不仅仅是 ChatGPT 那种基于「概率分布」的语言生成，而是更接近「类人思维」的推理方式。✅ 在长文本理解时，不会断章取义，而是能「保持全局逻辑」。✅ 不是简单地「总结内容」，而是能识别文章的「隐含逻辑」。✅ 甚至能预测出用户「潜在的问题」，像是提前洞察你的思维。最近，我在测试国产 AI 模型。
2025-03-22 13:30:00
53
原创 方法论 07：普通人做IP短视频，必须懂的3个关键！
用 AI 语音+PPT+Midjourney 生成的图文短视频，3 个月涨粉 20 万+。」（前 3 秒抓住用户）：「普通人也能用 AI 赚钱？」（制造悬念，引导观看），用 AI 生成的虚拟人短视频分享 AI 赚钱方法，吸引大量高端粉丝。：「这 5 个 AI 工具，让你的工作效率提升 300%！：「下期视频，我会告诉你 AI 副业最赚钱的 3 个方式！，每天分享 AI 办公工具，吸引了 50 万职场人关注。，实测 AI 副业赚钱方式，3 个月涨粉 10 万+。（AI 课程、AI 社群，吸引高端用户）
2025-03-22 13:15:00
36
原创 方法论 06：普通人如何用故事打造个人IP？
但这类内容竞争大，难以形成个人特色。想想你喜欢的博主，为什么你能记住他们？，让读者对你有期待感，愿意持续关注。很多人做 AI 公众号时，只会输出。，同时让你的内容更具人性化。（让粉丝陪你一起成长）（用踩坑经历建立信任）（通过案例让读者代入）
2025-03-22 13:00:00
21
原创 方法论 05：怎样写出爆款文章？教你5种经典结构
✅ 《Midjourney VS Stable Diffusion：AI 绘画工具哪家强？✅ 《GPT-4 VS Claude：谁才是 AI 时代最强大脑？，让你的 AI 公众号文章更吸引人，提升完读率，增加分享率！✅ 《这 3 个 AI 写作技巧，让你的公众号阅读量翻倍！✅ 《手把手教你用 AI 写作，10 分钟生成高质量文章！✅ 《5 个 AI 办公神器，让你每天省下 3 小时！✅ 《失败的 AI 创业项目，我踩过的 3 个坑！：「AI vs 传统方法」让用户更有代入感。（AI 工具、方法对比）
2025-03-22 12:15:00
77
原创 方法论 04：用AI提升内容创作？试试【4步进阶心法】
其实，真正的 AI 副业高手，已经用 ChatGPT 让 AI 自己干活，自己只负责数钱了。”（无聊，像 ChatGPT 论文）。“请帮我分析这篇公众号文章的选题逻辑，并帮我生成 5 个类似但更具新意的选题。“请帮我优化这篇文章的标题，使其更具 SEO 优势，并生成 5 个相关关键词。“请帮我生成 30 个关于【AI+创业】的公众号选题，并优化成吸引人的标题。“请根据以下大纲，生成一篇公众号文章的初稿，风格幽默、有趣，适合公众号阅读。“请根据以下选题，生成一篇公众号文章的大纲，并优化结构，使其更清晰。
2025-03-22 12:00:00
11
原创 方法论 03：用 AI 高效创作，你需要一套工作流
今天，我教你用 AI 提升 300% 效率，让老板以为你在 996，其实你在 007。想象一下，别人还在手动整理 Excel，你只需要输入一句话，AI 就帮你自动生成数据分析报告。“请帮我生成 30 个关于【AI+职场办公】的公众号选题，主题围绕 AI 提高效率、AI 工具、AI 自动化工作流。“请帮我分析以下 3 个选题的吸引力，并给出评分（满分 10 分），同时优化标题，使其更具爆款潜力。“请帮我生成一篇关于《AI 如何提升职场人效率》的公众号文章大纲，要求逻辑清晰，适合公众号排版。
2025-03-22 11:45:00
17
原创 方法论 02：如何用 AI 高效创作，3 步解锁选题困难
请帮我分析以下 3 个 AI 公众号选题的吸引力，并给出评分（满分 10 分），同时优化标题，使其更具爆款潜力。“请分析这篇文章《5 个 AI 工具，让你的生产力翻倍》的选题逻辑，并帮我生成 5 个类似但更有新意的选题。“请帮我生成 30 个关于【AI+自媒体】的公众号选题，主题围绕 AI 写作、AI 运营、AI 变现。“请帮我生成一篇关于《AI 如何提升职场人效率》的文章大纲，要求逻辑清晰，适合公众号排版。如果你看到某个 AI 公众号的文章爆了，AI 还能帮你。当你不知道写什么时，AI 可以成为你的。
2025-03-22 11:30:00
27
原创 方法论 01：普通人怎么选 AI 细分赛道？3 步法锁定方向
今天，我教你一个「3 步法」，帮助你精准找到适合自己的 AI 细分赛道，让你的公众号方向清晰，后续变现更简单。很多人选了 AI 赛道后，一直纠结「这个方向到底能不能火」，但不去执行。（大家都在发 GPT-4、Sora 相关内容，流量大，但难建立差异化）（单纯翻译 AI 新闻、整理 AI 论文，竞争激烈，缺少个人价值）在评论区写下你的「AI+X」赛道，我帮你优化方向！，要找到竞争没那么激烈但增长快的「蓝海」。：你自己有经验、能长期输出的方向。（全网都在做，门槛低，但很难持续）（选竞争小、增长快的赛道）
2025-03-22 11:00:00
33
原创 持续优化 05：AI 科技博主都互抄模板了，我决定不玩了
❌ AI 工具层出不穷，今天评测 Midjourney，明天就有新的 AI 绘画工具出现。如果所有人都在写「AI 工具测评」，你就应该写「AI 如何落地某个行业」。❌ 大部分博主的「AI 赚钱课」，其实就是告诉你怎么卖 AI 赚钱课。内容趋同的核心原因，是大家都在写「常规解析」，没有。✅ AI+职场（AI 提高效率、AI 个人助理）✅ AI+教育（AI 知识付费、AI 辅助学习）✅ AI+创业（AI SaaS、AI+电商）✅ AI+金融（AI 数据分析、AI 投资）
2025-03-22 10:15:00
33
原创 持续优化 03：把握 AI 发展方向，领先布局个人 IP
在 AI 领域做公众号，最大的挑战之一就是技术变化太快，今天流行的 ChatGPT、Midjourney、Sora，可能半年后就被新产品取代。如果你的公众号总是跟风，缺乏前瞻性，粉丝也不会对你产生长期依赖。如何把握 AI 发展方向，提前布局你的个人 IP，让你在浪潮中始终处于领先地位？本篇带你拆解战略级打法。先明确一个核心观点：AI 不是单一技术，而是多个领域的集合。如果你想长期运营 AI 公众号，就不能只盯着 ChatGPT 或 Midjourney 这种单点技术，而是要布局 AI 产业的长期趋势。以下几
2025-03-22 10:00:00
27
原创 持续优化 04：知识付费创作者 AI+IP 进阶案例拆解
当你的 AI 公众号积累了一定粉丝后，如何从内容创作过渡到，真正变现？大部分 AI 博主在流量增长到 5000+ 订阅者后，都会开始探索知识付费模式。本篇文章将拆解成功案例，帮你快速打造属于自己的，并结合实际案例，讲解如何设计可盈利的知识付费产品。在 AI 领域，知识付费的本质是。一个成熟的你需要持续产出高质量的 AI 相关内容，并，让用户对你有信任感。👉📌某 AI 自媒体博主，专注于 AI 办公工具评测，在 3 个月内通过公众号+知乎涨粉 2 万+，成功推出 AI 生产力课程，年收入破 50 万。
2025-03-22 10:00:00
39
原创 【程序员的思维乐园】设计系统里的隐形力量：如何用三大定律做“精准设计”？
n 为可选项数量，b 为经验系数👉 选项越多，决策越慢！人越多，效率反而越低！设计系统的“专业”，不是设计得多精美，而是——每个设计决策背后，有逻辑、有标准、有数据。Fitts’ Law 决定了“点击效率”Hick’s Law 决定了“思考速度”Brook’s Law 决定了“协作效率”三者一体，才是设计系统的灵魂。
2025-03-21 10:38:36
869
原创 持续优化 02：构建 AI+IP 领域的差异竞争力
在 AI 领域做公众号，光有技术是不够的，还得让你的 IP（个人或品牌形象）具备独特的竞争力。想象一下，读者刷公众号时，凭什么点开你的文章，而不是别人的？大部分公众号都在泛泛介绍 ChatGPT，但 @某博主 直接写《ChatGPT 投资指南》，拆解 AI 赛道公司，并用 AI 自动分析财报，迅速吸引了对投资感兴趣的粉丝。“别人的 AI 文章是论文级别的，你的 AI 文章是‘大白话+段子+实战’，让人一看就懂。找到一个有竞争力的方向后，你需要持续优化内容，形成自己的护城河。（确定你的核心内容方向）
2025-03-21 09:44:22
37
原创 【程序员的思维乐园】150 人是极限？Dunbar‘s Number 如何影响你的团队和代码架构！
在软件工程中，你可能听说过各种优化原则、设计模式和团队协作方法，但有一个被忽略的心理学概念——这个概念不仅适用于社交关系，还对团队规模、代码协作以及分布式系统的设计有着深远的影响。源于进化心理学，指的是人类可以稳定维持社交关系的认知上限，通常被认为在。✅ Amdahl 定律：多线程优化，什么时候是陷阱？让团队可以更轻松地扩展，而不会被代码复杂度压垮。✅ 布鲁克定律：为什么项目人越多，反而更难搞？，却可能是影响团队效率和代码质量的关键因素。✅ 协作人数一多，代码质量直线下降？✅ 代码变复杂，团队却无力维护？
2025-03-21 08:00:00
16
原创 【程序员的思维乐园】故意犯错 = 更强代码？Cunningham‘s Law 如何助力高效开发
Cunningham’s Law（坎宁安定律）源于 Wiki 的发明者 Ward Cunningham，他的观点是：换句话说，如果你想要得到正确的信息，与其直接提问，不如先发布一个错误的说法，人们会更积极地来纠正你。这种现象在 Stack Overflow、GitHub Issue 讨论区、代码 Review 以及各种技术博客评论区屡见不鲜。这条定律不仅适用于问答社区，还可以成为软件工程中的强大武器，帮助我们优化开发流程，提高代码质量。接下来，我们看看如何将 Cunningham’s Law 应用到软件开发
2025-03-21 07:45:00
7
原创 【开源宝藏】30天学会CSS - DAY4 第四课 CSS 关键帧
以下是一份的中文教程，帮助你理解并复刻这个“脉冲（Pulse）”动画的示例。它利用box-shadow和关键帧（keyframes）实现一个类似水波扩散的动画效果，同时保持中心文字“Pulse”不动。
2025-03-21 00:16:34
779
2
原创 从 0 到 万粉的 AI 公众号博主教程
DeepSeek + 腾讯元器，打造公众号 AI 助手。：普通人做 IP 短视频，必须懂的 3 个关键！：用 AI 提升内容创作？：DeepSeek 的推理逻辑，让我毛骨悚然！：以我为例，构建 AI+IP 领域的差异竞争力。：如何用 AI 高效创作，3 步解锁选题困难。：AI 科技博主都互抄模板了，我决定不玩了。：把握 AI 发展方向，领先布局个人 IP。：用 AI 高效创作，你需要一套工作流。，短短 4 个月内，我的公众号突破。，帮助更多人通过 AI 技术，实现。，即使是非技术人员，也能快速上手！
2025-03-20 18:38:53
163
原创 【程序员的思维乐园】Dunning-Kruger Effect：为什么菜鸟觉得自己很强，而高手却总是自我怀疑？
如果你写代码多年，你一定遇到过这样的情况：为什么会这样？这就是 Dunning-Kruger Effect（达克效应） 的威力！今天，我们就来聊聊：Dunning-Kruger Effect（邓宁-克鲁格效应），是由心理学家 David Dunning 和 Justin Kruger 在 1999 年提出的认知偏差理论，核心观点是：这可以用一张图来展示：📈 Dunning-Kruger 曲线（常见认知成长曲线）：愚昧之巅（Peak of “Mount Stupid”）绝望之谷（Valley of De
2025-03-20 15:14:48
25
原创 【程序员的思维乐园】康威定律：为什么你的代码，长得像你的公司？
这是典型的康威定律影响代码架构的案例。：如何权衡一致性、可用性、分区容错性？💡 这不是普通教程，而是工程师的。：为什么项目人越多，反而更难搞？：多线程优化，什么时候是陷阱？：如何避免项目代码质量崩坏？🚀 你是否遇到过这些问题？📌 这不是你的问题，而是。假设一个团队在做电商系统，康威定律由计算机科学家。
2025-03-20 14:43:18
17
原创 【程序员的思维乐园】布鲁克斯定律：为什么加人反而让你的项目更慢？
其中，( C ) 是沟通渠道的数量，( N ) 是团队人数。这种情况下，增加人手并不会加快开发，反而会带来更多问题。在这个过程中，老成员需要花时间指导新成员，导致。这与直觉相悖，但在现实软件开发中屡试不爽。团队成员越多，沟通成本呈指数增长。，只有科学管理团队，才能真正提高开发效率！那么不同团队可以并行开发，减少沟通成本。有些任务本质上不能被无限拆分。，最终会导致项目效率下降。，反而降低了整体生产力。
2025-03-20 10:50:38
572
原创 【程序员的思维乐园】破窗理论：为什么你项目的烂代码，会越来越烂？
微软的 Windows NT 团队在 90 年代采取严格的代码质量标准，确保没有“破窗”，这使得 NT 内核的稳定性远超之前的 Windows 版本。开源项目（如 Linux 内核）严格执行代码风格审核，任何格式错误的提交都会被拒绝，避免了“破窗”效应的发生。这一理论不仅适用于城市治安管理，还被广泛应用于软件工程，尤其是在。假设我们有一个简单的 Python 项目，其中存在一些。（坏代码），如果不及时修复，代码质量会越来越差。在 1982 年提出。是社会学中的一个概念，最早由。在软件开发中，如果团队允许。
2025-03-20 10:37:14
273
原创 【程序员的思维乐园】Amdahl 定律：为什么你的多线程优化，可能只是徒劳？
Amdahl 定律（Amdahl’s Law）是计算机科学中衡量。，我们来分析如果增加 CPU 核心，系统的性能提升情况。即使增加大量 CPU 核心，如果程序仍然包含大量。因此，软件优化时，不仅要增加并行性，还要减少。假设单个处理器运行完整个任务需要。如果你在优化程序时发现。假设我们正在开发一个。，那你可能需要先看看。
2025-03-20 10:26:58
410
原创 【程序员的思维乐园】90-9-1 原则：为什么你的代码库只有 1% 的人真的在贡献？
在软件工程和社区管理中， **90-9-1 原则（1% 规则） **是一个关于用户参与度的经验法则。它表明：这个规则在开源软件、在线社区和开发团队中都很重要，因为它帮助我们理解用户如何参与，以及如何优化软件生态。在软件工程中，我们可以通过代码分析一个开源项目的贡献情况，看看它是否符合 90-9-1 原则。以下是一个 Python 代码示例，使用 GitHub API 统计某个项目的贡献分布：如何在软件工程中应用 90-9-1 规则1. 优化贡献流程让 1% 的核心开发者更高效，比如提供 CI/C
2025-03-20 10:13:33
477
原创 【开源宝藏】30天学会CSS - DAY3 第三课 滑动文本+变色
改变滚动速度或方向在中，把20s改得更大，滚动会更慢；改更小，滚动更快。若要从右向左，可将初始改大一些，如到。更多文字或不重复目前示例把“DESAFIO 30 DIAS CSS”这一串文字重复了两遍，形成一种循环滚动感。如果想只显示一次，可以只写一遍。改变背景与文字配色.wrapper的和section的都可以改成你喜欢的色彩组合，只要保证两边对比明显，才能看出颜色变化。文字在中间或上下位置可以把top: 50%改为top: 30%或80%，让滚动文字出现在页面不同的垂直位置。别忘了同时更新或。
2025-03-19 23:40:16
1159
原创 【开源宝藏】30天学会CSS - DAY2 第二课 Loader Ring Demo
在style.css的下方，可以看到0% {100% {HTML 结构：由一个父容器.center，内部包含旋转环.ring与文字.text。CSS 样式绝对定位 +实现元素在页面中心。圆形 + 阴影 + 关键帧动画，实现旋转的环形效果。层叠两个 300×300 的圆（一个做环旋转，一个做文字展示）。动画原理： 通过@keyframesanimation属性，让.ring不断地做 0° → 360° 的循环旋转。
2025-03-16 19:10:50
825
原创 【开原宝藏】30天学会CSS - DAY1 第一课
通过以上分步骤搭建基础 HTML：列表 & 链接 & 图标占位初始样式布局：使用 flex 居中，把列表横向摆放图标倾斜或旋转transform基本变换多层<span>：为图标增加分层结构定位与颜色：用绝对定位让所有<span>重叠，分配不同的背景色鼠标悬停动画：通过:hover改变translate和opacity，让各层散开就这样，一个简洁的分层旋转社交图标效果就完成了。希望这个拆解式教程能帮助你理解各部分的功能，并在实际项目中灵活运用。祝你学习愉快!
2025-03-16 18:50:23
752
转载 【开源宝藏】awesome-seo Google SEO 和流量变现资料
这种英文CPM/CPC一般并不高（广告CPM/CPC取决于网站的内容/地区，不同内容广告的CPM/CPC范围介于$0.3-$2/$0.2-$15之间)，而中文站的流量广告价值更低（相比英文站）。（课程费用比较贵，我还没开始学）这本书是科普搜索引擎内部技术的，虽然搞SEO不需要了解搜索引擎内部实现，但是对于一些技术性优化，了解一些搜索引擎的特点有助于你从宏观局面优化网站。国内的SEO垃圾书很多，这本是国外SEO三位大佬合写，第三版是2015年写的，时效性还行，如果只看一本关于SEO书的话，这本就够了。
2025-03-10 09:51:11
17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人