自定义博客皮肤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)
  • 收藏
  • 关注

原创 js如何实现列表数据的上移和下移?以及置顶、置底功能

首先,调用list.splice(index - 1, 1, list[index])方法,这个方法会从list数组中删除第index-1个元素,并用第index个元素替换它。这个方法的作用是将list数组中的第index个元素和第index-1个元素交换位置,也就是将第index个元素上移一位。这个方法的作用是将list数组中的第index个元素和第index+1个元素交换位置,也就是将第index个元素下移一位。使用splice方法实现下移的原理和上移类似,只是要将当前位置的元素和下一位的元素交换。

2023-06-21 17:08:56 3562

原创 foreach和map使用中的区别和注意事项以及各自的例子

foreach和map都是JavaScript中数组的常用方法,它们都可以对数组中的每个元素执行一个函数,但是它们有一些区别。

2023-06-21 16:57:26 1361 2

原创 nextTick的使用方法和注意事项以及例子

nextTick是Vue的一个核心方法,它可以让我们在下次DOM更新循环结束之后执行一个回调函数。这样我们就可以在修改数据之后,等待DOM更新完成后,再去获取或操作更新后的DOM。

2023-06-21 16:43:14 1419

原创 前端在this.$message.error中实现换行或居中的操作

3在this.$message.error的参数中使用换行操作或者居中操作

2023-06-16 16:14:33 3905

原创 css实现三角形和五角星

css三角形css五角星

2023-05-06 01:16:08 585

原创 css实现翻页

css实现翻页特效

2023-05-06 00:53:18 2248

原创 css的hack对待不同浏览器

css hack 作用CSS Hack 例子CSS Hack 优缺点避免使用CSS Hack的方法

2023-05-05 23:52:29 876

原创 CSS实现水平居中的几种方法

CSS实现水平居中的几种方法

2023-05-05 23:43:36 2366

转载 vue的生命周期

vue生命周期beforeCreate 组件实例被创建之初created 组件实例已经完全创建beforeMount 组件挂载前mounted 组件挂载到实例上去后beforeUpdate 组件数据发生变化,更新前updated 组件数据更新后beforeDestroy 组件实例销毁前destroyed 组件实例销毁后activated keep-alive 缓存的组件激活时deactivated keep-alive 缓存的组件停用时errorCaptured 捕获一个来自子孙组件时

2023-05-04 23:17:07 44

原创 vue实现双向绑定的方式

Vue 是数据双向绑定的框架,双向绑定由三个重要部分构成数据层(Model):应用的数据及业务逻辑视图层(View):应用的展示效果,各类UI组件业务逻辑层(ViewModel):框架封装的核心,它负责将数据与视图关联起来

2023-05-04 23:09:12 1378

原创 个人理解Vue的diff算法

diff算法的三个特点,以及diff节点比较的具体过程

2023-05-04 22:56:33 256

原创 Vue2中的过滤器filter使用及注意

vue2中什么是过滤器过滤器怎么用过滤器注意事项

2022-07-30 14:45:06 3802 2

原创 vue中v-for(列表渲染)的使用方法及注意,v-for的key属性的歧义

当要对一组数据进行渲染时,我们可以用v-for来完成 v-for遍历数组 格式:v-for="(item, index) in items"。 说明:index为可选参数,是索引值,当不需要得到每一项的索引值时,可以省略index 也可以用{{index+1}}之类的加减法得到类似于排名一样的效果 这里的item和index都是形参,而items是数组的名,数组的名字是必须和后面data数据里的数组名对应的,你也可以写(a,b) in items......

2022-07-14 21:08:37 4346

原创 html小小练习,纯简单页面,主要用来熟悉html

一个不知名自编的表单界面用到了table input等简单属性效果是这样的下面为代码部分我的图片路径是自己的用到的图片我就放在这里了如果想随便练练,可以拿图或者用自己随便找的图水印不知道咋去…凑合用吧在结尾这里使用了一个不对的属性就是align和border,大家一定要注意web语言标准化的问题,html,css,js等代码各司其职,我这样写只是为了展示界面效果,毕竟用纯html代码写页面有很多位置会卡不好,会使得页面难看......

2022-07-13 19:40:12 321

原创 html中img图片绝对路径时无法正常显示的问题

这个绝对路径:是指目录下的绝对位置,直接到达的目标位置,通常是从盘符开始的路径。如果使用这个绝对路径时,首先确认该文件存在并无错误,发现通过vscode或某编译器打开的浏览器不能加载绝对路径图片,但使用相对路径时,图片正常显示并且从计算机你放的盘,进入这个绝对路径打开html文件时,图片可以正常加载...

2022-07-13 19:27:01 10957 2

原创 html详细笔记及练习的几个例子

html详细笔记及简单小例子,还有一个html版简易版百度验证码表单(纯界面只能看看)有益于复习html,查缺补漏,html5的一些新特性写进来当笔记了

2022-07-13 03:07:54 291

空空如也

空空如也

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

TA关注的人

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