自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 css之雪碧图(精灵图)

雪碧图(Sprite)是一种在Web开发中常用的图像合并技术,将多个小图标或图片合并成一张大图,然后通过CSS来显示其不同部分。这种技术可以减少HTTP请求数量,提高网页加载速度。如果一张大图由许多小图构成,那么每张小图都需要进行网络请求,这样一来就会有很多请求,为了减少网络请求,雪碧图就出现了。听到雪碧图是不是跟我一样,啥?以下是本人自己写的例子,大图的图片是在百度找的。

2024-09-02 14:57:07 832

原创 PrimeVue DataTable 属性值解析

nullnull000falsebottomtrue5nullfalsefalsenullnullnull11nullsinglefalsenullnullnullnullnullnulldeepEqualsfalsefalsenullnullfalsedownloadnullfalsefitfalsenullnullnullnullnullfalsenullsessionnullnullnullnullnullfalsenull输入HTML属性。

2024-08-30 10:44:19 1645

原创 JS进阶 学习笔记 第一弹

1.需求:需要一个函数,无论用户传入几个实参,都能拿到参数,举例,将用户传入的参数进行求和。展开运算符:使用展开运算符(...)讲一个数组进行展开,在求数组中最大值或者最小值时常用。它不会创建自己的this,.只会从自己的作用域链的上一层沿用this。是函数内部内置的伪数组变量,它包含了调用函数时传入的所有实参。1. ... 是语法符号,置于最末函数形参之前,用于获取。arguments 的作用是动态获取函数的实参。2. 借助 ... 获取的剩余实参,是个。它没有动态参数,只有剩余参数。

2024-08-27 09:56:00 323

原创 Web API 学习笔记 第四弹

本地只能存储字符串,无法存储复杂的数据类型,在需要存储对象等复杂类型的数据时,需要将其转化为字符串进行存储,但是,由于存储在本地的数据已经转化为了字符串,就不能直接使用,需要在使用时将取出来的数据转化为对象或者其他需要的数据类型。延迟器需要等待,后面的代码需要先执行。localStrorage作用:可以将数据永久的存储在用户电脑中(本地),除非手动删除,否则即使关闭用户也会存在。这两段代码都设置有定时器,但是时间上设置的一个是1秒后执行,一个设置的是0秒,但执行结构都是一样的,这是因为。

2024-08-26 10:24:31 489

原创 Nuxt3 axios封装 使用axios接口请求

如果需要使用token,则写一个token.js文件,需要安装js-cookie,自行安装。2.如果项目是前后端分离的,服务请求接口要请求后端给的接口,则需要开启请求代理。在nuxt.config.ts文件中。封装请求request.ts文件。一、先安装axios。

2024-08-09 14:54:19 433

原创 Web APIs 第三弹 学习笔记

传统on注册(L0):同一个对象,后面注册的事件会覆盖前面注册(同一事件);概念:当一个元素的事件被触发时,同样的事件将会在该元素的所有祖先元素中依次被触动。removeEventListener(事件类型,事件处理函数,[获取捕获或者冒泡阶段]),假设页面里有个div,当触发事件时,会经历两个阶段,分别是捕获阶段、冒泡阶段。注意:此方法可以阻断事件流动传播,不光在冒泡阶段有效,捕获阶段也有效。需求:若想把事件就限制在当前元素内,就需要阻止事件冒泡。后面注册的事件不会覆盖前面注册的事件(同一个事件)

2024-07-18 07:00:00 727

原创 Web APIs 第二弹 学习笔记

如果将函数A作为参数传递给函数B时,我们称函数A为回调函数(就是当一个函数当做参数来传递给另外一个函数的时候,这个函数就是回调函数)

2024-07-17 15:00:00 570

原创 Web APIs 第一弹 学习笔记

DOM是用来呈现以及与任意HTML或XML文档交互的API(是浏览器提供的一套专门用来操作网页内容的功能)DOM的作用:操作网页内容,可以开发网页内容特效和实现用户交互。

2024-07-17 07:00:00 579

原创 JavaScript基础 第五弹 学习笔记

对象:JavaScript里的一种数据类型;可以理解为是一种,但是数据是有序的数据集合。可以详细的描述某个事物。

2024-07-16 11:37:53 361

原创 JavaScript基础 第四弹 学习笔记

函数的定义 :函数function,是被设计为执行特定任务的代码块。函数可以把具有相同或相似逻辑的代码‘包裹’起来,通过函数调用执行这些被“包裹”的代码逻辑,

2024-07-16 10:45:38 943

原创 JavaScript基础 第三弹学习笔记

目标:掌握for循环重复执行某些代码作用:用于重复执行某些代码,例如:计算1-100的和好处:把声明起始值、循环条件、变化值写到一起让人能够一眼看清。for循环是最常用的循环之一。

2024-07-15 12:44:19 612

原创 JavaScript 基础 第二弹学习笔记

将等号右边的值赋予给左边,要求左边必须是一个容器其他赋值运算符: +=、-=、*=、/=、%=,使用这些运算符可以对变量赋值进行快速操作。想写变量+3的话。

2024-07-13 17:31:15 542

原创 JavaScript基础第一弹学习笔记

JavaScript是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。

2024-07-13 15:45:29 963

原创 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 587

原创 vue table+form 表格+表单动态增加一行 数据 并进行数据校验

表格+表单动态增加一行,加上表单的数据校验,进行新增编辑时,表格为输入框,展示数据时,表格为文本框

2024-07-08 17:24:26 666

原创 在HTML中如何安装使用Tailwind CSS

在该文件下添加运行命令,使用npm i cross-env --save-dev进行安装。路径错误,解决:改文件夹的层级,或者改这行命令的路径。监听是否修改css文件,添加一行命令,这时候只要运行。8.优化tailwind.config.js文件配置,减少不必要代码。创建.js配置文件,将配置文件修改为如图所示。在package.json中添加一行代码。在文件中配置相关信息。就可以自动监听你的页面改动。

2024-07-03 11:33:15 379

原创 nuxt 基本路由+动态传参

在下方创建xxx.vue文件作为父组件文件,在创建一个与它同名的文件夹。建立pages文件路由目录。nuxt3的文件结构。

2024-06-18 11:58:47 398

原创 nuxt 同构渲染SSR

①解决了首屏渲染慢的问题②解决了SEO优化问题③兼备了客户端渲染灵活,请求数据少的优点。

2024-06-18 11:09:23 632 1

原创 用户权限--全局导航守卫

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 302

原创 el-tree动态数据渲染-懒加载 --增删改

1.拿el-tree主键,在element-ui中,

2024-06-13 17:50:01 318

原创 vue-pdf

【代码】vue-pdf。

2024-06-12 14:24:04 132

原创 vue 弹框共用

父子组件之间传参,共用弹框/模态框

2024-06-11 17:24:40 698

原创 el-color-picker颜色取色器

颜色取色器

2024-06-07 14:52:47 672

原创 侧边栏菜单写法 vue

2.侧边栏折叠样式 图标在elementUI上找。1.侧边栏样式+跳转。

2024-06-07 14:44:13 205

原创 vue3 改变elementui中组件样式之el-input

建议在写好样式后,先在浏览器控制台上看布局样式,在浏览器上去修改看想要那种样式,在到自己的代码中去修改。由于修改的是elementui已经封装好的组件,在修改样式前需要再前面加上::v-deep。

2024-06-07 14:36:03 530

原创 vue3 切换tap 高亮

1.动态样式使用:class绑定,使用点击事件,得到对应值,当判断为当前值时,高亮。

2024-06-07 14:28:13 334

原创 vue-json-excel 导出功能

导出、vue

2024-06-07 11:54:57 380

沉浸式翻译谷歌浏览器插件

沉浸式翻译谷歌浏览器插件

2024-06-18

data.sql

data.sql

2022-11-22

空空如也

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

TA关注的人

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