lulei5153的博客

原创 漂亮的手机号文字

【代码】漂亮的手机号文字。

原创 自动获取屏幕尺寸信息的html文件

我们创建了一个占满整个视口（viewport）的div，背景颜色设置为浅蓝色，字体大小设置为2em，内容居中对齐。然后，我们使用JavaScript来获取这个div的实际宽度和高度，并实时显示在div中。当页面加载或窗口大小改变时，尺寸信息会自动更新。

原创 绘制三角形、正六边形、五角星、六角星

【代码】绘制三角形、正六边形、五角星、六角星。

原创 文本在屏幕上自由游动

【代码】文本在屏幕上自由游动。

原创 用户角色管理:优化函数

【代码】用户角色管理:优化函数。

原创 手机留言板

【代码】手机留言板。

原创 手机备忘录：房租记录，倒计时记录，账号记录

【代码】手机备忘录：房租记录，倒计时记录，账号记录。

原创 手机版登录界面！滑动切换效果：减去120多行代码

【代码】手机版登录界面！滑动切换效果：减去120多行代码。

原创 手机版简单的密码记录本：内置的记录在页面隐藏了删除按钮，页面上添加的显示删除按钮

手机版简单的密码记录本：内置的记录在页面隐藏了删除按钮，页面上添加的显示删除按钮。

原创 重新修改我的标志

【代码】重新修改我的标志。

原创 上下分色文字

【代码】上下分色文字。

原创 简单的音乐播放器

【代码】简单的音乐播放器。

原创 倒计时功能实现：认识了css选择器 div[id^=“countdown-“]

【代码】倒计时功能实现：认识了css选择器 div[id^=“countdown-“]

原创 自建html首页

【代码】自建html首页。

原创 组装首页:其他组件html、css移入JS中再引入首页

【代码】组装首页:其他组件html、css移入JS中再引入首页。

原创 html导航栏页面切换效果减少代码量

【代码】html导航栏页面切换效果减少代码量。

原创 绝美登录界面手机版！滑动切换效果

手机版上下滑动切换效果，退出登录回到登录界面

原创 房租水电费记录本：添加了账号密码登录才能查看

【代码】房租水电费记录本：添加了账号密码登录才能查看。

原创 绝美的登录界面！滑动切换效果：遮盖层背景颜色改成背景图片

简单地封装实现注册和登录功能，遮盖层背景颜色改成背景图片

原创 房屋水电费记账本：内置的数组数据击按钮不能删除，页面手动添加的可以删除

【代码】房屋水电费记账本：内置的数组数据击按钮不能删除，页面手动添加的可以点。

原创 房屋水电费：重新布局

【代码】房屋水电费：重新布局。

原创 房屋水电费：重新布局，重构JS代码

【代码】房屋水电费：重新布局，重构JS代码。

原创 好玩的水表电表

【代码】好玩的水表电表。

原创 好玩的进3D度条

【代码】好玩的进3D度条。

原创 2024年房租水电费记账本：重新布局，给它一点意思看看，打包到手机可以用

【代码】2024年房租水电费记账本：重新布局，给它一点意思看看，打包到手机可以用。

原创 房租水电费记账本：重构JS代码，添加制成图片按钮

修复 calculateDetails 函数中的首月用水量和用电量的计算错误：这个修复版本中，当 index == 0 时（即处理的为首月记录），用水量和用电量的计算是针对当前记录的值减去自身，因此保证了在首月不出现负值的情况。同时，只有当不是首月的时候，才进行和前一个月的读数比较。这样能确保首月的计算过程能够正确反映出实际情况。

原创 2024年房租水电费卡片记账本：改成卡片布局在手机上好用，添加了localStorage保存数据

原创 input文本框随其中内容而变化长

【代码】input文本框随其中内容而变化长。

原创 房租水电费记账本(内置数组数据版)：只显示有记录的月份，简单添加了手机模式下的样式

【代码】房租水电费记账本(内置数组数据版)：只显示有记录的月份，简单添加了手机模式下的样式。

原创 很有意思的css动态渐变

【代码】很有意思的css动态渐变。

原创 我的标志：奇特的头像

【代码】我的标志：奇特的头像。

原创 staticHeader(静态标头)：精减代码，添加个倒计时

【代码】staticHeader(静态标头)：精减代码，添加个倒计时。

原创 房租水电费记账本(内置数组数据版)：优化代码

优化点：1.代码结构：将创建单元格的逻辑提取到 createCell 函数中，减少重复代码。2.变量命名：使用更具描述性的变量名，如 totals 对象来存储各项总和。3.逻辑简化：简化了一些逻辑判断和计算过程，使代码更易读。4.事件处理：使用 isCalculated 标志位来控制按钮文本和计算逻辑的切换。

原创 房租水电费记账本(内置数组数据版)：添加了计算按钮

【代码】房租水电费记账本(内置数组数据版)：添加了计算按钮。

原创 房租水电费记账本(内置数组数据版)：添加了年总和

【代码】房租水电费记账本(内置数组数据版)：添加了年总和。

原创 房租水电费记账本(内置数组数据版)

【代码】房租水电费记账本(内置数组数据版)

原创 html记账本改写：保存数据 localStorage。

主要修改点： 1.保存数据：在每次数据变化时（如添加、删除、修改项目），调用 saveData() 函数将数据保存到 localStorage。 2.加载数据：在月份选择变化时，调用 loadData() 函数从 localStorage 加载数据。 3.键名生成：使用 year 和 month 生成 localStorage 的键名，格式为 ledger_${year}_${month}。 这样，每次用户选择月份时，都会从 localStorage 中加载对应月份的数据，并在数据变化时保存到 localS

原创 html记账本改写:数据重新布局，更好用了，没有localStorage保存版本

【代码】html记账本改写:数据重新布局，更好用了，没有localStorage保存版本。

原创 贪吃蛇游戏：增加暂停按钮，每次增加10分蛇会变化

【代码】贪吃蛇游戏：增加暂停按钮，每次增加10分蛇会变化。

原创 html记账本

【代码】html记账本。