CodingWithAlice

我的一方小天地,如果对你有帮助,那真的太好了

第十二章 BOM 小结

​ BOM-浏览器对象模型,以 window 对象为基础 - window 对象也被复用为 ECMAScript 的 Global 属性。 通过 location 对象可以以编程方式 操纵浏览器的导航系统。通过设置这个对象上的属性,可以改变浏览器 URL 中的某一部分或全部。 详细请看 第一章小结 使用setTimeout模拟setInterval function fa...

第十一章 期约与异步函数 小结

​ 随着 ES6 新增了 期约 和 ES8 新增了异步函数,通过期约和 async/await,不仅可以实现之前难以实现或不可能实现的任务,而且也能写出更清晰、简洁,并且容易理解、调试的代码。 期约:主要功能是为异步代码提供了清晰的抽象(主要用于需要 串行异步代码:序列化、连锁使用、复合、扩展和重组) 可以用期约表示异步执行的代码块 也可以用期约表示...

JS设置CSS样式的几种方式

JS设置CSS样式的几种方式 直接设置style的属性( 某些情况用这个设置 !important值无效 element.style.height = '100px'; /* 如果属性有'-'号,就写成驼峰的形式(如textAlign) 如果想保留 - 号,就中括号的形式 element.style['text-align'] = '100px';*/ 直接设置属...

浏览器隐藏滚动条、绝对定位影响滚动条

浏览器隐藏滚动条、绝对定位影响滚动条 总结 关键计算公式 滚动条不展示的两种方法 绝对定位元素影响滚动条的解决办法 只要网页内容大于视窗,滚动条就会出现 关键计算公式【浏览器决定是否显示滚动条的伪代码逻辑】 const scrollWidth = Math.max( contentWidth, // 内容宽度 absolu...

第十章 函数 小结

​ 在JavaScript编程中,函数表达式是一种非常有用的技术。 以下总结了函数表达式的特点: 函数表达式不同于函数声明。声明函数要求有名字,但是函数表达式不需要。没有名字的函数表达式也叫做匿名函数(也称为 拉姆达函数)。ES6新增的箭头函数和标准函数也有一些区别。 JavaScript 中函数定义与调用时的参数极其灵活。arguments 对象,以及 ES6 新增的扩...

第九章 代理与反射 小结

​ 从宏观上看,代理是真实 JavaScript 对象的 透明抽象层。代理可以定义包含 捕获器 的处理程序对象,而这些捕获器可以拦截绝大部分 JavaScript 的基本操作和方法。 ​ 与代理如影随形的Reflect反射 API,则封装了一整套与捕获器拦截的操作相对应的方法。 ​ 代理的应用场景是不可限量的。开发者使用它可以创建出各种编码模式,比如(但远远不限于)跟踪属性访问、隐藏属性...

第八章 对象、类和面向对象编程 小结

​ 对象在代码执行过程中的任何时候都可以被创建和增强,具有极大的动态性,并不是严格定义的实体。下面的模式适用于创建对象 工厂模式 就是一个简单的函数,这个函数可以创建对象,为它添加属性和方法,然后返回这个对象。这个模式在构造函数模式出现后就很少用了。(缺点:无法识别对象类型,所有的实例都指向一个原型。) 使用 构造函数模式 可以自定义引用类型,可以使用 new 关键字像创建内置类...

第七章 迭代器与生成器 小结

​ 迭代是一种所有编程语言中都可以看到的模式。ECMAScript 6 正式支持迭代模式并引入了两个新的 语言特性:迭代器和生成器。 ​ 任何实现 Iterable接口的对象都有一个 Symbol.iterator 属性,这个属性引用【默认迭代器】。默认迭代器就像一个迭代器工厂,也就是一个函数,调用之后会产生一个实现 Iterator 接口的对象。 ​ 迭代器必须通过连续 调用 next...

第六章 集合引用类型 小结

​ JavaScript 中的对象是引用值,可以通过几种内置引用类型创建特定类型的对象。 ​ ECMAScript 6 新增了一批引用类型:Map、WeakMap、Set 和 WeakSet。这些类型为组织应用程序 数据和简化内存管理提供了新能力

rem是基于什么原理进行适配的?

rem是基于什么原理进行适配的 ​ css中常见的几个单位 px、em、rem,px是固定像素 - 绝对长度单位(还有pc、pts、in…),无法因为页面大小改变; ​ rem 和 em 都是 相对长度单位(还有vw、vh、%…) 详解: 🆚 em相对于父元素 『元素** font-size 』设置em单位,是 相对于父元素 的的 font-size 『元素的 width...