Mayonnaise_Sann-CSDN博客

原创 v-for的列表渲染设置key

key的作用主要就是为了高效的更新虚拟DOM，使用key值，它会基于key的变化重新排列元素顺序，并且会移除key不存在的元素。它也可以用于强制替换元素/组件而不是重复的使用它。另外vue中在使用相同标签名元素的过渡切换时，也会使用到key属性，其目的也是为了让vue可以区分它们，否则vue只会替换其内部属性而不会触发过渡效果。

2023-05-01 11:31:24 409

原创浅拷贝（shallow copy）与深拷贝（deep copy）

面试常见的浅拷贝与深拷贝区别及实现。深浅拷贝都是对于引用数据类型而言的，对于基本数据类型的拷贝，并没有深浅拷贝的区别。

2023-04-20 16:09:18 144

原创 for in和 for of区别

JavaScript中的for in和for of的使用区别。

2023-04-20 09:44:13 117

原创笔记本网卡wireless-AC-9462驱动设备问题（代码10）导致搜索不到无线网络 -- 已解决

解决笔记本网卡wireless-AC-9462驱动设备问题（代码10）导致搜索不到无线网络问题

2022-10-27 13:44:38 9867 3

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 103

转载一点点HTTP相关知识–学习笔记

一点点HTTP相关知识–学习笔记补发一下之前学习ajax网络请求前对http的一点了解。内容来源包括**[转载]**(找不到原文链接了)和菜鸟上的教程。一、HTTP 简介HTTP协议（HyperText Transfer Protocol，超文本传输协议）是因特网上应用最为广泛的一种网络传输协议，所有的WWW文件都必须遵守这个标准。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。二、HTTP 工作原理HTTP协议工作于客户端-服务端架构上。浏览器

2021-10-27 23:59:20 120

原创 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 3160 2

原创 js的offsetWidth获取不到宽高，一直为0的问题

js的offsetWidth获取不到宽高一直为0问题之前在写一个页面遇到的问题，获取容器的宽度一直为0，就此记录以免错误再犯。一，元素设置了display:none 用offsetWidth获取宽度将得到 0我们给元素设置了display:none样式的话，获取宽高就会是0了。（*）我遇到的问题是，我有一个容器本来是隐藏的，点击按钮之后显示，那我要怎么获取它的宽度呢？我通过回调函数，在点击显示之后，执行回调函数里的offsetWidth获取宽度成功。option(newMusicSwitchLi

2021-05-27 00:13:07 3414 2

原创 js和css实现点击显示下拉框

js和css实现点击显示下拉框附加效果，鼠标悬浮高度增加，实现上下增长。先看效果：1，用定位实现高度增长时向上下延伸：鼠标移动上去或被点击时，设置增加高度，正常情况下盒子的高度会向下增加，这时候加上定位，向上移动一定的距离，补消向下扩展高度的距离，视觉上实现上下延伸。<div class="box1"> <div class="bb"></div></div>.box1 { position: relative

2021-04-21 00:43:07 3838 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 317

原创关于css中transform: origin的位置

关于css中transform: origin的位置我们知道，transform-origin属性值可以是百分比、px等具体的值，也可以是top、right、bottom、left和center等。具体的位置参考下图：

2021-04-05 23:58:17 199

原创 css伪元素before和after的位置关系

css伪元素before和after的位置关系一张图来说明：tips: 有时候我们会用after伪元素设置成遮罩层，这时候为了使banner盒子里面的其他盒子显示出来，可以先position定位后设置z-index实现位置变化。

2021-04-05 23:53:42 606

Mayonnaise_Sann的博客