Promise是ES6语法中新增的一个标准内置对象,它代表了一个异步操作的最终完成或者失败,能够把异步操作最终的成功返回值或者失败原因和相应的处理函数关联起来,是异步“回调地狱”的解决方案之一。1 应用场景要了解Promise对象,首先要了解这个对象的应用场景,Promise对象主要就是为了解决异步回调地狱问题的,那么什么是回调函数呢?请看下面的一段代码:// 定义一个函数afunction a(
jQuery于2006年1月由John Resig在BarCamp NYC首次发布。它目前由Timmy Wilson领导, 并由一组开发人员维护。jQuery是一个JavaScript库,它简化了客户端JavaScript编程的过程,特别是针对HTML文档遍历和操作、事件处理、动画效果和Ajax操作。使用jQuery可以更容易地编写可维护的JavaScript代码,同时提高了跨浏览器的兼容性。其实
React中的状态管理是开发人员需要解决的问题。 总有一些新库给你选择,而选择合适的库可能是一项困难的工作状态管理一直是React中开发人员需要解决的问题,如何有条理的组织数据,如何快速的在项目中集成,这些都是我们做项目时选择技术的标准。Redux一直是我们react项目中不二的状态管理插件,但是redux的配置以及各种插件的安装一直是很多人员头疼的一个问题,太麻烦了。但是随着ReduxToolk
《两数之和》是算法学习过程中最最经典也是最最基础的一个问题。力扣、牛客等刷题网站排行最高的就是两数之和了,经典就有其经典的道理,《两数之和》因为本身并没有太高的难度。而且也能体现出一些算法的思想,所以作为入门必刷题来说,再合适不过了。那么咱们先来看题目吧!● 来详细分析一下题目● 首先有一个给定的数组, 数组内有若干数字var nums = [ 11, 15, 3, 8, 2, 6 ]● 确定一个
● JavaScript 真是一个特殊的语言, 其他语言都只有一个表示 "无" 的值, 比如 Java 语言用的是 null, C 语言用的是 NULL, Python 语言用的是 None, Ruby 语言用的是 nil. 只有 JS 里面表示 "空" 的有两个, 一个是 undefined, 一个是 null● 很多小朋友在刚开始学习的时候, 都会有一个疑问, 就是 undefined 和 n
很多人会有一个疑问, 一个用来表示小数的 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,斜线尖角号。注意,任
先来学习绘制线条。绘制线条使用 line 标签,line 是线的意思,引申为线条。它是一个单标签,基本语法为:尖角号 line,斜线尖角号。它有几个重要的属性:x1 属性,定义 x 轴上直线的起点坐标。y1 属性,定义 y 轴上直线的起点坐标。x2 属性,定义 x 轴上直线的末端坐标。y2 属性,定义 y 轴上直线的末端坐标。你可能会问,坐标的起点在哪里呢?实际上,SVG所有图形绘制,坐标的起点都
在SVG中,通过 text 标签来绘制文本,它是一个双标签,基本语法为:尖角号 text,尖角号 /text,标签里填写文本的内容。它的 属性 x 和 属性y,定义文本的位置坐标,值为数字。还有两个常用属性:font-size,定义文本的大小,值为数字。text-anchor,定义文本的对齐方式。有三个值:start,以文本左端对齐;middle,以文本中间对齐;end,以文本末尾对齐。我们做个例
在 javascript 语言中, 有一个奇奇怪怪的 "关键字" 叫做 this为什么说它是奇奇怪怪呢, 是因为你写出 100 个 this, 可能有 100 个解释, 完全不挨边但是, 在你的学习过程中, 搞清楚了 this 这个玩意, 那么会对你的开发生涯有很大帮助的接下来咱们就开始一点一点的认识一下 thisthis 初认识看到 this, 先给他翻译过来 "这个"到底啥意思呢 ?饭桌上,
在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 是 Cascading Style Sheets 的缩写,译为层叠样式表,是用来设计网页样式的语言。它描述了 HTML 元素在屏幕、纸张或其他媒体上的显示方式。
当浏览器读取一个样式表时,它将根据样式表中的信息对HTML文档进行格式化。CSS中有三种插入样式表的方法,分别是内联 CSS、内部 CSS和外部 CSS。我们先来讲解内联 CSS。内联 CSS,也称之为内联样式,也称行内样式。它被用来为 一个单一的元素应用一个独特的样式。要使用内联样式,需要将样式属性添加到相关的元素中。样式属性可以包含任何 CSS 属性。比如,在 div 上添加内联样式,需要定义
再来看一下代码,我们发现行内样式存在一些问题,最大的问题就是:样式代码和 html 代码编写到了一起,显得杂乱。为了解决这个问题,我们来学习另外一种添加样式的方法:内部 CSS。如果一个单一的 HTML 页面有一个独特的风格,可以使用一个内部样式表。内部样式表,一般定义在 head 元素里。通过 style 元素来定义。页面的样式声明均需要添加在 style 元素内部。现在,样式声明到了 html
内部样式解决了内联样式的问题,但他也有弊端,主要表现在一下两个方面:弊端1,内部样式只能作用于一个页面,如果要实现多个页面共享一个样式,就做不到了。弊端2,随着样式代码的不断增加,在编辑器中,要不停的上下滚动屏幕来编辑样式,很不方便。解决这些弊端的方法就是使用外部 CSS。外部 CSS,也叫外部样式,可以通过改变一个文件来改变整个网站的外观!外部样式,将 CSS 代码放在一个独立的,以 .css
前面,我们已经学完了内联样式、内部样式和外部样式。大家思考一个问题,如果三个样式表修饰同一个元素,哪一个优先起作用呢?(动画演示效果)带着这个问题,我们来做个实验。来到编辑器,创建一个文件夹 003-multiple-css,在文件夹里创建一个 multiple.html 文件。构建基础代码。添加 h1 和 p 两个元素,分别填入一些文本。给 h1 定义内联样式,style 等于 color bl
CSS选择器,先来学习简单选择器。CSS选择器是用来“寻找”或“选择”,你想要定义样式的HTML元素的。我们前面学习过一个最简单的选择器——比如,这个H1元素就是选择器,我们称之为元素选择器。有了选择器,浏览器才能知道为谁定义样式!说到这,你会好奇,CSS还有别的选择器吗?实际上,CSS选择元素的方式有很多,我们可以把CSS选择器分为五类:第一类,简单选择器:根据名称、ID、类别来选择元素。第二类
如果页面结构很复杂,给每个元素设置类名会是很‘头疼’的事情。我们来举个例子。通过布局和样式,实现这样的页面效果。在 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 如何为文本添加颜色。通过声明 color 属性 来设置文本的颜色,值可以是颜色名称、十六进制颜色值、RGB颜色值。(此处用代码来演示)这几个颜色值是不是感觉很熟悉?没错,我们在前面给HTML元素定义过color属性,值就是这三个。你还记得在哪一节讲过
通过CSS文本装饰可以为文本添加装饰线、为装饰线设置颜色、为装饰线指定风格、为装饰线设置厚度等效果。为文本添加装饰线通过 text-decoration-line 属性实现,可以结合一个以上的值,如上划线和下划线,来显示文本上方和下方的线条。具体的值有三个:overline,在文本上方添加线条修饰。line-through,在文本中间添加线条修饰,实现了删除线的效果。underline,在文本下方
为你的网站选择正确的字体,能够提高用户浏览网站的体验——恰当的字体可以为你的品牌创造一个强大的视觉标识。使用一种易于阅读的字体,比如为字体选择正确的颜色和文字大小,都是非常重要的。(做后期时,此处根据文案,放置一些有漂亮字体的网页,logo 什么的)我们首先来了解如何设置字体。(此时字体两个字高亮)在 CSS 中,我们使用 font-family 属性来指定一个文本的字体。属性值是一个字体的名称。
通过 CSS 可以设置文本倾斜、文本粗细以及文本大小写等字体风格。font-style 属性主要用于指定斜体文本。这个属性有三个值:normal,文本正常显示。italic,文本斜体显示。oblique,和 italic 非常相似,但浏览器支持度较低在 006 文件夹下创建一个 font-style.html 文件,构建基本代码,添加一个 h1 元素和三个 p 元素并添加文本,给三个 p 元素定义
Copyright © 2005-2023 51CTO.COM 版权所有 京ICP证060544号