自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Windi CSS样式的认识和使用

Windi CSS是下一代工具优先的 CSS 框架。如果你已经熟悉了,可以把 Windi CSS 看作是按需供应的Tailwind 替代方案,它为你提供了更快的加载体验,完美兼容 Tailwind v2.0,并且拥有很多额外的酷炫功能。特性 | Windi CSS。

2024-11-19 16:31:40 451

原创 vue3 二次封装element plus框架的el-tree组件,自定义图标样式,添加层级线条(优的雅给element-plus的el-tree控件添加结构线,并结合透传传递参数)

二次封装element-plus的 el-tree 并添加结构线和图标

2024-11-19 12:44:16 506

原创 css background-image背景图片轮播

这段代码将创建一个无缝轮播背景图片的动画,每张图片都是在不同的时间点显示,并且使用。以上是CSS中常用的背景样式,可以根据需要进行组合使用。属性避免了背景变化时的默认过渡效果,从而减少了闪烁。

2024-11-08 09:33:54 573

原创 JS 字符串拼接并去重

Set 是一种不允许重复值的集合,可以通过将字符串转换为数组,然后将数组转换为 Set,最后将 Set 转换回数组来去重。Set 是 ES6 中新增的数据结构,它类似于数组,但是成员的值都是唯一的,没有重复的值。在上面的代码中,首先将字符串转换为数组,然后使用 set 去除重复的字符。最后将 Set 转换回数组,并将数组转换回字符串。循环数组将某个字段拼接成新的字符串并去重(数组里面包含的一个对象,或者其他都OK)这样,结果字符串中的每个字符都是唯一的。中,它将被加入到结果字符串中,并加入到。

2024-11-01 15:22:41 229

原创 Vue 中插槽的作用和用法

Vue 的插槽(slot)是一种组件的设计模式,它允许组件的使用者在组件内部插入内容。复用组件:插槽可以使组件更加灵活和可复用,使用者可以根据需要在插槽中插入不同的内容,而不需要修改组件的源代码。标签的同时添加一个属性,可以将父组件中的数据或方法传递到插槽中,并且可以在插槽中使用这些数据或方法。以上是插槽的基本用法,除此之外,插槽还可以嵌套使用,以及可以通过作用域插槽实现动态插槽等高级用法。插槽的默认值:Vue 3中的插槽可以有默认值,使用。动态插槽名:Vue 3中的插槽名可以是动态的,使用。

2024-08-28 16:25:29 463

原创 Vue3常见知识**MS【4】

vue2:是把数据放入data中,在vue2中定义数据变量是data(){},创建的方法要在methods:{}中。vue3:就需要使用一个新的setup()方法,此方法在组件初始化构造的时候触发。

2024-08-28 13:39:48 893

原创 前端常见知识**MS [3]

浮动的作用,设置浮动的图片,可以实现文字环绕图片,设置了浮动的块级元素可以排列在同一行,设置了浮动的行内元素可以设置宽高,同时可以按照浮动设置的方向对齐排列盒子。设置浮动元素的特点: -设置了浮动,该元素脱标。元素不占位置 -浮动可以进行模式转换(行内块元素) 浮动造成的影响,使盒子脱离文档流,如果父级盒子没有设置高度,需要被子盒子撑开,那么这时候父级盒子的高度就塌陷了,同时也会造成父级盒子后面的兄弟盒子布局受到影响。如果浮动元素后面还有其他兄弟元素,其他兄弟元素的布局也会受到影响。清除浮动。

2024-08-22 16:29:50 1109

原创 vue常见知识**MS [2]

vue常见的问题(面试中问到的)‌Vue2和Vue3的主要区别体现在双向数据绑定原理生命周期钩子函数API多根节点、性能和体积等方面。‌‌双向数据绑定原理‌:Vue2使用实现双向数据绑定,而Vue3则利用ES6的Proxy特性来实现,这提供了对数据的更全面监控,包括对数组和对象的深度监听,而Vue2在处理数组变化时需要使用特定的方法(如this.$set),Vue3则可以直接检测到数组内部的变化。‌生命周期钩子函数。

2024-08-22 08:26:56 723

原创 Tailwind CSS的介绍和使用

Tailwind CSS 的工作原理是扫描所有 HTML 文件、JavaScript 组件以及任何 模板中的 CSS 类(class)名,然后生成相应的样式代码并写入 到一个静态 CSS 文件中。他快速、灵活、可靠,没有运行时负担。Font Family - TailwindCSS中文文档 | TailwindCSS中文网。

2024-08-21 11:04:16 493

原创 前端点击预览图片:Viewer.js 使用方法

Viewer.js 是一款强大的图片查看器。我们通过Viewer.js 在页面上添加强大的图片查看功能,同时,这款优秀的插件配置操作起来也非常的方便。Viewer.js分为2个版本,js版本和jquery版本,下载地址分别为jQuery 版本:GitHub - fengyuanchen/jquery-viewer: A jQuery plugin wrapper for Viewer.js.

2024-08-21 10:48:01 1380

原创 Vue3 element ui 中多个form表单使用同一个表单必填校验规则

在vue页面中有多个form对象,且绑定了多个数据对象,使用的同一个必填校验规格;

2024-08-13 16:14:03 426

原创 vue项目中 i18n(vue-i18n) 国际化解决方案,从安装到使用

国际化(Internationalization,通常缩写为"i18n")是指设计和开发软件应用程序,使其能够轻松地适应不同的语言、文化和地区的需求。国际化不仅仅涉及将文字翻译成其他语言,还包括调整日期、时间、货币格式,以及考虑不同文化中的布局、颜色和图标等因素。通过国际化,开发人员可以使其应用程序更易于被全球用户理解和接受,从而扩大应用程序的市场和影响力。定义语言包:需要几种语言展示,就定义几个语言包创建对象,对语言包进行整合,对象的 key 为语言包的引用,值为语言包对象。

2024-07-05 09:36:11 2957

原创 Navicat Premium 15 激活 步骤,如果出现:Rsa Public Key not Find..问题的解决方法

注意:在安装Navicat Premium 15前最好就先断网,避免后面忘记导致激活失败。

2024-05-20 09:02:27 3856

原创 vue常见**MS题 [1]

在这一步,实例已完成以下的配置:数据观测 (data observer), 属性和方法的运算,watch/event 事件回调。el 被新创建的 vm.$el 替换,并挂载到实例上去之后调用该钩子。调用后,Vue 实例指示的所有东西都会解绑定,所有的事件监听器会被移除,所有的子实例也会被销毁。由于数据更改导致的虚拟 DOM 重新渲染和打补丁,在这之后会调用该钩子。该钩子在服务器端渲染期间不被调用,因为只有初次渲染会在服务端进行。在挂载开始之前被调用:相关的 render 函数首次被调用。

2024-05-09 16:27:06 1176

原创 如何使用Vite快速构建vue项目

注意:如何你电脑没有装vite首次执行上面命令的时候会出现(需要安装的软件包如下:create-vite@5.2.3 可以继续了吗?(y) )我们输入y继续就行 在vite安装结束之后我们可以继续创建项目:接下来就是选择我们需要创建的项目类型:里面有很多类型,我们 目前是创建的vue项目所有我们选择第二个vue回车(将我们的方向键往下选择就可以) 下一步我们将选择自己创建项目需要使用的js类型:TypeScript或者JavaScript;我们这里选择第一个然后回车,静等创建项目 项目创建完成

2024-05-09 09:08:57 250

原创 如何使用vue脚手架创建项目

使用vue搭建项目的时候,我们可以通过对应的cmd命令去打开脚手架,然后自己配置对应的功能插件。

2024-05-07 17:17:32 511

原创 Vue组件中引入jQuery

若每一个组件中都去使用jquery,必须在每个组件中写:import $ from 'jquery';比较麻烦,所以使用全局变量。修改根目录下.eslintrc.js 文件的env 节点,为env添加一个键值对 jquery: true 就可以了。我们想在哪个组件中使用jQuery库,首先要使用如下命令引入jquery,然后就可以正常使用了。你会发现成功使用jQuery获取到了DOM;不需要再import 引用 jQuery 了,可以 直接使用$了,将jQuer的文件导入到项目中,然后直接使用。

2024-03-13 14:43:48 850

原创 Naive UI框架安装和引入使用

一个 Vue 3 组件库比较完整,主题可调,使用 TypeScript,注意,naive-ui 仅支持 Vue3。

2024-03-13 14:07:36 1316

原创 html前端的几种加密/解密方式

AES(Advanced Encryption Standard)是一种对称加密算法,可以将数据进行加密,并使用相同的密钥进行解密。在前端,可以使用JavaScript的CryptoJS库来进行AES加密解密,例如使。RSA是一种非对称加密算法,可以使用公钥对数据进行加密,然后使用私钥进行解密。在前端,可以使用JavaScript的CryptoJS库来进行MD5散列,例如使用。MD5.js是通过前台js加密的方式对用户信息,密码等私密信息进行加密处理的工具,也可称为插件。函数进行Base64编码,使用。

2024-03-08 13:49:20 5584 1

原创 JS判断对象属性是否存在

一 、在JavaScript中,有几种方法可以判断对象属性是否存在: 使用in操作符: property in object 例如:'name' in obj,如果obj对象有name属性,返回true,否则返回false。 使用hasOwnProperty()方法: object.hasOwnProperty(property) 例如:obj.hasOwnProperty('name'),如果obj对象有name属性且该属性是它自己的,返回true,否则返回false。 使用ty

2024-03-07 14:12:54 1099

原创 正则表达式 千分位分隔符(金额每3位添加逗号)

【代码】正则表达式 千分位分隔符(金额每3位添加逗号)

2024-03-07 11:01:04 1340

原创 js 将对象转换为数组,两个对象的属性相同合并相加

定义数组value: 0,span: 3}, {value: 0,span: 3}, {value: 0,span: 3}, {cause: '',span: 5}]定义两个对象"AbnormalCause": "JKJ产出数量大于投入数量DR产出数量大于PE产出数量"},将连个对象合并相加// Number() 将值转换类型为数字类型//特定的判断条件去添加到titleDate数组属性中})})

2024-03-06 15:08:36 1444

原创 js 获取当前时间减12小时的时间 并转换为YYYY-mm-dd HH:mm:ss

【代码】js 获取当前时间减12小时的时间 并转换为YYYY-mm-dd HH:mm:ss。

2024-03-06 08:34:28 468

原创 element ui组件 el-input只能数据整数,且设置不能小于0大于10

第一个属性:type=“number” input的原生属性,标明input框的类型第二个属性: step=“0.5” input的原生属性,type=“number” 时生效, 标明输入字段的合法数字间隔(假如 step=“0.5”,则合法数字应该是 -0.5、0、0.5、1,以此类推)第三个属性: min=“0” max=“10” min 属性规定输入字段所允许的最小值。max 属性规定输入字段所允许的最大值。min 属性与 max 属性配合使用,可创建合法值范围。

2024-01-31 16:21:35 3202

原创 js保留两位小数

/隐式转换为字符串和toString()效果一样//没有小数补齐这个0}else{//有小数截取前二位小数console.log(moneyFormat())//结果55.99这些方法都能够保留两位小数,具体选择哪种方法取决于代码的具体情况和需求。

2024-01-29 15:57:35 1672

原创 vue3 slot的定义与使用

插槽(Slot)是 vue 为组件的封装者提供的能力。允许开发者在封装组件时,把不确定的、希望由用户指定的部分定义为插槽。可以把插槽认为是组件封装期间,为用户预留的内容的占位符。

2024-01-29 13:46:37 2005

原创 element ui组件 el-date-picker设置default-time的默认时间

default-time :选择日期后的默认时间值。如未指定则默认时间值为00:00:00。

2024-01-29 10:48:52 5946

原创 javaScript删除对象属性总结方法

需要注意的是,通过赋值为undefined删除属性只是将属性的值置为undefined,并没有真正从对象中删除属性。通过Object.assign()方法创建的新对象不包含被删除的属性。需要注意的是,原对象并没有发生改变。应用解构和rest语法后,restObject将包含与object相同的属性,只是没有删除的属性。这些是JavaScript中常用的删除对象属性的方法,根据具体情况选择合适的方法来删除对象的属性。

2024-01-25 16:10:02 1750

原创 js 判断数据是不是{}

上述代码中,isObjectEmpty() 函数接受一个参数 data,首先使用 typeof 运算符判断 data 的类型是否为对象,如果不是,则返回 false。如果是对象,则使用 Object.keys(data) 获取对象的所有属性,再判断属性的数量是否为 0,如果是,则返回 true,表示对象为空对象,否则返回 false。另外还可以使用 typeof 运算符来判断一个数据是否为对象,并且可以使用 Object.keys() 方法来判断一个对象是否为空对象(即是否没有任何属性)。

2024-01-25 16:01:53 1643

原创 JS canvas画布的基础知识点和操作方式

JavaScript中的画布是通过HTML5提供的<canvas>元素来创建和操作的。以下是关于画布的基础知识点和操作方式。创建画布: 通过JavaScript代码在HTML文档中创建一个画布元素。设置画布尺寸: 使用width和height属性设置画布的宽度和高度。获取绘图上下文: 获取画布的2d上下文对象,用于进行绘制操作。绘制形状: 通过绘图上下文对象的方法绘制各种形状,如矩形、圆形、线条等。绘制文本: 使用绘图上下文对象的方法绘制文本。

2024-01-16 16:53:35 1158

原创 Vue 3,element table表格动态添加

el-table实现表格动态新增/插入/删除表格行,可编辑单元格。

2024-01-15 15:08:15 1535

原创 vue3中,vue-echarts基本使用(柱状图、饼图、折线图)

注意:vue-echarts在使用前要先安装echarts,不要只安装vue-echarts这一个echarts官网地址:Apache ECharts,一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。安装vue-echarts注意:Vue 2下使用,必须还要安装main.js中全局注册组件。

2024-01-12 16:03:42 18542

原创 在应用开发中遇到的问题与解决方案

以上只是一些常见的问题和解决方案,具体在应用开发中还会遇到其他各种各样的问题,需要根据具体情况进行分析和解决。

2024-01-11 08:50:23 903 2

原创 js 字符串与数组中一些基础方法操作

在JavaScript中,可以对字符串执行多种操作,包括字符串拼接、字符串截取、字符串查找、字符串替换、字符串转换等。以上仅是对字符串操作的一些基本方法,JavaScript还提供了很多其他字符串操作方法,如。JavaScript中,对象和函数是两个重要的概念。这只是JavaScript数组的一部分操作,还有其他很多方法和技巧可以应用。,第二个元素2、第三个元素3和第四个元素4被删除了。方法会改变原始数组,同时返回一个包含被删除元素的新数组。:可选参数,表示要添加到数组的元素。:表示要删除的元素个数。

2024-01-10 14:58:09 908

原创 vue3中el-table实现多表头并表格合并行或列

【代码】vue3中el-table实现多表头并表格合并行或列。

2024-01-08 16:54:04 2415 2

原创 vue3中el-table实现表格合计行

标签上加属性 show-summary :summary-method=“getSummary”

2024-01-08 16:43:42 1678

原创 vue项目中刷新页面的方法

注意:这种方法也需要使用Vue Router,并且需要在main.js中引入router实例。这种方法的原理是先跳转到一个特定的路径,再返回上一个页面,从而达到刷新页面的目的。注意:这种方法需要使用Vue Router,并且需要在main.js中引入router实例。以上是一些常见的刷新页面的方法,在不同的场景下可以选择适合的方法使用。

2024-01-04 12:59:53 970 1

原创 vue3 前端导出excel表格

【代码】vue3 前端表格导出excel(不调用接口)

2024-01-04 10:18:37 2811 1

原创 vue3轮播图

【代码】vue3轮播图。

2024-01-04 10:16:30 610 1

原创 Node.js运行环境配置参考文档

因为cnpm会被安装到D:\nodejs\node_global下,而系统变量path并未包含该路径。A 、 配置npm的全局模块安装路径及cache路径:在nodejs主目录(我这里是。和win7不一样的,要一条一条的写路径,一定要注意,我这里的截图是win7的。和win7不一样的,要一条一条的写路径,一定要注意,我这里的截图是win7的。我的电脑--》右键--》属性--》高级系统设置--》环境变量--》系统变量。多个路径之间使用分号(;在接下来的配置中,一定要根据你的安装路径进行参数设置;

2024-01-03 15:41:56 562 1

空空如也

空空如也

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

TA关注的人

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