- 博客(48)
- 收藏
- 关注
RSS订阅原创 JavaScript 中的作用域、预解析与变量声明提升
ES6之前 JavaScript 采用的是函数作用域 + 词法作用域 ES6 js采用的是块级作用域+词法作用域。局部作用域一般只在固定的代码片段内可以访问到,而对于函数外部都是无法访问的,最常见的例如函数内部,变量提升:定义变量的时候,变量的声明会被提升到作用域的最上面,变量的赋值不会提升。在ES6之前,只有函数可以划分变量的作用域,所以在函数外面无法访问函数内的变量。凡是代码块就可以划分变量的作用域,这种作用域的规则就叫块级作用域,块级作用域和函数作用域描述的是,什么东西可以划分变量的作用域。
2022-09-23 20:07:48
361
原创 js如何遍历对象的属性
了解如何遍历对象属性之前,先知道什么可枚举属性 与 不可枚举属性在JavaScript中,对象的属性由可枚举和不可枚举之分,它是由对象属性描述符enumerable决定的,如果该属性是可枚举的那么这个属性就能被for...in遍历到在JavaScript中可以通过Object.defineProperty()来为对象设置属性描述符从ES5开始,添加对象属性描述符的支持,现在JavaScript中支持6中属性描述符:configurable:设置为true时,该属性的藐视符才能够被改变,同时该属性也能从对应的
2022-09-23 16:51:02
796
原创 浅谈数组与伪数组的区别
数组相信大家已经很熟悉了,那么这篇文章讲讲什么是伪数组以及数组与伪数组的区别伪数组的定义拥有length属性,其他属性(索引)为非负整数不具有数组所具有的方法常见的伪数组有:函数参数arguments,DOM对象列表;jQuery中的$(' ')等伪数组与数组的区别索引(index)和长度(length)伪数组的索引,就是那些键值对的key,没有真正的顺序,长度是手动设置的属性数组的索引和长度是内置属性Array.prototype伪数组没有Array.prototype,它只是
2022-09-23 11:06:13
301
原创 雪碧图 or 精灵图 ？
就是把网站上用到的一些图片整合到一张单独的图片中，从而减少网站的HTTP请求次数，该图片使用css background和background-position属性渲染，这也就意为着你的标签变得更复杂了，图片是在css中定义，并非在标签中。4.精灵图不能随意改变大小和颜色，改变大小会失真模糊，降低用户体验，css新属性可以改变精灵图颜色，但是比较麻烦，并且新属性有兼容为题，现在一般用字体图标代替精灵图。4.更换风格方便，只需要在一张或少张图片上修改图片的颜色或样式，整个网页的风格就可以改变。
2022-09-22 18:30:47
659
原创 浅谈flex布局
CSS flel布局(弹性布局/弹性盒子)1.基本概念Flex是Flexible Box的缩写,意为"弹性布局"或者"弹性盒子",是CSS3中的一种新的布局模式,可以简便 完整 响应式地实现各种页面布局,当页面需要适配不同的屏幕大小以及设备类型时非常使用,目前,几乎所有的浏览器都支持Flex布局可以通过将元素的display属性设置为flex(生成块级flex容器)或inline-flex(生成类似inline-block的行内快级flex容器),当一个元素设置flex布局以后,其子元素的float
2022-09-22 18:16:07
401
原创 盒子水平垂直居中常用的六种方法
盒子水平垂直居中常用的六种方法,在写前端代码的时候,我们经常用到盒子的水平垂直居中,这里说的水平垂直居中都要有一个参照物,也就是子盒子相对于父盒子的水平垂直居中,方法一:利用定位父盒子使用相对定位,子盒子使用绝对定位,利用top:50% left:50% 让子盒子相距父盒子上边界,左边界宽高的50% 利用 margin-top margin-left返回子盒子自身宽高的50%有时候,要实现一些元素水平垂直都居中,这部分元素呢,可能大小未知,例如一些图片或者一些未知大小的块元素,margin:auto会
2022-08-09 18:34:28
10016
1
原创 浅谈常见浏览器缓存方法(前端缓存)
浏览器缓存时浏览器保存数据用于快速读取或避免请求重复资源,提升网页加载速度. 前端缓存可分为两大类:http缓存和浏览器缓存一.http缓存 http缓存指的是:当客户端向服务器请求资源时,会先抵达浏览器缓存,如果浏览器有"要求资源"的副本,就可以直接从浏览器缓存中提取,而不是从原始服务器中提取这个资源常见的htttp缓存只能缓存get请求响应的资源,对于其他类型的响应则无能为力,http缓存都是从第二次请求开始的,第一次请求资源时,服务器返回资源,并在respone hearder头中回传资源的
2022-08-02 20:26:21
7106
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人