创建时间对象：new Date()获取时间对象●new Date() 在不传递参数的情况下是默认返回当前时间○当前终端的时间信息○注意: 和你终端设置的时区有关系

数组去重●就是把一个数组中重复出现的数据只留下一个,没有重复出现的就不用管了●最后的数组里面只有不重复的数据方案一●我们可以利用sort()方法进行排序●让一样的数据挨着,后面我们就可以判断前一个和后一个是不是一样,●如果一样就删掉一个 {代码...} 方案二●准备一个新的数组,我们可以判断新数组中的数据有没有和原始数...

● 看到标题● 噗 ~ 噗 ~, 一股嗤笑油然而生● 在前端岗位叱咤风云这么多年了, console 这个玩意用你讲● 但是, 今天我将带你看到不一样的 console, 可以带来更多的帮助了解 console● 什么是 console ?console 其实是 JavaScript 内的一个原生对象内部存储的方法大部分都是在浏览器控制台输出一些内容并且还提供了很多的辅助...

●聊到这个话题, 我们就要从计算机存储数字这个位置说起了 ●计算机存储数字的方式其实就是 : 二进制二进制是计算机中最基本的数字存储方式，所有的数字都是以0和1的二进制数表示的。计算机中的内存和处理器等硬件组件都是以二进制为基础来设计的。计算机通过将数字转换成二进制数，然后以二进制形式存储在内存中。●进制 :...

前言我叫定安，“提笔安天下，上马定乾坤”的定安！34岁，半只脚步入中年。回顾过去十多年的职业生涯，我此起彼伏，于是乎我有一个想法，做一些总结，也看一眼未来的规划。接下来我会用两部分内容说明一下，我对前端的理解和前端职业应该如何规划；第一，我结合自身的亲身经历来讲述我在前端职业生涯中是怎么一步步走过来的。

重排, 顾名思义就是重新排列元素重绘, 顾名思义就是重新绘制元素也许这样解释，你还是不能理解，为了帮助我们记忆, 通过这个例子先来看一下页面展示在浏览器上的过程

我们来讲解应用 CSS 装饰表单制作一个表单, 并不需要华丽的外表, 只要简洁大方, 方便用户查看和填写信息即可, 所以表单的制作还是比较简单的。先来看一个案例，表单拥有自己的宽度，但是高度是被表单中的不同控件撑开显示的。表单区拥有自己的边框，并且有圆角设置，同时每一个表单元素之间拥有相等的间距。本节课我们就...

本次，我们来讲解应用 CSS 来装饰表格。如何制作一个表格，我们在HTML课程中已经学习过了。现在，我们通过样式，让表格变得更加美观易用。首先来学习如何定义表格边框。要在CSS中指定表格的边框，可以使用 border 属性。我们来举个例子。创建 tables.html 文件和 tables-style.css 文件。在 html 里构建基础代码，引入外...

在学习 CSS 边距的时候，我们曾经讲过一个 margin 塌陷的问题：相邻块元素垂直边距和嵌套块元素垂直边距邻接时边距会合并，最终边距等于两个 margin 值最大的那个。

创建 grail-layout.html 文件和 grail-layout-style.css 文件。在 html 里构建基础代码，引入外部样式。

本文，学习CSS数学函数。CSS的数学函数允许将数学表达式作为属性值使用。calc()就是一个非常有用的数学函数。calc() 函数执行一个计算，作为属性值使用。小括号里编写数学表达式，可以使用 + - * /运算符。举个例子：

页面里有两个 div，开始的时候宽度都是 800px，当我们将浏览器窗口的宽度拖动到小于 800px 的时候，我们发现：上面的 div 宽度固定，一部分被隐藏在屏幕外；下面 div 的宽度会自动适应 屏幕宽度缩小 的变化。

CSS 为盒模型的布局提供了三种不同的定位方案 ：正常文档流、浮动和定位。我们已经知道，最后一种方案中的绝对定位会把元素从正常文档流中完全移走，它最终的落脚点将取决于我们开发者。

position 属性指定了一个元素定位方式，它有五个不同的类型值：static 静态定位，relative 相对定位，fixed 固定定位，absolute 绝对定位，sticky粘性定位。给元素设置了 position 属性后，再使用 top、bottom、left 和 right 属性对元素进行定位。

这节课，我们学习一个新的网页布局方法——浮动。假设这是页面上的三个布局容器，分别具备自己的宽度、高度和颜色。很清楚的看到，这三个容器是从上向下依次纵向排列的，符合页面容器普通文档流的排列规则。

我们先来看个例子，这个容器里有两段文字和一张图片，由于容器的高度小于包含内容的总高度，不能显示全部的内容。此时，我们可以通过鼠标滚轮使容器的内容上下滚动，来查看全貌。

我们已经熟知：html 元素分为块元素和行内元素两种类型。在浏览器中，每种类型都有默认的显示特点。通过给元素设置 display 样式属性，来改变他们的显示方式。

我们先来看一个简单的例子。当单击这个按钮时，面板就显示出来了。这里的面板由隐藏到显示，是通过 JavaScript 控制 CSS display 属性的值来实现的。

在网站布局中，我们会使用各种各样的元素，这些元素本质上就是一个个小的容器，也称之为盒子，盒子里面可以放置文本，图片，或者其他元素。什么是 CSS 盒模型呢？CSS 盒模型本质上是一个包裹每个 HTML 元素的盒子，包含 margin、border、padding 和 content 四个部分。浏览器就是通过盒模型，来计算元素在网页中占据的空...

CSS 填充属性用于在一个元素的内容周围产生空间，也就是边框内到内容外之间的距离。可以通过 padding-top，padding-right，padding-bottom，padding-left 等属性设置元素的上边、右边、下边和左边的内填充。

CSS边距属性用来在元素周围创造空间，也就是控制元素边框外的距离。可以通过 margin-top，margin-right，margin-bottom，margin-left等属性设置元素的上边、右边、下边和左边的外边距。

这个轮廓线是通过给 input 元素添加 border 边框实现的吗？仔细观察，轮廓线向外延伸了，但是父元素 div 的高度并没有发生变化。可见，这个轮廓线不是通过 border 实现的。

如何在页面中插入这些小图片呢？你的思维惯性，一定是应用 img 或者 background-image 来实现。大家思考一下，如果页面中只有几个简单的图片素材，我们可以采用 img 元素来引入图片，可是当网站图片过多的时候，一张图片一张图片的引入，就显得不方便了。最重要的是，每张图片的显示，都是由浏览器发送请求，通过互联网...

我们学习 CSS 背景属性。假设这里有个 div 容器，宽 400，高 300，默认情况下，这个 div 是没有背景的，或者说它的背景是透明的，我们拿一张图片实验一下就能看得出来，这个 div 在默认情况下，背景是透明的。也可以给 div 加一个背景颜色。既然可以设置背景颜色，那么当然也可以给这个 div 设计一个背景图片，就像这样...

在 HTML 中，最常用的两种列表的类型就是无序列表和有序列表，使用 ol 和 ul 元素实现。列表项通过列表元素属性，实现空心实心圆点和数字字母等不同的形式。

这节课，我们利用CSS边框知识完成一些案例。CSS 边框在网站开发中经常被用到。比如，像这些搜索框、分隔栏、按钮边框等等，就连这个小三角都是用边框制作出来的。[链接][链接] [链接]接下来，我们就使用 CSS 边框，来制作正方形、三角形、梯形、风车等效果。创建 010-css-case-2 文件夹，在文件夹下创建 case-border.htm...

我们学习如何应用CSS给元素添加边框。CSS边框属性，允许我们指定一个元素边框的样式、宽度和颜色。我们先来学习元素边框的样式。border-style 属性指定了要显示什么样的边框。允许使用以下的值：dotted，定义一个点状的边框dashed ，定义一个虚线边框solid，定义一个实线边框double，定义一个双倍的边框none，定义无边框...

仔细观察一下，h1 元素同时存在内联样式和内部样式的修饰。内部样式的 ID 选择器、通用选择器、类选择器和元素选择器，也都指向了 h1 元素。

我们来先来分析一下这个案例。标题容器左对齐，有固定的宽高。标题文字白色，水平垂直居中。正文共四个段落，每个段落都有固定的宽度，右侧边界对齐。前三个段落首行空两个字。每个段落里都有一段高亮的文本，有颜色和下划线修饰，也有文本斜体和加粗效果。段落中的一些文字还有颜色、加粗、下划线以及倾斜等修饰效果。...

我们在应用 font-family 属性声明样式字体时，除了使用HTML中的标准字体外，还可以使用谷歌字体。谷歌字体是免费使用的，并且有1000多种字体可供选择。我们再也不用担心用户电脑上是否安装某个字体了。