ITPub博客

Promise是ES6语法中新增的一个标准内置对象，它代表了一个异步操作的最终完成或者失败，能够把异步操作最终的成功返回值或者失败原因和相应的处理函数关联起来，是异步“回调地狱”的解决方案之一。1 应用场景要了解Promise对象，首先要了解这个对象的应用场景，Promise对象主要就是为了解决异步回调地狱问题的，那么什么是回调函数呢？请看下面的一段代码:// 定义一个函数a func

jQuery于2006年1月由John Resig在BarCamp NYC首 次发布。它目前由Timmy Wilson领导, 并由一组开发人员维护。jQuery是一个JavaScript库，它简化了客户端JavaScript编程的过程，特别是针对HTML文档遍历和操作、事件处理、动画效果和Ajax操作。使用jQuery可以更容易地编写可维护的JavaScript代码，同时提高了跨浏览器的兼容性。其

React中的状态管理是开发人员需要解决的问题。 总有一些新库给你选择，而选择合适的库可能是一项困难的工作状态管理一直是React中开发人员需要解决的问题，如何有条理的组织数据，如何快速的在项目中集成，这些都是我们做项目时选择技术的标准。Redux一直是我们react项目中不二的状态管理插件，但是redux的配置以及各种插件的安装一直是很多人员头疼的一个问题，太麻烦了。但是随着ReduxToolk

一段优美的前言，哟，哟：年轻的码农哟~ 你是不是一直在思考自我提升的问题~思来想去，决定从算法抓起（单押）~拿起又放下，经历过多少次放弃（单押 ✖ 2）~决定了！这次让我来帮你梳理（单押 ✖ 3）！Skr~坦诚相见吧，两数之和！《两数之和》是算法学习过程中最最经典也是最最基础的一个问题。力扣、牛客等刷题网站排行最高的就是两数之和了，经典就有其经典的道理，《两数之和》因为本身并没有太高的难度。而且也

很多人会有一个疑问, 一个用来表示小数的 float 为什么表示的范围会比 long 还要大呢 ?这次, 咱们就来详细说一说这个事情从长计议聊到这个话题, 我们就要从计算机存储数字这个位置说起了计算机存储数字的方式其实就是 : 二进制二进制是计算机中最基本的数字存储方式，所有的数字都是以0和1的二进制数表示的。计算机中的内存和处理器等硬件组件都是以二进制为基础来设计的。计算机通过将数字转换成二进制

在JavaScript中，深浅拷贝都是对对象或数组进行复制，以便在对原始对象进行更改时不会影响到已复制的对象。浅拷贝只复制对象的一层，而深拷贝会复制整个对象的所有层次。使用场景1. 表单数据处理在前端开发中，表单处理是一个非常常见的场景。当用户在表单中输入数据时，我们需要将这些数据保存到一个对象中，然后将对象发送到服务器。但是，由于表单中可能包含嵌套的对象和数组，因此我们需要使用深拷贝来复制整个表

解决网站图标问题的方案——SVG！SVG 是一种基于 XML 语法的图像格式，英文全称是： Scalable Vector Graphics，即可缩放矢量图，是 W3C 的一项建议。我们用手机拍摄的照片，图片格式一般都是基于像素处理的，图片放大会模糊失真。SVG 则是属于对图像的形状描述，所以它本质上是文本文件，体积较小，且不管放大多少倍都不会失真。我们来真实的体验一下。打开阿里巴巴矢量图标库网站

使用SVG绘制矩形、圆形和椭圆形。SVG有一些预定义的形状元素，可以供开发者使用。这些元素分别是矩形、圆形 circle 、椭圆 ellipse、线条 line、多线条 polyline、多边形 polygon、路径 path 。我们先来学习矩形的绘制。绘制矩形使用 rect 标签，它是 rectangle 的缩写，就是矩形的意思。它是一个单标签，基本语法为：尖角号 rect，斜线尖角号。注意，任

在SVG中，使用 path 标签来定义一个路径。它是一个单标签，基本语法为：尖角号 path，斜线尖角号。应用路径，我们可以绘制任意形状的图形。path标签的重要属性 d，用来定义绘制路径的命令，d 是 draw 的缩写，就是绘制的意思。绘制路径的命令有很多，先看两个常用的命令：M 命令，是 moveto 的缩写，定义绘制图形的起点坐标。例如 M 150 0 (大M，空格，150，空格，0)，也可

SVG提供了大量的笔画属性，实现各种各样的描边效果。我们来介绍一下：stroke：笔画属性，stroke-width：笔画宽度属性，stroke-linecap：笔画线帽属性，stroke-dasharray：虚线笔画属性。所有的描边属性都可以应用于任何类型的线条、文本和元素的轮廓，如 circle。首先我们学习 stroke 属性，它定义了一个元素的线条、文本或轮廓的颜色，值是任何合法的颜色值。

我们先来学习图形的模糊效果。给 SVG 图形添加特殊效果，需要通过 filter 元素来实现，filter 是过滤器的意思，它是一个双标签，基本语法为尖角号 filter，尖角号 /filter。filter 元素里面包含一个或多个效果滤镜。filter 元素有一个必要的 id 属性，用于识别过滤器，图形通过这个 id ，指向要使用的过滤器。filter 元素都是在 defs 元素中定义的。def

渐变，是一种颜色向另一种颜色的平滑过渡。此外，几种颜色的过渡可以应用于同一个元素。SVG中有两种主要的渐变类型：线性渐变和径向渐变。线性渐变应用 linearGradient 元素来定义，它必须嵌套在 defs 标签中，可以实现水平渐变、垂直渐变或角度渐变。linearGradient 是一个双标签，基本语法是：尖角号 linearGradient，尖角号 /linearGradient。它有两组

当浏览器读取一个样式表时，它将根据样式表中的信息对HTML文档进行格式化。CSS中有三种插入样式表的方法，分别是内联 CSS、内部 CSS和外部 CSS。我们先来讲解内联 CSS。内联 CSS，也称之为内联样式，也称行内样式。它被用来为 一个单一的元素应用一个独特的样式。要使用内联样式，需要将样式属性添加到相关的元素中。样式属性可以包含任何 CSS 属性。比如，在 div 上添加内联样式，需要定义

如果页面结构很复杂，给每个元素设置类名会是很‘头疼’的事情。我们来举个例子。通过布局和样式，实现这样的页面效果。在 004 目录下，创建一个 css-combinators.html 文件，构建基本代码。在 body 里添加一个div 元素，在 div 里添加一个 h1 元素，一个 p 元素，一个 h3 元素。编写 emmet 命令：ol 大于号 小括号 li 大于号 p 乘以 3，补全代码。 o

我们经常会看到页面中有一些特殊的动态样式，例如，点击文本的时候，文本颜色发生变化，鼠标悬停在文本区域的时候，文本区域背景颜色发生了改变，这样的效果该如何实现呢？（案例参照：新闻类型的网站）网站中的标签及文本，默认没有任何的动态效果，如果想要添加这样动态样式，则需要配合鼠标的各种行为去完成，比如：鼠标点击，鼠标划过等；这些行为都可以使用CSS中的伪类选择器来实现。伪类选择器，属于类选择器中的一种，他

我们来看个案例，杂志内容中的第一个字符R。样式是特殊定义过的，如果将杂志内容在浏览器中加载，我们该如何实现这个效果呢？这就需要用到CSS中中的伪元素选择器来实现了，伪元素选择器，顾名思义：伪：可以理解成假的，元素：就是标签；所以伪元素选择器可以解释成：假元素选择器；通过伪元素选择器，可以设置元素指定部分的样式。主要用来设置元素内文本的首字母，首行的样式、或是在元素内容之前或之后插入其他内容；伪元素

前面我们已经讲解了，CSS中的简单选择器，组合选择器，以及伪类和伪元素选择器。如果想做到更加精准的查找，并且提高查找元素的效率，我们可以使用CSS属性选择器来完成。CSS属性选择器，是根据属性或属性值来查找元素；基本语法为：Element中括号attribute（[əˈtrɪbju:t ]）（Element[attribute]）或者Element，中括号attribute等于value(Elem

CSS有很多用于格式化文本的属性。比如，文本的颜色、大小写转化、对齐方式、文本间距、文本装饰等等。（此时会同时演示几个案例） 首先，我们来介绍 CSS 如何为文本添加颜色。

通过CSS文本装饰可以为文本添加装饰线、为装饰线设置颜色、为装饰线指定风格、为装饰线设置厚度等效果。 为文本添加装饰线通过 text-decoration-line 属性实现，可以结合一个以上的值，如上划线和下划线，来显示文本上方和下方的线条。具体的值有三个：

为你的网站选择正确的字体，能够提高用户浏览网站的体验——恰当的字体可以为你的品牌创造一个强大的视觉标识。使用一种易于阅读的字体，比如为字体选择正确的颜色和文字大小，都是非常重要的。（做后期时，此处根据文案，放置一些有漂亮字体的网页，logo 什么的）我们首先来了解如何设置字体。（此时字体两个字高亮）在 CSS 中，我们使用 font-family 属性来指定一个文本的字体。属性值是一个字体的名称。