很酷爱学习

es6提供了一些新特性，其中就有Proxy构造函数，用来生成Proxy实例的，它是一种拦截器。可以理解成，在目标对象之前假设一层”拦截“，外界对该对象饿访问，都必须先通过这...

介绍 在ES6（ECMAScript 2015）中，Decorator是一种设计模式，它提供了一种优雅的方式来扩展或修改类和属性的行为。Decorator本质上是一个函数，...

一、介绍 ES6（ECMAScript 2015）中引入的Generator函数是JavaScript中的一种特殊函数，它允许你编写一个可以暂停执行和恢复执行的代码块。这对...

介绍 模块，（Module），是能够单独命名并独立地完成一定功能的程序语句的集合（即程序代码和数据结构的集合体）。 两个基本的特征：外部特征和内部特征 外部特征是指模块跟外...

什么是Promise 简介 Promise对象用于表示一个异步操作的最终完成（或者失败）及其结果值。它可以把异步操作最终的成功返回值或者失败原因和相对应的程序关联起来。这样...

一、属性的简写 ES6中，当对象键名与对应值名相等的时候，可以进行简写 方法也能进行简写 注意：简写的对象方法不能用作构造函数，否则会报错 二、属性名表达式 ES6允许使用...

一、参数 参数设置默认值（设置了默认参数的参数不可不传参，函数的形参是默认声明的不可使用let，const再次声明） 剩余参数（收集所有剩余的不定量参数为一个数组） 参数使...

一、扩展运算符(...) 更简单的实现数组复制(浅拷贝)： 实现数组合并(浅拷贝): 扩展运算符可以与解构赋值结合起来用于生成数组： 注意： 如果将扩展运算符用于数组赋值，...

在JavaScript中，ES6引入了Set和Map这两种数据结构 Set Set是一种新的数据结构，它类似于数组，但是所有元素都是唯一的，没有重复的值。你可以使用Set来...

ES6(ESMAScript2015)是JavaScript语言的一次重大更新，引入了许多新特性，极大地提升了开发效率和代码可读性。以下是ES6的主要新增特性：‌ 变量声明...

‌减少CSS文件体积‌： ‌压缩CSS文件‌：使用工具如cssnano或CleanCSS来压缩CSS文件，移除多余的空格、注释和换行符‌。 ‌移除未使用的CSS‌：通过工具...

CSS预处理器 Css 作为一门标记性语言，语法相对简单，对使用者的要求较低，但同时也带来一些问题需要书写大量看似没有逻辑的代码，不方便维护及扩展，不利于复用，尤其对于非前...

浏览器解析渲染机制 解析HTML，生成DOM树 解析CSS，生成CSSOM树 将DOM树和CSSOM树结合，生成渲染树(RenderTree) Layout(回流):根据生...

选择器 CSS3新增了多种选择器，主要包括属性选择器、结构伪类选择器和伪元素选择器这些选择器使得CSS的选择更加灵活和强大。‌ 属性选择器 属性选择器可以根据元素的属性和属...

单行文本溢出省略 同时设置以下属性： white-space: nowrap‌;强制文本不换行，确保文本在一行内显示‌ overflow: hidden‌;隐藏溢出的内容。...

实现方式 display: none visibility: hidden opcity: 0 width: 0; height: 0 position: absolute...

选择器 id选择器（写法：id="box"; 使用: #box:选择id为box的元素） 类选择器（写法：className="father";使用: .father: 选...

两栏布局右侧自适应 父元素BFC:overfllow:hidden，子元素固定宽度左浮动:float: left,右侧：margin-left:XXpx flex弹性布局:...

背景 在开发中经常遇到这个问题，即让某个元素的内容在水平和垂直方向上都居中，内容不仅限于文字，可能是图片或其他元素。 居中是一个非常基础但又是非常重要的应用场景，实现居中的...

什么是响应式设计？基本原理？如何实现？优缺点？ 什么是响应式设计 响应式网站设计是一个网站能够兼容多个终端，智能地根据不同设备环境进行相对应的布局 (同时适配PC+平板+手...