- 博客(27)
- 收藏
- 关注
原创 css之雪碧图(精灵图)
雪碧图(Sprite)是一种在Web开发中常用的图像合并技术,将多个小图标或图片合并成一张大图,然后通过CSS来显示其不同部分。这种技术可以减少HTTP请求数量,提高网页加载速度。如果一张大图由许多小图构成,那么每张小图都需要进行网络请求,这样一来就会有很多请求,为了减少网络请求,雪碧图就出现了。听到雪碧图是不是跟我一样,啥?以下是本人自己写的例子,大图的图片是在百度找的。
2024-09-02 14:57:07 824
原创 PrimeVue DataTable 属性值解析
nullnull000falsebottomtrue5nullfalsefalsenullnullnull11nullsinglefalsenullnullnullnullnullnulldeepEqualsfalsefalsenullnullfalsedownloadnullfalsefitfalsenullnullnullnullnullfalsenullsessionnullnullnullnullnullfalsenull输入HTML属性。
2024-08-30 10:44:19 1631
原创 JS进阶 学习笔记 第一弹
1.需求:需要一个函数,无论用户传入几个实参,都能拿到参数,举例,将用户传入的参数进行求和。展开运算符:使用展开运算符(...)讲一个数组进行展开,在求数组中最大值或者最小值时常用。它不会创建自己的this,.只会从自己的作用域链的上一层沿用this。是函数内部内置的伪数组变量,它包含了调用函数时传入的所有实参。1. ... 是语法符号,置于最末函数形参之前,用于获取。arguments 的作用是动态获取函数的实参。2. 借助 ... 获取的剩余实参,是个。它没有动态参数,只有剩余参数。
2024-08-27 09:56:00 319
原创 Web API 学习笔记 第四弹
本地只能存储字符串,无法存储复杂的数据类型,在需要存储对象等复杂类型的数据时,需要将其转化为字符串进行存储,但是,由于存储在本地的数据已经转化为了字符串,就不能直接使用,需要在使用时将取出来的数据转化为对象或者其他需要的数据类型。延迟器需要等待,后面的代码需要先执行。localStrorage作用:可以将数据永久的存储在用户电脑中(本地),除非手动删除,否则即使关闭用户也会存在。这两段代码都设置有定时器,但是时间上设置的一个是1秒后执行,一个设置的是0秒,但执行结构都是一样的,这是因为。
2024-08-26 10:24:31 485
原创 Nuxt3 axios封装 使用axios接口请求
如果需要使用token,则写一个token.js文件,需要安装js-cookie,自行安装。2.如果项目是前后端分离的,服务请求接口要请求后端给的接口,则需要开启请求代理。在nuxt.config.ts文件中。封装请求request.ts文件。一、先安装axios。
2024-08-09 14:54:19 404
原创 Web APIs 第三弹 学习笔记
传统on注册(L0):同一个对象,后面注册的事件会覆盖前面注册(同一事件);概念:当一个元素的事件被触发时,同样的事件将会在该元素的所有祖先元素中依次被触动。removeEventListener(事件类型,事件处理函数,[获取捕获或者冒泡阶段]),假设页面里有个div,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段。注意:此方法可以阻断事件流动传播,不光在冒泡阶段有效,捕获阶段也有效。需求:若想把事件就限制在当前元素内,就需要阻止事件冒泡。后面注册的事件不会覆盖前面注册的事件(同一个事件)
2024-07-18 07:00:00 725
原创 Web APIs 第二弹 学习笔记
如果将函数A作为参数传递给函数B时,我们称函数A为回调函数(就是当一个函数当做参数来传递给另外一个函数的时候,这个函数就是回调函数)
2024-07-17 15:00:00 567
原创 Web APIs 第一弹 学习笔记
DOM是用来呈现以及与任意HTML或XML文档交互的API(是浏览器提供的一套专门用来操作网页内容的功能)DOM的作用:操作网页内容,可以开发网页内容特效和实现用户交互。
2024-07-17 07:00:00 576
原创 JavaScript基础 第五弹 学习笔记
对象:JavaScript里的一种数据类型;可以理解为是一种,但是数据是有序的数据集合。可以详细的描述某个事物。
2024-07-16 11:37:53 358
原创 JavaScript基础 第四弹 学习笔记
函数的定义 :函数function,是被设计为执行特定任务的代码块。函数可以把具有相同或相似逻辑的代码‘包裹’起来,通过函数调用执行这些被“包裹”的代码逻辑,
2024-07-16 10:45:38 941
原创 JavaScript基础 第三弹学习笔记
目标:掌握for循环重复执行某些代码作用:用于重复执行某些代码,例如:计算1-100的和好处:把声明起始值、循环条件、变化值写到一起让人能够一眼看清。for循环是最常用的循环之一。
2024-07-15 12:44:19 612
原创 JavaScript 基础 第二弹学习笔记
将等号右边的值赋予给左边,要求左边必须是一个容器其他赋值运算符: +=、-=、*=、/=、%=,使用这些运算符可以对变量赋值进行快速操作。想写变量+3的话。
2024-07-13 17:31:15 541
原创 TypeError: AutoImport is not a function TypeError: Components is not a function
按照官网在vue.config.js中配置 需要注意的是module.exports = defineConfig这个里面没有plugins这个属性,需要使用configureWebpack:{}包裹起来。否则会报错。
2024-07-09 10:15:11 542
原创 vue table+form 表格+表单动态增加一行 数据 并进行数据校验
表格+表单动态增加一行,加上表单的数据校验,进行新增编辑时,表格为输入框,展示数据时,表格为文本框
2024-07-08 17:24:26 648
原创 在HTML中如何安装使用Tailwind CSS
在该文件下添加运行命令,使用npm i cross-env --save-dev进行安装。路径错误,解决:改文件夹的层级,或者改这行命令的路径。监听是否修改css文件,添加一行命令,这时候只要运行。8.优化tailwind.config.js文件配置,减少不必要代码。创建.js配置文件,将配置文件修改为如图所示。在package.json中添加一行代码。在文件中配置相关信息。就可以自动监听你的页面改动。
2024-07-03 11:33:15 354
原创 nuxt 基本路由+动态传参
在下方创建xxx.vue文件作为父组件文件,在创建一个与它同名的文件夹。建立pages文件路由目录。nuxt3的文件结构。
2024-06-18 11:58:47 390
原创 用户权限--全局导航守卫
router-permission.js文件// 导航全局前置守卫console.log('导航守卫---to------',to);to.matched.some(item => item.meta.isLogin)){//不需要登录next()}else{// 需要登录// 判断是否需要登录 1.判断是否已经登录了 2. 根据tokenif(token){next()}else{})
2024-06-14 10:10:18 301
原创 vue3 改变elementui中组件样式之el-input
建议在写好样式后,先在浏览器控制台上看布局样式,在浏览器上去修改看想要那种样式,在到自己的代码中去修改。由于修改的是elementui已经封装好的组件,在修改样式前需要再前面加上::v-deep。
2024-06-07 14:36:03 504
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人