摘要:
什么是数组?与其他编程语言中的数组一样,Array对象允许在一个变量名称下存储多个项的集合,并且具有用于执行常见数组操作的成员。 声明数组 我们可以用两种不同的方式声明数组。 使用新阵列 使用new Array,我们可以指定希望存在于数组中的元素,如下所示: const fruits = new A 阅读全文
摘要:
比较点 普通函数 箭头函数 具体案例 简写 / 箭头函数如果没有参数,同时函数体的返回值只有一句,则{}和return都可以省略。 1、函数简写 this指向 this总是指向调用它的对象,如果作为构造函数,它指向创建的对象实例 箭头函数的this指向的是父级作用域的this,是通过查找作用域链来确 阅读全文
摘要:
2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 Flex布局将成为未来布局的首选方案。这也是学习前端必须掌握的主流布局方案!今天给大家分享一下Flex布局的8大重难点知识。 阅读全文
摘要:
本身JS操作DOM就比较消耗性能,你可以理解为JS和dom是独立的小岛,用桥实现两者的联系,但桥很窄,要过路费,所以我们要尽最大可能减少过桥的次数。 再加上每次操作DOM都会触发布局的改变、DOM树的修改和渲染。也就是说操作DOM会引发重排(回流)与重绘,这个过程也是非常消耗资源的。所以要尽量避免重 阅读全文
摘要:
今天为大家带来一篇JS重难点的知识体系,这也是前端高薪必备的重难点知识,而且防抖与节流在各大企业前端面试过程中经常会考到的高频面试题! 为了更好的帮助大家理解防抖与节流,我们特意从我们的系统班(星辰班)中节选了两节课详细的讲解!放在钉钉群直播回放里面,大家可以看完这个文章之后,可以通过最底部的微信二 阅读全文
摘要:
理解盒模型:CSS3 中的盒模型有以下两种:标准盒模型、IE盒子模型(怪异盒模型),盒模型是由4个部分组成,由内向外分别是content(下图蓝色部分)、padding、border、margin盒模型有5个属性: width 元素宽 height 元素高 border 元素边框线 pdding元素 阅读全文
摘要:
关于电商产品展示,无论是从首页还是到栏目页,再到产品的详情页,产品展示效果不仅仅是在电商平台,在很多的企业网站也使用频繁,今天为大家分享一个HTML+CSS小案例项目:小米电商平台的商品展示页面!我们来一起看看吧! 那么我们要开发一个什么样的效果呢?来吧展示!!! 接着下来我们实战开发吧! 温馨提示 阅读全文
摘要:
前面两篇文章为大家详细讲解了相对定位与绝对定位的应用场景和案例。如果想了解的可以在公众号里面查看去看。本小节我们学习下固定定位与粘性定位的应用场景和案例。 属性值 描述 relative 相对定位 相对于自身正常位置进行位置的调整 absolute 绝对定位 相对于其最近的定位的父元素进行位置调整。 阅读全文
摘要:
你学会了基本的id,class类选择器和descendant后代选择器,然后就觉得完事了吗?如果这样,你就会错过许多灵活运用CSS的机会。虽然本文提到的许多选择器都属于CSS3,并且只能在现代的浏览器中使用,但学会这些是大有好处的。 什么是CSS选择器呢? 每一条css样式定义由两部分组成,形式如下 阅读全文
摘要:
今天我们来分享web前端CSS定位中的position:absolute绝对定位的应用场景案例的相关场景! 绝对定位是CSS中非常中啊哟的知识点,接下来我我们会通过7个不同的层面结合7个不同的案例来展开讲解! 绝对定位元素的特性 使元素完全脱离文档流,将释放自己的位置 元素的层级提升,会覆盖在其它元 阅读全文