自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 vite+ts开发时路由动态引入组件报错问题

【代码】vite+ts开发时路由动态引入组件报错问题。

2025-05-01 10:15:18 78

原创 解决Vue开发中img无法动态导入public下图片问题

动态获取src时,路径中没有public。

2025-03-19 19:41:53 260

原创 <template>标签报错问题

使用vue脚手架进行开发时,template标签会报错。解决方案:打开插件,禁用ESLint扩展。

2025-03-12 17:11:07 208

原创 JavaScript判断数据类型的五种方法

JavaScript判断数据类型的五种方法

2025-02-24 21:00:26 125

原创 JavaScript异步的简单理解

主线程继续执行,当任务队列通知主线程时,该任务才会执行。异步任务不进入主线程,进入。

2025-02-06 16:57:14 141

原创 JavaScript中JSON的知识点

JSON数据格式JavaScriptObjectNotation缩写,即js对象表示法。JSON在开发中主要用来数据的交互,是一种轻量级的数据交换格式。

2025-01-19 16:40:02 206

原创 JavaScript定时器实现动画的优化

1.精度问题,当元素距离左边不是一个整数时,或者移动的距离不为整数时,div.offsetLeft==len条件无法达成,定时器永远执行下去。之前移动的距离每次为10px,是固定的。定义一个变量用作每次移动的距离,每次执行定时器使这个变量值变小。3.逻辑问题,更改样式的语句应该在判断语句下面,否则元素移动位置将会超出预期10px。2.clearInterval()问题,清除定时器后,判断条件以下的代码任会执行。1.代码运行网页,发现div元素并不是从left=0的位置开始移动的。

2025-01-19 15:51:15 339

原创 JavaScript实现动画效果

使用setInterval和clearInterval函数。setInterval用于创建函数,每隔一段时间可执行一次代码。clearInterval用于清除创建的定时器。

2025-01-19 14:21:36 232

原创 移动web开发适配的一般步骤

1.拿到设计原稿,若设计原稿宽度为360px。打开vscode的设置,搜索“Root Font Size”,更改成设计原稿的十分之一(这里是36px)。2.搜索并安装插件,插件名:px to rem & rpx & vw (cssrem)。5.根据设计原稿进行开发。单位一律使用px,然后再根据插件的提示将px转换为rem。initial-scale=1.0:表示页面的初始缩放值1倍。maxinum-scale=1.0:最大允许缩放比例。mininum-scale=1.0:最小允许缩放比例。

2025-01-11 15:10:10 248

原创 [笔记]CSS常用选择器总结

nth-child/of-type(n),2n/even 偶数,2n+1/odd 奇数。impotrant>内联>id>类/伪类/属性>元素>通配/子/相邻>继承。:first-of-type,先匹配再找子元素。:first-child,先找子元素再匹配。::first-letter,第一个字符。::first-line,第一行。::before,元素的开始位置。::selection,选中的。::after,元素的结束位置。:visited,访问过的。:target,url点。:active,点击后。

2025-01-11 14:17:11 174

原创 html+css实现3D效果

4.六个图片盒子分别旋转(ratate)和偏移(translate),拼合成一个立方体。1.使用vscode内置的代码片段快速生成基本结构。2.大盒子里面放置六个图片盒子,分别对应立方体的六个面。4.为每个图片盒子设置样式,使它们拼合成一个立方体。3.六个图片盒子里有图片,与图片盒子的大小相等。3.style标签中为盒子设置基本样式。1.最外面写一个div大盒子。2.body中编写盒子。

2025-01-11 08:36:43 336

原创 笔记:LiveData的用法

上个笔记中在Activity中手动获取ViewModel中的数据这种交互方式,ViewModel 却无法将数据的变化主动通知给Activity。4.MainActivity.kt,添加观察者,移除撒刷新界面的方法。2.MianViewModelFactory.kt,无变化。3.MianViewModel.kt,改变count。1.MianViewModel.kt,改变count。,就可以 主动将数据变化通知给Activity了。1.activity_main.xml,无变化。

2024-05-21 10:11:44 300

原创 笔记:ViewModel的简单使用

描述:轻量数据,通过SharedPreferences保存到设备中。主界面包含一个按钮控件和文本控件,按下按钮时计数并显示到文本上。当屏幕旋转时,activity被重建,计数仍然保留。1.activity_main.xml,添加清除数据按钮,方便测试。3.MainViewModel.kt,viewmodel存储数据。1.build.gradle.kts,引入依赖。2.activity_main.xml,主界面。2.MainViewModel.kt,修改代码。4.MainActivity.kt,修改代码。

2024-05-20 23:11:47 397

原创 笔记:ROOM实现简单数据库

主界面包含四个按钮,分别实现;添加数据、删除数据、修改数据、查询数据。引入依赖后,创建三个类:Dao、Entity、Database。

2024-05-18 16:52:37 318

原创 笔记:RecyclerView的简单用法

2.simple_item_layout,视图中每一项的模板。1.一个主界面,包含recyclerview控件。4.主类,Mainactivity。

2024-05-16 17:01:02 243

原创 笔记:实现简单fragment

主界面包含Button、Fragmentlayout控件,按钮按下,fragment出现。3.MainActivity中编写监听事件。

2024-05-14 23:36:43 229 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除