- 博客(35)
- 收藏
- 关注
RSS订阅原创 js防抖和节流
下一次函数调用将清除上一次的定时器，并用setTimeout重新计时。在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。函数执行过一次后，在n秒内不能再次执行，否则推迟函数执行。案例(以按钮点击为例)
2023-12-14 20:43:39
366
1
原创 js 深拷贝和浅拷贝的方法
slice()和concat()缺点：数组中的值如果是引用类型，就是浅拷贝。但是如果数组中的值是基本类型，就是深拷贝。类似 Object.assign方法。
2023-12-14 20:31:26
39
原创 js的作用域
1. window对象的内置属性拥有全局作用域，例如window.name、window.location等。声明在函数内部的变量，外部访问不到.只有在函数内可以访问. 这种作用域称为函数作用域。2. 声明在函数外部的变量，在代码中任何地方都能访问到的对象拥有全局作用域。3. 末定义直接赋值的变量拥有全局作用域。块级作用域通过let和const实现。
2023-12-13 18:14:08
21
原创 js遍历对象的方法
for in 以及Object.keys和Object.values只能返回这个对象可枚举的属性,而Object.getOwnPropertyNames可以得到该对象的所有属性,包括不可枚举的。
2023-12-13 17:34:00
14
原创 export，export default，import的使用
3. 最后特别注意: export导出的值是可以直接用的,而且导入的名称必须和导出的一致但是export default导出的是整个表达, 例如上面例子,直接导入导出的名称得到的是导出时的整个代码所以需要再继续使用name.num1 和 name.num2 才能真正取到里面的值 也因此export default对应的导入名称可以是任意的。4. 有两种导出方式 一个先定义最后集体导出, 一个是每个都单独使用export导出。1. 导入名称为导出对应的名称,可以根据需要导入导出,不必全部导出。
2023-12-13 17:07:10
42
原创 js中this指向问题
一般情况this指向它的调用者,在定时器中this一般指向window,在箭头函数中继承它外层this的指向.然后需要注意的是,(ES5新增)绑定的this指的是 绑定的对象。
2023-12-13 16:48:28
16
原创 js Date常用方法
解析一个日期时间字符串，并返回 1970/1/1 午夜距离该日期时间的毫秒数。返回距 1970 年 1 月 1 日之间的毫秒数。
2023-12-13 09:16:57
21
原创 Object对象方法汇总
5. 在有运算操作符的情况下 valueOf()的优先级高于 toString()，这里需要注意的是当调用 valueOf()方法无法运算后还是会再调用 toString()方法。Object.values()处理对象数据时:返回可枚举的值组成的数组。Object.values()处理字符串数据时:返回每个字符组成的数组。1. valueOf()偏向于运算，toString()偏向于显示。Object keys()处理对象数据时:返回可枚举的属性数组。valueOf()和 toString()方法小结。
2023-12-12 17:21:27
61
原创 JavaScript 简介
这些都是通过W3C的规则严格控制的,能保证页面对DOM元素的操作能顺利的在不同的浏览器中运作.而我们常说的一些兼容问题,则会出现在这里.新出的函数,不一定所有的浏览器都支持.新出的属性也有些浏览器不支持.同时我们也可以知道,DOM是包含HTML、CSS的.主要是js的语法规则,它规定了一些特定的规则写法和对象.比如Array、String、Promise等.1. window对象 ，是JS的最顶层对象，其他的BOM对象都是window对象的属性；2. document对象，文档对象；
2023-12-12 16:58:38
14
转载 正向代理和反向代理详解
为了从目标服务器取得内容，客户端向代理服务器发送一个请求，并且指定目标服务器，之后代理向目标服务器转发请求，将获得的内容返回给客户端。反向代理是指以代理服务器来接收客户端的请求，然后将请求转发给内部网络上的服务器，将从服务器上得到的结果返回给客户端，此时代理服务器对外表现为一个反向代理服务器。1. 正向代理和反向代理所处的位置都是客户端和真实服务器之间，所做的事情也都是把客户端的请求转发给服务器，再把服务器的响应转发给客户端。2. 正向代理是代理客户端，为客户端收发请求，使真实客户端对服务器不可见。
2023-12-12 16:12:21
17
转载 flex布局属性详解
flex-flow：是flex-direction和flex-wrap的缩写属性，用于指定弹性容器的主轴方向和换行方式。- space-between：弹性项在交叉轴上平均分布排列，每行之间没有空隙。- space-between：弹性项在主轴上平均分布排列，左右两端没有空隙。- space-around：弹性项在交叉轴上平均分布排列，每行之间有空隙。- space-around：弹性项在主轴上平均分布排列，各自之间有空隙。- flex-start：默认值，弹性项在主轴上从左至右排列。
2023-12-12 11:17:39
36
原创 position 定位
起先它会被相对定位，直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置（比如 position:fixed）。的元素是相对于视口定位的，这意味着即使滚动页面，它也始终位于同一位置。注意：“被定位的”元素是其位置除 static 以外的任意定位元素。绝对定位是不占原来的位置的。的元素相对于最近的定位祖先元素进行定位。如果绝对定位的元素没有祖先，它将使用文档主体（body），并随页面滚动一起移动。的元素相对于其正常位置进行定位。的元素根据用户的滚动位置进行定位。相对定位会占有原来的位置。
2023-12-12 10:50:14
23
原创 scss常用语法
import 不会发送 http 请求，而是直接将导入文件和本文件的样式混合在一起，最后编译成一个新的 css 文件。语法2: @for $var form through {}多行注释：会包含在没有压缩之后的 css 里面；语法：/* 多行注释 */语法1: @for $var form to {}强制注释：会永久保留在 css 里面；单行注释：不会出现在 css 里面；语法：// 单行注释。through是包含最后一项, 而to不包含。
2023-12-12 10:45:18
21
原创 HTML渲染过程概述
将HTML构建成一个DOM树，也就是构建节点，把所有的节点都构建出来。解析css去构建CSSOM树DOM已经构建好了，css也有了，浏览器就会根据这两个来构造render树，浏览器就知道了有哪些节点、各个节点的CSS定义以及他们的从属关系。当render树有了，通过render树，浏览器开始计算各个节点的位置和样式。遍历render树，在页面上绘制每个节点。当render树绘制完成之后，比如JavaScript改变样式或添加节点，这时候render树就需要重新计算。重新绘制页面。重排必然会导致重绘。
2023-12-12 09:19:19
18
原创 HTML 简介
另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。HTML 是：Hypertext Marked Language，即超文本标记语言，是一种用来制作超文本文档的简单标记语言。超文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超文本标记语言采取子类元素的方式，为系统扩展带来保证。超文本标记语言版本升级采用超集方式，从而更加灵活方便。
2023-12-12 08:59:44
25
转载 CSS中BFC详解
块的上外边距margin-top和下外边距margin-bottom会合并为单个边距，如果两个边距相等取其中一个，若大小边距不一样区最大边距。给这两个box给各自一个div包裹，然后给这个div添加 overflow: hidden;给父容器添加BFC属性，添加overflow: hidden;属性，触发BFC, 这样这两个属性就互不干扰。给子元素添加了浮动导致子元素脱离了文档流，所以父盒子只剩下2px的边框,并没有将子盒子包住。给父盒子添加overflow: hidden;属性，触发BFC即可。
2023-12-10 23:22:20
28
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人