Skip to content

Sirhap/vuepress-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hello World

🚀 代码不止,还有诗和远方
从入门到跑路,从 Hello World 到 Goodbye World
📚
专业技术沉淀
汇集各大互联网公司核心技术精华,深入浅出讲解架构设计思想和技术实现细节。
面试官:你觉得你最大的优点是什么?
我:我写的代码连 Bug 都不忍心住在里面 😎
🎯
面试题精选
精心筛选高频面试真题,覆盖 Java 核心、分布式架构、微服务、数据库等。
面试官:你的并发编程能力如何?
我:我能同时打开 100 个 Stack Overflow 标签页 🤓
🔥
持续更新
紧跟技术发展趋势,及时更新前沿技术内容。
产品经理:这个功能很简单,半小时能做完吧?
程序员:您说得对,我这就去泡杯咖啡 ☕

🎮 趣味编程人生

🤔
程序员的日常
- 早上:Debug 昨天的 Bug - 中午:创造今天的 Bug - 晚上:预约明天的 Bug
💭
编程语言の箴言
- Java:一处编译,处处调试 - Python:人生苦短,我用 Python - JavaScript:undefined 是一种特性
🎯
产品需求の真相
- 产品:这个很简单 - 开发:这个很复杂 - 最终:这个有 Bug

🚀 学习路线

第一阶段:从入门到放弃
Java 核心 → 数据结构 → 算法思想 → 设计模式
当你发现 Hello World 也会报错时,恭喜你入门了 🎉
第二阶段:从放弃到坚持
Spring 全家桶 → ORM 框架 → 微服务架构 → 分布式系统
当你能看懂 Stack Overflow 的回答时,你已经成长了 💪
第三阶段:从坚持到升华
性能优化 → 架构设计 → 源码分析 → 中间件原理
当你开始写注释时,说明你开始对得起自己了 😌

🌟 持续更新中...

本站内容持续完善中,我们将不断补充和优化各个技术专题的内容。

关注公众号【技术搬砖】,防止走丢,顺便拯救一下你的发际线 👨‍🦲

<style> .hero-section { text-align: center; padding: 3rem 0; background: linear-gradient(135deg, var(--bg-color) 0%, var(--bg-color-light) 100%); border-radius: 12px; margin-bottom: 2rem; } .hero-title { font-size: 2.5rem; font-weight: bold; margin-bottom: 1rem; color: var(--theme-color); } .hero-subtitle { font-size: 1.2rem; color: var(--text-color-light); } .features { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin: 2rem 0; } .feature-item { padding: 2rem; background: var(--bg-color); border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); transition: all 0.3s ease; } .feature-item:hover { transform: translateY(-5px); box-shadow: 0 6px 16px rgba(0,0,0,0.15); } .feature-joke { margin-top: 1rem; padding: 1rem; background: var(--bg-color-light); border-radius: 8px; font-size: 0.9rem; color: var(--text-color-light); } .fun-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin: 2rem 0; } .fun-card { padding: 1.5rem; background: var(--bg-color); border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .fun-icon { font-size: 2rem; margin-bottom: 1rem; } .fun-title { font-size: 1.2rem; font-weight: 600; margin-bottom: 1rem; color: var(--theme-color); } .fun-content { color: var(--text-color-light); } .roadmap { display: grid; gap: 1.5rem; margin: 2rem 0; } .phase { padding: 1.5rem; background: var(--bg-color); border-radius: 12px; border-left: 4px solid var(--theme-color); box-shadow: 0 4px 12px rgba(0,0,0,0.1); } .phase-joke { margin-top: 1rem; font-style: italic; color: var(--text-color-light); } .update-info { padding: 2rem; background: var(--bg-color); border-radius: 12px; margin: 2rem 0; text-align: center; border: 1px solid var(--border-color); box-shadow: 0 4px 12px rgba(0,0,0,0.1); } /* 暗色主题适配 */ @media (prefers-color-scheme: dark) { .feature-joke, .phase-joke { background: var(--bg-color-dark); } .hero-section { background: linear-gradient(135deg, var(--bg-color-dark) 0%, var(--bg-color-darker) 100%); } } /* 动画效果 */ @keyframes float { 0% { transform: translateY(0px); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0px); } } .emoji { display: inline-block; animation: float 3s ease-in-out infinite; } </style>

Releases

No releases published

Packages

No packages published