摘要：
（1）浅拷贝【新旧对象共享同一块内存】 let a = { age: 1 } let b = a a.age = 2 console.log(b.age) // 2 》如果给一个变量赋值一个对象，那么两者的值会是同 一个引用，其中一方改变，另一方也会相应改变 创建新对象 基本类型：拷贝基本类型的值 阅读全文
posted @ 2023-06-20 15:12
有只小菜猫
阅读(17)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2023-06-20 14:31
有只小菜猫
阅读(13)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2023-06-20 14:28
有只小菜猫
阅读(142)
评论(0)
推荐(0)
摘要：
一、圣杯布局 圣杯布局需要将中间栏放在前面优先渲染 圣杯布局利用浮动、负边距、相对定位来实现 父元素 container 设置左右 padding 空出左右两栏位置。 三栏均设置向左浮动，中间栏设置 width: 100%; ，即与父元素宽度一样，将左右两栏挤到下面。 设置 margin 属性为负值 阅读全文
posted @ 2023-06-20 14:27
有只小菜猫
阅读(1427)
评论(0)
推荐(0)
摘要：
盒模型都是由四个部分组成的，分别是margin、border、padding和content 标准盒模型和IE盒模型的区别在于设置width和height时，所对应的范围不同： 标准盒模型：width = content + padding + border + margin IE盒模型：width 阅读全文
posted @ 2023-06-20 14:09
有只小菜猫
阅读(113)
评论(0)
推荐(0)
摘要：
二者都是从父元素的子元素中匹配，或者说从同级兄弟元素中匹配，区别是主要是匹配规则不同； element:nth-child（n） 选中父元素的第几个子元素 , 计数时与元素的类型无关 是先根据 n 匹配规则，在此基础上匹配 element； 首先找到所有当前元素的兄弟元素，然后按照位置先后顺序从1开 阅读全文
posted @ 2023-06-20 11:37
有只小菜猫
阅读(28)
评论(0)
推荐(0)
摘要：
（1）相邻两个盒子垂直方向上的margin会发生重叠，只会取比较大的margin （2）父盒子中给子盒子设置了上边距会出现在父盒子上方 解决： 设置padding代替margin 设置float 设置overflow 设置position：absolute 绝对定位 设置display： inlin 阅读全文
posted @ 2023-06-20 11:35
有只小菜猫
阅读(16)
评论(0)
推荐(0)
摘要：
即开发者对浏览器的默认样式设置 原因： 浏览器兼容问题 为了提高编码的质量，减少代码体积 阅读全文
posted @ 2023-06-20 11:33
有只小菜猫
阅读(11)
评论(0)
推荐(0)
摘要：
（1）src 指向的内容嵌入到文档当前标签所在位置。 （2）href 表示超文本引用，建立当前元素和文档之间的链接，并行进行 阅读全文
posted @ 2023-06-20 11:32
有只小菜猫
阅读(34)
评论(0)
推荐(0)
摘要：
JS定时器动画 window.setTimeout() window.setInterval():指定某个任务每隔一段时间就执行一次，也就是无限次的定时执行 <h3>用setTimeout实现计数器功能</h3> <div id="result">0</div> <button onclick="s 阅读全文
posted @ 2023-06-20 11:32
有只小菜猫
阅读(14)
评论(0)
推荐(0)
摘要：
阅读全文
posted @ 2023-06-20 11:27
有只小菜猫
阅读(28)
评论(0)
推荐(0)
摘要：
BOM：浏览器对象模型==》 用来获取或设置浏览器的属性、行为。 例如：新建窗口、获取屏幕分辨率、浏览器版本号等 DOM ：文档对象模型==》用来获取或设置文档中标签的属性。 例如：获取或者设置input表单的value值 阅读全文
posted @ 2023-06-20 11:25
有只小菜猫
阅读(161)
评论(0)
推荐(0)
摘要：
1.使用display: none; 隐藏dom；隐藏后不占位 2.使用visibility: hidden; 隐藏dom；隐藏后占位 3.使用z-index: -888; 把元素的层级调为负数，然后其他元素覆盖即可； 4.使用opacity: 0; 把元素的透明度调为0，也可以达到隐藏； 5.使用 阅读全文
posted @ 2023-06-20 11:24
有只小菜猫
阅读(126)
评论(0)
推荐(0)
摘要：
（1）pt|px|em|rem pt（点）:绝对长度单位。常用与印刷中1pt=1/72英寸 px（像素）：相对长度单位。相对于显示器分辨率而言。 em：相对长度单位。相对于当前对象内文本的字体尺寸。【若父级使用了，且设置了文本大小，父级大小随文本改变，继承父级元素的字体大小】 rem:CSS3新增相 阅读全文
posted @ 2023-06-20 11:22
有只小菜猫
阅读(53)
评论(0)
推荐(0)
摘要：
理论上最小的单位是1px 一、最优方法：transforms属性缩放 <!DOCType html> <html> <head> <meta charset="utf-8"> <style> .hr { width: 300px; background-color: #000; } .scale-h 阅读全文
posted @ 2023-06-20 10:21
有只小菜猫
阅读(592)
评论(0)
推荐(0)
摘要：
一、border 二、llinear-gradient .triangle { width: 160px; height: 200px; outline: 2px solid skyblue; background-repeat: no-repeat; background-image: linea 阅读全文
posted @ 2023-06-20 10:13
有只小菜猫
阅读(56)
评论(0)
推荐(0)
摘要：
一、概念 浮动元素脱离文档流，影响布局，需要清除浮动 二、方法 方法一：额外标签法 给谁清除浮动，就在其后额外添加一个空白标签 ，给其设置clear：both 方法二：父元素添加overflow:hidden 通过触发BFC方式，实现清除浮动 方法三：使用after伪元素清除浮动 #parent:a 阅读全文
posted @ 2023-06-20 10:04
有只小菜猫
阅读(23)
评论(0)
推荐(0)
摘要：
文字：line-height=文字外盒子的高度 盒子： 定位： position：absolute top:0;bottom:0;left:0;right:0 margin:auto 弹性布局： display:flex justify-content:center align-items:cent 阅读全文
posted @ 2023-06-20 09:52
有只小菜猫
阅读(20)
评论(0)
推荐(0)
摘要：
合适的地方使用合理的标签 一、HTML语义化 让页面的内容结构化，便于浏览器，搜索引擎解析，容易阅读 二、如何优化搜索引擎？ 【搜索引擎：SEO】 通过分析搜索引擎的排名规律，了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术 1、关键词分析（也叫关键词定位） 阅读全文
posted @ 2023-06-20 09:34
有只小菜猫
阅读(14)
评论(0)
推荐(0)
摘要：
vue-axios Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 一、流程： 1. 拿到项目和后端接口，首先要配置全局代理； 2. 接着全局封装axios和request.js； 3. 过滤axios请求方式，控制路径，参数的格式，http.js； 阅读全文
posted @ 2023-06-20 09:24
有只小菜猫
阅读(281)
评论(0)
推荐(0)
摘要：
一、SEO 搜索引擎化 通过分析搜索引擎的排名规律 了解各种搜索引擎怎样进行搜索、怎样抓取互联网页面、怎样确定特定关键词的搜索结果排名的技术 二、与前端有关的SEO配置 title keywords description <html> <head> <title>title</title> <me 阅读全文
posted @ 2023-06-20 09:22
有只小菜猫
阅读(81)
评论(0)
推荐(0)
浙公网安备 33010602011771号