🎯 我的开源项目一览作为前端开发的爱好者和实践者,我参与了多个开源项目,其中包括一个《第五人格搞怪网页》以及一个《亲戚算》微信小程序等。每个项目都是我技能成长的重要里程碑,下面我将一一盘点这些项目,并分享我的开发历程。
1. 《第五人格搞怪网页》
项目简介《第五人格搞怪网页》是我基于游戏《第五人格》制作的一款搞怪网页,灵感来源于游戏中的独特人物设定和视觉风格。通过运用HTML、CSS和JavaScript,我为这个网页增添了许多创意的互动效果和趣味元素。
关键技术:
HTML/CSS/JS:基础网页开发。
Canvas动画:用来制作一些动态的搞怪效果。
前端框架:使用了简单的框架来进行页面布局和功能实现。
项目亮点:
创意十足的网页设计,展现了游戏的特色元素。
动态效果的加入增强了用户体验。
页面流畅,响应式布局适配各种设备。
项目源码:
引用站外地址
第五人格搞怪网页
Sanbai
...
🌿 2021-2025 年度书单📖 书籍是通往世界的窗户,每一次阅读,都是一场灵魂的旅行。这里记录 2021-2025 这五年里读过的书籍,每一本都带来不同的思考和收获。📚✨
📅 2021 年书单 | 文学的魅力关键词:艺术、文学、人性
🎨 《艺术的选择》
🌲 《挪威的森林》 ——[村上春树] 迷茫与青春的探讨
🌙 《偷影子的人》 ——[马克·李维] 温柔治愈的成长故事
🏃♂️ 《追风筝的人》 ——[卡勒德·胡赛尼] 关于友谊、救赎与命运
🔍 《人性的弱点》 ——[戴尔·卡耐基] 洞察人性,提高社交能力
📅 2022 年书单 | 经典与哲思关键词:成长、哲学、推理
🌎 《百年孤独》 ——[加西亚·马尔克斯] 魔幻现实主义的巅峰
🎨 《月亮与六便士》 ——[毛姆] 艺术与现实的碰撞
📖 《阅读是一座随身携带的避难所》 ——[毛姆] 书籍的魅力
💌 《送你一颗子弹》 ——[刘瑜] 温暖且犀利的文字
🔪 《十宗罪 6》 ——[蜘蛛] 犯罪心理学
😊 《悲喜自渡》 ——[苑子文] 温暖的人生思考
✉ 《给青年的十二封信》 ——[朱光潜] 写给青年 ...
使用 UniApp 实现车牌号选择组件(含键盘和新能源支持)在移动应用开发中,车牌号输入是一个常见需求,尤其是在与交通、停车、违章查询等相关的应用中。与普通文本输入不同,车牌号输入有着特定的规则和格式,需要专门的键盘和交互设计。本文将详细介绍如何使用 UniApp 框架实现一个功能完善的车牌号选择组件,支持常规车牌和新能源车牌。
效果预览
功能特点
支持普通车牌和新能源车牌输入
自定义键盘,分为省份简称键盘和字母数字键盘
智能切换键盘类型
支持车牌号规则限制(如第二位只能输入字母或数字等)
集成删除和关闭功能
支持初始化已有车牌号
优雅的样式和流畅的交互体验
实现思路
创建车牌号输入框组件
实现省份简称键盘
实现字母数字键盘
添加车牌号输入规则和限制
实现键盘切换和交互逻辑
代码实现完整代码
在components下建立car-number-input文件 复制以下代码123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585 ...
Vue CLI 3 项目打包成安卓 APK 的完整流程(图文教程)🧱 一、前期准备✅ 项目环境
Vue CLI 3 项目(已完成开发)
Node.js / npm 环境
HBuilderX(推荐使用官方最新版本)
一台安卓手机用于安装测试
📦 二、打包 Vue 项目(解决路径问题)Vue 项目默认构建时路径是绝对路径,直接打包会出现“白屏”问题。因此我们需要先修改项目的 vue.config.js 文件。
✏️ 修改 vue.config.js (没有就自己新建一个)123module.exports = { publicPath: './'}
这一步的作用是将构建路径改为相对路径,确保资源能被正常加载。
🚀 运行构建命令1npm run build
构建完成后,会生成一个 dist 文件夹,里面就是你打包好的 HTML、JS、CSS 文件。
🧰 三、创建 HBuilderX 项目并替换资源1. 打开 HBuilderX,创建一个 5+App 项目路径:文件 → 新建 → 项目 → 5+App → uni-app 项目 ...
前端开发
未读🧠 前端学习路线图🧱 一、基础阶段(入门打牢地基)✅ 必学内容
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 天重置记忆,但觉醒“回响”的角色可保留记忆。
关键机制
“回响” 需要 “信念” 触发,可继承,初次使用需契机,后可控制,过度使用导致认知混乱,存在于眼中,可移植。
非 “回响者” 记忆被人工抹除,可通过 “深回响化” 恢复。
...