🎯 我的开源项目一览作为前端开发的爱好者和实践者,我参与了多个开源项目,其中包括一个《第五人格搞怪网页》以及一个《亲戚算》微信小程序等。每个项目都是我技能成长的重要里程碑,下面我将一一盘点这些项目,并分享我的开发历程。
1. 《第五人格搞怪网页》
项目简介《第五人格搞怪网页》是我基于游戏《第五人格》制作的一款搞怪网页,灵感来源于游戏中的独特人物设定和视觉风格。通过运用HTML、CSS和JavaScript,我为这个网页增添了许多创意的互动效果和趣味元素。
关键技术:
HTML/CSS/JS:基础网页开发。
Canvas动画:用来制作一些动态的搞怪效果。
前端框架:使用了简单的框架来进行页面布局和功能实现。
项目亮点:
创意十足的网页设计,展现了游戏的特色元素。
动态效果的加入增强了用户体验。
页面流畅,响应式布局适配各种设备。
项目源码:
引用站外地址
第五人格搞怪网页
Sanbai
...
🌿 2021-2025 年度书单📖 书籍是通往世界的窗户,每一次阅读,都是一场灵魂的旅行。这里记录 2021-2025 这五年里读过的书籍,每一本都带来不同的思考和收获。📚✨
📅 2021 年书单 | 文学的魅力关键词:艺术、文学、人性
🎨 《艺术的选择》
🌲 《挪威的森林》 ——[村上春树] 迷茫与青春的探讨
🌙 《偷影子的人》 ——[马克·李维] 温柔治愈的成长故事
🏃♂️ 《追风筝的人》 ——[卡勒德·胡赛尼] 关于友谊、救赎与命运
🔍 《人性的弱点》 ——[戴尔·卡耐基] 洞察人性,提高社交能力
📅 2022 年书单 | 经典与哲思关键词:成长、哲学、推理
🌎 《百年孤独》 ——[加西亚·马尔克斯] 魔幻现实主义的巅峰
🎨 《月亮与六便士》 ——[毛姆] 艺术与现实的碰撞
📖 《阅读是一座随身携带的避难所》 ——[毛姆] 书籍的魅力
💌 《送你一颗子弹》 ——[刘瑜] 温暖且犀利的文字
🔪 《十宗罪 6》 ——[蜘蛛] 犯罪心理学
😊 《悲喜自渡》 ——[苑子文] 温暖的人生思考
✉ 《给青年的十二封信》 ——[朱光潜] 写给青年 ...
🧠 前端学习路线图🧱 一、基础阶段(入门打牢地基)✅ 必学内容
HTML5:语义化标签、表单、媒体、结构
CSS3:选择器、盒模型、布局(Flex/Grid)、动画
JavaScript(ES6+):变量作用域、数组对象、函数、DOM 操作、事件、异步(Promise/async)、模块化
📚 推荐资源
B站:尚硅谷前端入门、黑马程序员前端入门
文档:MDN Web Docs
在线练习:CodePen、JSFiddle
💡 推荐练习
简易个人介绍页
打字机动画效果
图片轮播图
🚀 二、进阶阶段(现代前端工程化)✅ 学习点
ES6+ 高级语法(解构、箭头函数、模块化)
开发工具(VSCode、Git、npm)
模块打包工具(Webpack / Vite)
工程规范(ESLint、Prettier、Babel)
数据请求(Fetch、Axios)
响应式布局(媒体查询、rem/vw、移动端适配)
💡 推荐练习项目
响应式简历网页
天气预报小应用(API)
移动端仿微信界面
📦 三、框架阶段(现代 Web 应用核心)✅ 推荐 ...
三视图不再难!我用 ChatGPT-4o + AI 搞定了原创角色设定图 🎨
原本画三视图超头疼,现在有了 ChatGPT-4o 和 AI 绘图工具,效率真的提升超多!这篇文章就来跟大家分享下我的完整创作过程~
🧠 为什么突然想搞个三视图?说来挺简单的,就是一直有个想法,想设计一个属于自己的 IP 角色。但之前每次画到侧面或背面就直接放弃……想要画得规范、统一、又好看,真的太难了!
然后发现 ChatGPT-4o 更新了生图功能,发现 AI 根本就是拯救懒人的创作工具!直接开始整活!
✨ 我的创作流程分享整个过程其实超简单,我是这么搞的👇
1. 跟 ChatGPT 聊角色设定我先把我想要的角色类型、风格、细节通通丢给 ChatGPT,比如:
是个猫耳少女
风格偏日系软萌,穿宽松毛衣
性格要温柔安静一点,有点小迷糊的感觉
想走那种“看了就想rua”的路线(你懂我意思吧😆)
然后它就帮我总结出了一堆关键词,还顺手列了几个 prompt 参考,真的很贴心。
2. 丢进 AI 画图模型里出图我把 GPT 给的 prompt 丢进 Midjourney,用的类似这 ...
AnZhiYu主题中大部分标签移植于店长的hexo-butterfly-tag-plugins-plus,转载请注明来自安知鱼
段落文本 p标签语法配置参数样式预览示例源码1{% p 样式参数(参数以空格划分), 文本内容 %}
字体: logo, code
颜色: red,yellow,green,cyan,blue,gray
大小: small, h4, h3, h2, h1, large, huge, ultra
对齐方向: left, center, right
彩色文字在一段话中方便插入各种颜色的标签,包括:红色、黄色、绿色、青色、蓝色、灰色。
超大号文字文档「开始」页面中的标题部分就是超大号文字。Volantis
A Wonderful Theme for Hexo
123456- 彩色文字 在一段话中方便插入各种颜色的标签,包括:{% p red, 红色 %}、{% p yellow, 黄色 %}、{% p green, 绿色 %}、{% p cyan, 青色 %} ...
邮件回复样式定制说明今天我突发奇想改一下邮件回复样式。之前 Twikoo 默认样式比较简洁,在网上找到了张洪大佬的修改样式,支持移动端和电脑端显示。有需要的小伙伴可以直接使用、修改和二次创作。
邮件样式展示
其实也是比较偏简洁的那种吧。
兼容移动端和电脑端。
移动端样式
电脑端样式
邮件模板代码将以下 HTML 模板代码复制到 Twikoo 后台的 MAIL_TEMPLATE 中使用。(请将 background-image: url('这里更改为你的网站图标') 部分替换为你实际的网站图标 URL。)
1<div class="page flex-col"> <div class="box_3 flex-col" style=" display: flex; position: relative; width: 100%; height: 206px; background: #d8b8ff4d; top: 0; left: 0; justify-c ...
十日终焉法则定律效应二八定律(40)在任何一组东西中,最重要的只占其中一小部分,约20%,其余80%的尽管是多数,却是次要的,因此又称二八法则。
狩猎法则(40、42)狩猎者定然比猎物更加凶猛,再狡猾的猎物也有其罩门与要害。
马太效应(45)马太效应随后也被用于概括教育、经济、政治等领域的相关社会现象,即已经处于优势地位的个体会因此而获得更多的优势,而处于劣势地位的个体则会因此变得更加劣势。
手表定律(61、396、738)是指拥有两块以上的手表并不能帮人更准确的判断时间,反而会制造混乱,让看表的人失去对时间的判断。手表定理所指的另一层含义在于每个人都不能同时挑选两种不同的行为准则或者价值观念,否则那个人的行为将陷于混乱。
米格25效应(76、796、1084)所谓最佳整体,乃是个体的最佳组合。
囚徒困境(76、278、430、967、1167、1188、1189)Prisoner’s Dilemma 是指两个被捕的囚徒之间的一种特殊博弈,说明即使合作对双方都有利时,保持合作也是困难的。囚徒困境是博弈论的非零和博弈中具代表性的例子,反映个人最佳选择并非团体最佳选择。虽然困境本身只属模型 ...
作品概述 《十日终焉》是一部已完结的中文网络小说,作者为杀虫队队员,于2022年12月4日首发于番茄小说,于2024年10月31日完结,总计1358章,291万字。小说类型涵盖悬疑、灵异、推理、无限流、求生、玄幻和群像,强调非后宫、非套路、非无敌、非系统、非无脑、非爽文的特色。
故事设定在“终焉之地”,一个破败的城市,居民包括精神不稳定的“原住民”和戴动物面具的“十二生肖”。主角群体被困于此,必须参与每10天一次的死亡游戏以求逃脱。部分角色通过多次轮回觉醒“回响”超能力,这成为逃脱的关键。主角齐夏(26岁,男)是一位高智商但心理不稳定的诈骗师,寻找记忆中的妻子余念安(由其“回响”能力创造)是其主要动机。
世界构建终焉之地“终焉之地”是一个破败的城市,充满死亡气息,所有进入者都有前世“罪行”。“十二生肖”设计死亡游戏,“原住民”精神不稳定。轮回机制每 10 天重置记忆,但觉醒“回响”的角色可保留记忆。
关键机制
“回响” 需要 “信念” 触发,可继承,初次使用需契机,后可控制,过度使用导致认知混乱,存在于眼中,可移植。
非 “回响者” 记忆被人工抹除,可通过 “深回响化” 恢复。
...
Web3
未读Web3钱包详解1. Web3钱包的定义和基本概念Web3钱包是去中心化网络和区块链生态的核心工具,它使用户能够控制、管理、转账和接收加密货币(如比特币、以太坊等),并与去中心化应用(DApps)交互。与传统的Web2钱包(如PayPal或银行应用)不同,Web3钱包不仅仅是一个存储货币的地方,它还是用户在Web3生态系统中的数字身份入口,支持去中心化金融(DeFi)、交易NFT、参与DAO治理等功能。
去中心化的本质:Web3钱包是非托管的(Non-Custodial),用户自己掌控私钥和资产,不依赖第三方机构(如银行或交易所)。
Web3的背景:Web3代表基于区块链的下一代互联网,强调用户数据主权和去中心化,而Web3钱包是连接用户与这一生态的桥梁。
2. Web3钱包的工作原理Web3钱包基于公钥加密技术(PKI,Public Key Infrastructure)运作,通过私钥和公钥对保护用户资产并实现区块链交互。
核心组件
公钥(钱包地址)
类似于银行账号,是一个公开的字符串(如以太坊地址:0x1234...abcd),用于接收加密货币或标识用户身份。
...
Android Studio 连接雷电模拟器教程在 Android 应用开发过程中,使用模拟器进行测试是必不可少的。雷电模拟器(LDPlayer)是一款功能强大的安卓模拟器,兼容性好、运行流畅,适用于游戏和应用开发。本文将介绍如何在 Android Studio 中连接雷电模拟器进行调试。
一、准备工作1. 下载并安装雷电模拟器
访问 雷电模拟器官网 下载最新版本的模拟器。
安装完成后,运行雷电模拟器,并在 设置 -> 点击关于平板电脑,连续点击5次版本号 -> 出现开发者选项 ->进入开发者选项 -> 勾选usb调试 。
2. 确保已安装 ADBAndroid Studio 自带 ADB(Android Debug Bridge),用于设备管理和应用调试。如果 ADB 不可用,可以在 Android SDK 目录下找到 platform-tools 进行安装和配置。
二、连接雷电模拟器按win+r,输入cmd打开命令控制器,将目录切换到你安装雷电模拟器的文件夹下,我的模拟器的安装目录如下
方法 1:直接连接(推荐)
打开雷电模拟器,等待系统启动 ...