- 博客(12)
- 收藏
- 关注
原创 v-for的列表渲染设置key
key的作用主要就是为了高效的更新虚拟DOM,使用key值,它会基于key的变化重新排列元素顺序,并且会移除key不存在的元素。它也可以用于强制替换元素/组件而不是重复的使用它。另外vue中在使用相同标签名元素的过渡切换时,也会使用到key属性,其目的也是为了让vue可以区分它们,否则vue只会替换其内部属性而不会触发过渡效果。
2023-05-01 11:31:24
436
原创 浅拷贝(shallow copy)与深拷贝(deep copy)
面试常见的浅拷贝与深拷贝区别及实现。深浅拷贝都是对于引用数据类型而言的,对于基本数据类型的拷贝,并没有深浅拷贝的区别。
2023-04-20 16:09:18
150
原创 笔记本网卡wireless-AC-9462驱动设备问题(代码10)导致搜索不到无线网络 -- 已解决
解决笔记本网卡wireless-AC-9462驱动设备问题(代码10)导致搜索不到无线网络问题
2022-10-27 13:44:38
10473
3
原创 jQuery学习笔记
jQuery学习笔记一,认识jQuery一个js的方法库。(1)$(function(){ // DOM渲染完毕执行函数 function();})(2)注意jQuery 和 DOM 对象(js原生获取)是不同的。前者是个伪数组。jQuery对象只能用jQuery方法,DOM对象只能用原生js的属性和方法他们可以相互转化//1, DOM转jQ$(DOM对象) //2,jQ转DOM$('div')[0]$('div').get(0)二,jQ常用AP
2021-10-28 00:05:18
111
转载 一点点HTTP相关知识–学习笔记
一点点HTTP相关知识–学习笔记补发一下之前学习ajax网络请求前对http的一点了解。内容来源包括**[转载]**(找不到原文链接了)和菜鸟上的教程。一、HTTP 简介HTTP协议(HyperText Transfer Protocol,超文本传输协议)是因特网上应用最为广泛的一种网络传输协议,所有的WWW文件都必须遵守这个标准。HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件, 查询结果等)。二、HTTP 工作原理HTTP协议工作于客户端-服务端架构上。浏览器
2021-10-27 23:59:20
127
原创 css的几种居中样式
css的几种居中样式一、水平居中/*块级元素*//*1-外边距*/ { margin: 0 auto; }/*2-定位*/{ display: absolute; left:50%; transform:translateX(-50%);}设置了宽度,可以margin负值 + transform:translateX(-50%)实现;/*行内元素*//*1-对齐 给父级元素添加*/{ text-align: center; }二、垂直
2021-10-27 23:47:05
3179
2
原创 js的offsetWidth获取不到宽高,一直为0的问题
js的offsetWidth获取不到宽高一直为0问题之前在写一个页面遇到的问题,获取容器的宽度一直为0,就此记录以免错误再犯。一,元素设置了display:none 用offsetWidth获取宽度将得到 0我们给元素设置了display:none样式的话,获取宽高就会是0了。(*)我遇到的问题是,我有一个容器本来是隐藏的,点击按钮之后显示,那我要怎么获取它的宽度呢?我通过回调函数,在点击显示之后,执行回调函数里的offsetWidth获取宽度成功。option(newMusicSwitchLi
2021-05-27 00:13:07
3487
2
原创 js和css实现点击显示下拉框
js和css实现点击显示下拉框附加效果,鼠标悬浮高度增加,实现上下增长。先看效果:1,用定位实现高度增长时向上下延伸:鼠标移动上去或被点击时,设置增加高度,正常情况下盒子的高度会向下增加,这时候加上定位,向上移动一定的距离,补消向下扩展高度的距离,视觉上实现上下延伸。<div class="box1"> <div class="bb"></div></div>.box1 { position: relative
2021-04-21 00:43:07
3896
1
原创 渐变遮罩和图片变色
近期考核的两个小心得一,给图片添加渐变遮罩这里通过给图片<img>或者<p>的::after设置box-shadow来实现,这里使用::after伪元素便于调整渐变遮罩的位置。<div class="production_grid"> <div class="exhibition"> <a href="#"> <img src="images/production-img/production-
2021-04-21 00:18:21
340
原创 关于css中transform: origin的位置
关于css中transform: origin的位置我们知道,transform-origin属性值可以是百分比、px等具体的值,也可以是top、right、bottom、left和center等。具体的位置参考下图:
2021-04-05 23:58:17
206
原创 css伪元素before和after的位置关系
css伪元素before和after的位置关系一张图来说明:tips: 有时候我们会用after伪元素设置成遮罩层,这时候为了使banner盒子里面的其他盒子显示出来,可以先position定位后设置z-index实现位置变化。
2021-04-05 23:53:42
639
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人