Star了安知鱼的 小空调
引用站外地址
云空调,便携小空调
云空调,便携小空调
项目地址,欢迎大家 Star
引用站外地址
云空调,便携小空调
云空调,便携小空调
优势
🕐 随时随地打开空调
📱 便携
🔋 低功耗(使用 HTML CSS 而非 Canvas 绘制)
🔊 静音
🎮 操作简单
🔧 安装便捷
劣势
💨 没有风
部署方案 如果你和我一样是使用 hexo 的话,那么将变的极其简单。
在你的博客根目录执行以下命令:
1hexo new page air-conditioner
然后在会生成 source/air-conditioner/index.md, 将以下 ...
前端开发
未读Git 常用指令总结Git 是一个强大的版本控制工具,广泛应用于开发协作和代码管理。本文将为你整理一些常用的 Git 指令,帮助你更高效地进行版本控制操作。
📋 基本操作1. 初始化和克隆
git init初始化一个新的 Git 仓库。
git clone <repository_url>克隆一个远程仓库到本地。
2. 查看状态
git status查看当前工作区的状态,查看哪些文件被修改、哪些文件已经暂存。
3. 提交变更
git add <file>将文件添加到暂存区,准备提交。
git commit -m "commit message"提交暂存区的变更,带上提交信息。
4. 查看历史
git log查看提交历史。
5. 查看差异
git diff查看文件变化的差异。
🌿 分支操作1. 创建与切换分支
git branch查看所有本地分支。
git branch <branch_name>创建一个新分支。
git checkout <branch_name>切换到指定分支。
git ...
类型系统:静态 vs 动态(TypeScript vs JavaScript)1.类型系统TypeScript(静态类型)
特性:变量、函数参数、返回值等需显式声明类型(或通过类型推断),编译时检查类型错误。
代码示例:1234function add(a: number, b: number): number { return a + b;}add(1, "2"); // 编译时报错:类型不匹配
JavaScript(静态类型)
特性:动态类型:类型在运行时确定,允许变量类型自由变化,错误在运行时暴露,编译时检查类型错误。
代码示例:123function add(a, b) { return a + b; }add(1, "2"); // 运行时返回 "12"(字符串拼接)
2.开发阶段:错误预防
TS:编译时通过类型检查提前发现潜在逻辑错误(如拼写错误、类型不匹配)。
JS:只能在运行时通过测试或用户反馈发现错误
3.具链支持TS:
IDE 支持更强大(如 VSCod ...
🌟 我的大学时光:温暖而闪亮的日子大学不仅是知识的殿堂,更是我成长的摇篮。在这里,我结识了许多有趣的朋友,体验了无数精彩的瞬间。每个阶段的自己,都在不断突破和提升。🎓✨
🏸 羽毛球-结识球友永远记得第一次走进羽毛球馆时的忐忑,却意外收获了一群可爱的伙伴
他们都很厉害,和他们比起来自己就是个小趴菜🥬,和他们在一起打球总是感觉自在,舒适,虽然和他们打经常被打成“人欺”
夜晚的球场
可爱的小伙伴
📚 技能大赛故事:那些共同奋斗的夜晚这张桌子见证过外卖香气、咖啡渍和突然迸发的灵感火花
📱 第一年·移动应用开发
抱着”试试,冲一下”的心态报名,却开启了新世界的大门
为设计“升天宝”APP,网上学习了地府、十八层地狱等知识
可惜比赛中出了问题,没有获得理性成绩
🌐 第二年·Web技术·一等奖
带着去年的遗憾,和队友在实训室搭起行军床
为优化电商系统,做梦见自己再优化代码
大半夜公布成绩的开心和庆幸
准备比赛的日子像在闯关:
抓耳挠腮改代码时,被递来的小零食
争论方案到脸红脖子粗,又被队友一句”先吃饭”瞬间化解
当调试成功的屏幕亮起,挤在屏幕前的欢呼
🎮 宿舍欢乐颂:永劫无 ...
🎯 我的开源项目一览作为前端开发的爱好者和实践者,我参与了多个开源项目,其中包括一个《第五人格搞怪网页》以及一个《亲戚算》微信小程序等。每个项目都是我技能成长的重要里程碑,下面我将一一盘点这些项目,并分享我的开发历程。
1. 《第五人格搞怪网页》
项目简介《第五人格搞怪网页》是我基于游戏《第五人格》制作的一款搞怪网页,灵感来源于游戏中的独特人物设定和视觉风格。通过运用HTML、CSS和JavaScript,我为这个网页增添了许多创意的互动效果和趣味元素。
关键技术:
HTML/CSS/JS:基础网页开发。
Canvas动画:用来制作一些动态的搞怪效果。
前端框架:使用了简单的框架来进行页面布局和功能实现。
项目亮点:
创意十足的网页设计,展现了游戏的特色元素。
动态效果的加入增强了用户体验。
页面流畅,响应式布局适配各种设备。
项目源码:
引用站外地址
第五人格搞怪网页
Sanbai
...
🌿 2021-2025 年度书单📖 书籍是通往世界的窗户,每一次阅读,都是一场灵魂的旅行。这里记录 2021-2025 这五年里读过的书籍,每一本都带来不同的思考和收获。📚✨
📅 2021 年书单 | 文学的魅力关键词:艺术、文学、人性
🎨 《艺术的选择》
🌲 《挪威的森林》 ——[村上春树] 迷茫与青春的探讨
🌙 《偷影子的人》 ——[马克·李维] 温柔治愈的成长故事
🏃♂️ 《追风筝的人》 ——[卡勒德·胡赛尼] 关于友谊、救赎与命运
🔍 《人性的弱点》 ——[戴尔·卡耐基] 洞察人性,提高社交能力
📅 2022 年书单 | 经典与哲思关键词:成长、哲学、推理
🌎 《百年孤独》 ——[加西亚·马尔克斯] 魔幻现实主义的巅峰
🎨 《月亮与六便士》 ——[毛姆] 艺术与现实的碰撞
📖 《阅读是一座随身携带的避难所》 ——[毛姆] 书籍的魅力
💌 《送你一颗子弹》 ——[刘瑜] 温暖且犀利的文字
🔪 《十宗罪 6》 ——[蜘蛛] 犯罪心理学
😊 《悲喜自渡》 ——[苑子文] 温暖的人生思考
✉ 《给青年的十二封信》 ——[朱光潜] 写给青年 ...
前端开发
未读毛玻璃风格的登录注册页面 ✨
想要一个高颜值的 登录注册页面 ?想让你的 UI 设计脱颖而出?这篇文章带你用 HTML + CSS 搭建一个 毛玻璃 风格的炫酷登录页面!💎
🖼 效果预览我们的最终效果是一个 毛玻璃透明背景 + 渐变色 UI + 炫酷按钮 的登录注册界面。快来看看吧👇:
🚀 技术栈本项目使用的技术栈:
HTML:页面结构
CSS:毛玻璃特效 + 视觉优化
FontAwesome / Icon库:用于图标美化
渐变背景:让页面更有质感
🎨 代码实现12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811 ...
引言在微信小程序的开发中,头部导航栏是每个应用的核心UI组件之一。一个设计良好的导航栏能够提升用户体验,使得页面更加清晰易懂。然而,在微信小程序中,默认的导航栏样式有时无法满足我们个性化的需求。本文将教你如何在UniApp中优雅地自定义微信小程序的头部导航栏,确保排版美观且具备良好的用户体验。
技术栈概述
UniApp:一款基于Vue.js的跨平台开发框架,支持多平台(包括微信小程序)。
微信小程序:开发的目标平台,本文重点解决其头部导航栏的定制问题。
CSS3:用于自定义导航栏样式,保证视觉效果的优雅与兼容性。
1. UniApp创建微信小程序项目首先,在HBuilderX中创建一个新的UniApp项目,并选择微信小程序模板。在HBuilderX中新建项目时,选择模板为 uni-app,然后选择微信小程序作为发布平台。
2. 解决微信小程序默认头部导航栏的样式微信小程序的默认头部导航栏样式往往比较简单,有时无法满足我们对颜色、字体、布局等的个性化需求。UniApp提供了灵活的方式来隐藏默认的导航栏,并自定义它。
步骤一:隐藏默认导航栏在 pages.json 文件中,针对每个页面配 ...
在 Vue 2 和 Vue 3 中获取设备信息
一、简介
在 UniApp 中,我们可以使用 uni.getSystemInfo() 或 uni.getSystemInfoSync() 来获取设备信息。两者的区别在于:
uni.getSystemInfo() 是异步方法,返回一个 Promise 对象。
uni.getSystemInfoSync() 是同步方法,直接返回设备信息对象。
获取设备信息不仅能帮助我们调整页面布局,还能根据平台差异化提供不同的 UI 和功能。
二、Vue 2 获取设备信息
使用异步方法 uni.getSystemInfo()
在 Vue 2 中,通常通过 mounted() 生命周期函数获取设备信息。以下是示例代码:
export default {
data() {
return {
deviceInfo: ''
};
},
mounted() {
this.getDeviceInfo();
},
methods: {
// 获取设备信息
getDev ...
UniApp 跨域问题解决方案一、跨域问题的背景跨域问题是由于浏览器的 同源策略(Same-Origin Policy) 引起的。浏览器只允许与当前页面相同源(协议、域名、端口)的请求。如果前端页面向不同源发起请求,就会被浏览器拦截,并提示跨域错误。
在 UniApp 中,由于其跨平台的特性,开发者经常会遇到在 App 和 微信小程序 上访问后端接口时出现的跨域问题。
二、解决方案1. 在 App 上解决跨域问题在 App 上,跨域问题通常由 WebView(内嵌浏览器) 引起。WebView 使用了浏览器的同源策略,因此如果你使用了 WebView 来展示网页内容或进行接口请求时,跨域问题就会出现。
解决方案:
跨域设置:如果你在 App 中使用了 WebView,最直接的解决办法是 后端配置 CORS(跨域资源共享),这样 WebView 请求时就不会受到跨域限制。
通过代理服务器:你可以使用代理服务器来转发请求,解决跨域问题。
1234567891011121314uni.request({ url: 'https://api.example.com/da ...