- 博客(35)
- 收藏
- 关注
RSS订阅原创 JS基础：数据类型转换
强制类型转换将一个数据类型强制转换为其他数据类型类型转换主要是指将其他数据类型转化为String Number Boolean转换为String方式1：调用被转换数据类型的 toString() 方法并没有改变a本身的数据类型，只是把返回的结果类型改变了可以把返回值赋给a,从而改变a的数据类型null 和 undefined 这两个值没有toString() 方法var a = 123;a = a.toString(); // string '123'a = true;a =
2020-06-30 10:53:14
98
原创 JS基础：Null和undefined
很多其他的语言中，只有 null；但 JS 语言中，既有 null，又有 undefined。很多人会弄混，由此觉得 JS 语言很麻烦。其实不然，学习完这篇文章后，你会发现 null 和 undefined 的区别很容易理解。Null：空对象null 专门用来定义一个空对象（例如：let a = null）。如果你想定义一个变量用来保存引用类型，但是还没想好放什么内容，这个时候，可以在初始化时将其设置为 null。比如：let myObj = null;cosole.log(typeof myO
2020-06-30 07:06:31
89
原创 JS基础：Number
数值型：Number在JS中所有的数值都是 Number 类型，包括整数和浮点数（小数）。 var a = 100; // 定义一个变量 a，并且赋值整数100 console.log(typeof a); // number var b = 12.3; // 定义一个变量 b，并且赋值浮点数 12.3 console.log(typeof a); // number补充：在 JS 中，只要是数，就是 Number 数值型的。无论整浮、浮点数（即小数）、无论大小、无论正负，都是 Number
2020-06-29 19:42:18
68
原创 JS基础：字符串
字符串语法字符串型可以是引号中的任意文本，其语法为：双引号 "" 或者单引号 ''。来看个示例。下面的这些，都是字符串： var a = "abcde"; var c = "123123"; var d = '哈哈哈哈哈'; var e = ""; //空字符串 var f = haha; // 没使用引号，到这里会直接报错。因为会被认为是js代码，但是之前并没有定义 haha console.log(typeof a); // string console.log(typeo
2020-06-29 18:35:30
77
原创 JS基础：数据类型简介
为什么需要数据类型在计算机中，不同的数据所需占用的存储空间不同，为了充分利用存储空间，于是定义了不同的数据类型。而且，不同的数据类型，寓意也不同。我们都知道，无论这个变量是字符串类型，还是数字类型，我们都可以直接用 var 去定义它。比如：var a = 'hello word';var b = 123;为什么可以这样做呢？这是因为：JavaScript 是一种「弱类型语言」，或者说是一种「动态语言」，这意味着不需要提前声明变量的类型，在程序运行过程中，类型会自动被确定。JS 的变量数据类型
2020-06-29 16:37:52
66
原创 JS基础：变量相关概念
字面量字面量即常量，是固定值，不可改变。看见什么，它就是什么字面量有3种：数字，字符串，布尔字面量代码示例数值的字面量非常简单，写上去就行，不需要任何的符号。例如： alert(886); //886是数字，所以不需要加引号。字符串的字面量也很简单，但一定要加上引号。可以是单词、句子等。例如： console.log('886'); console.log('千古壹号，永不止步');温馨提示：100是数字，"100"是字符串。布尔字面量举例：if (true) { conso
2020-06-29 16:26:54
97
原创 JS简介
JavaScript入门易学性JavaScript对初学者比较友好、简单易用。可以使用任何文本编辑工具编写，只需要浏览器就可以执行程序。JavaScript是有界面效果的（相比之下，C语言只有白底黑字）。JavaScript是弱变量类型的语言，变量只需要用 var/let/const 来声明。而Java中变量的声明，要根据变量的类型来定义。比如Java中需要定义如下变量：int a;float a;double a;String a;boolean a;而JavaScr
2020-06-29 10:49:37
556
原创 CSS属性：元素隐藏
overflow 属性处理超出范围的文本内容常用属性值visible 默认值，溢出内容不会被修剪，会呈现在元素框之外hidden 不显示溢出的内容scroll 滚动条来显示元素内溢出的内容，即使没有溢出也显示滚动条auto 自动地处理溢出，如果溢出则显示滚动条，如果没溢出，则正常显示代码示例<style type="text/css"> div{ width: 100px; height: 100px; backgro
2020-06-25 21:13:49
240
原创 CSS属性：列表和表格
CSS 列表属性 linklist-style 简写属性，把所有用于列表的属性设置于一个声明中list-style-image 将图象设置为列表项标志list-style-position 设置列表项标志的位置（li内外）list-style-type 设置列表项标志的类型，none 无标记<style> ul{ list-style:square inside; }</style><body><ul>
2020-06-25 20:57:04
168
原创 电影卡片
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="./reset.css"> <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome
2020-06-24 18:45:44
871
原创 京东头部导航
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="./reset.css"> <link rel="stylesheet" href="https://cdn.staticfile.org/font-awes
2020-06-24 15:12:23
298
原创 CSS属性：背景和精灵图
CSS 背景属性常用属性background 属性连写background-color 设置元素的背景颜色background-image 把图像设置为背景background-attachment 背景图像是否固定或者随着页面的其余部分滚动background-position 设置背景图像的位置background-origin 设置背景图片偏移量的原点background-repeat 设置背景图像的重复方式background-size 设置背景图片的尺寸background-
2020-06-23 18:07:51
535
原创 CSS属性：文字与文本
CSS 字体属性 link常用属性font 属性连写 至少要有字号和字体和行高font-family 设置文字的字体，如：font-family:'微软雅黑';font-size 设置文字的大小，如：font-size:12px;font-style 设置字体是否倾斜，如：font-style:'italic';font-weight 设置字体的粗细，如：font-weight:bold;建议不要简写font属性连写必须要写 字体大小，行高，字体族简写时，行高实际可以不写，但系统会默
2020-06-22 17:30:10
186
原创 CSS属性：vertical-align详解
文章推荐 link1 link2 link3Vertical-align属性Vertical-align被用于垂直对齐inline元素，inline-block元素，以及inline-table的元素inline元素基本上指的就是文本，inline-block元素基本上指图片，inline-table基本上指的表格对齐inline元素基本介绍baseline：将元素x的基线与其父元素x的基线对齐middle：将元素行高的中间与父对象x的基线对齐，再加上父对象的x高度的一半top：将元素
2020-06-22 14:42:32
922
原创 CSS组件：字体图标
字体图标就是文字，只是这种文字长得和图标一样字体图标优缺点字体拥有的属性（字体大小、颜色等），均适用于字体图标具有矢量性，无限放大也不会有马赛克，保证清晰度字体图标大小相对于图片要小很多，加载快，灵活字体图标只能是单一颜色，图片可以多种颜色混合fontawesome使用步骤下载解压将css和webfonts移动到项目中使用link将all.css引入网页...
2020-06-21 21:50:57
949
原创 HTML5音视频播放
音视频，图片，内联框架都属于替换元素，src指定引入文件的路径audio 标签 linkaudio 标签用来向页面引入一个外部的音频文件音视频文件引入时，默认不允许用户控制播放停止常用属性src 指定引入文件的路径autoplay 如果出现该属性，则音频自动播放 (但目前大多浏览器都不会自动播放，为了用户体验)controls 如果出现该属性，则向用户显示控件，否则不显示loop 如果出现该属性，则每当音频结束时重新开始播放muted 规定音视频静音代码示例<body>
2020-06-20 18:00:58
270
转载 HTML基础知识
HTML的概念HTML 全称为 HyperText Markup Language，译为超文本标记语言。HTML 不是一种编程语言，是一种描述性的标记语言。作用，HTML是负责描述文档语义的语言。超文本概念所谓的超文本，有两层含义：图片、音频、视频、动画、多媒体等内容，成为超文本，因为它们超出了文本的限制。不仅如此，它还可以从一个文件跳转到另一个文件，与世界各地主机的文件进行连接。即：超级链接文本。标记语言概念HTML 不是一种编程语言，是一种描述性的标记语言。这主要有两层含义：
2020-06-20 10:11:46
245
转载 认识web和web标准
Web、网页、浏览器WebWeb（World Wide Web）即全球广域网，也称为万维网。我们常说的Web端就是网页端。网页网页是构成网站的基本元素。网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。我们在浏览器上输入网址后，打开的任何一个页面，都是属于网页。浏览器浏览器是网页运行的平台，常见的浏览器有谷歌（Chrome）、Safari、火狐（Firefox）、IE、Edge、Opera等。关于浏览器的详细介绍，可以看下一篇文章：《浏
2020-06-20 08:58:04
286
原创 京东轮播图
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Descri
2020-06-20 08:14:01
224
原创 简单的布局
代码示例<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="D
2020-06-18 15:48:51
121
原创 w3c导航栏
代码示例<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="D
2020-06-18 12:17:04
175
原创 布局练习——网易新闻
代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style type="text/css"> *{ margin: 0; padding: 0; } .news-wrapper{
2020-06-16 16:47:20
135
原创 CSS布局：float浮动
浮动特性1、浮动元素有左浮动(float:left)和右浮动(float:right)两种2、浮动的元素会向左或向右浮动，碰到父元素边界、其他元素才停下来3、相邻浮动的块元素可以并在一行，超出父级宽度就换行(常用于制作导航栏)4、浮动让行内元素或块元素自动转化为行内块元素(此时不会有行内块元素间隙问题)5、浮动元素后面没有浮动的元素会占据浮动元素的位置，没有浮动的元素内的文字会避开浮动的元素，形成文字饶图的效果6、父元素如果没有设置尺寸(一般是高度不设置)，父元素内整体浮动的元素无法撑开父元素【
2020-06-14 05:58:39
797
原创 CSS基础：伪类选择器
伪类 link伪类是给页面中已经存在的元素添加一个类。伪类用来描述一个元素的特殊状态，如：第一个子元素，鼠标点击的元素，鼠标移入的元素常用伪类属性:active 向被激活的元素添加样式:focus 向拥有键盘输入焦点的元素添加样式:hover 当鼠标悬浮在元素上方时，向元素添加样式:link 向未被访问的链接添加样式:visited 向已被访问的链接添加样式:first-child 向元素的第一个子元素添加样式伪类选择器处理超链接给超链接不同状态添加不同的颜色或样式a:hove
2020-06-12 22:50:44
377
原创 CSS布局：position定位
定位和浮动区别（重点）float 浮动浮动元素会脱离文档流，但不会脱离文本流，浮动只有左右浮动float 元素会浮起来，具有行内块的特点，但只能浮到第二层，表现为并列position 定位相对定位会浮起来，但不会脱离文档流和文本流，元素原本的位置会被保留，不会变为行内块绝对和固定定位会浮起来，脱离文档流和文本流，会变为行内块元素position 定位元素会浮起来，但会浮到不同层，后定位的元素永远比先定位的元素层级高（未使用没有z-index的情况下），表现为层叠position 属性
2020-06-11 19:50:31
285
转载 12个HTML和CSS必须知道的重点难点问题
这12个问题，基本上就是HTML和CSS基础中的重点难点了，也是必须要弄清楚的基本问题，其中定位的绝对定位和相对定位到底相对什么定位？这个还是容易被忽视的，浮动也是一个大坑，有很多细节。这12个知识点是我个人认为的，下面我们就来看看这12个知识点。1.怎么让一个不定宽高的 DIV，垂直水平居中?使用Flex只需要在父盒子设置：display: flex; justify-content: center;align-items: center;使用 CSS3 transform父盒子设置:posit
2020-06-11 13:07:46
325
原创 CSS布局：文档流
文档流的特性文档流中，行内及行内块元素默认从左到右流，遇到阻碍或者宽度不够自动换行，继续按照从左到右的方式布局。块级元素单独占据一行，并按照从上到下的方式布局空白折叠现象，无论多少个空格、换行、tab，都会折叠为一个空格，想让 span 标签之间没有空隙，必须紧密连接同一行中，高矮不齐，底边对齐，如 span文本会和图片的最下端对齐元素中的如果有英文文本会出现不能自动换行的情况，原因是英文文本之间没空格，浏览器会认为这是一个长的单词脱离文档流，可以理解为元素已经不属于这个文档了，在它的上一层，也
2020-06-10 15:18:17
608
原创 CSS布局：盒子模型
盒子模型概述 link盒子组成，包括元素内容、内边距、边框 和 外边距内边距、边框和外边距都是可选的，默认值是零，可以应用于一个元素的所有边，也可以应用于单独的边外边距可以是负值，而且在很多情况下都要使用负值的外边距width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响盒子的容积，但是会增加盒子的总尺寸盒子自身的尺寸：内容的宽高+两侧内边距+两侧边框盒子在页面中占位的尺寸：内容的宽高+两侧内边距+两侧边框+两侧外边距宽高属性 link宽度 width：
2020-06-09 18:03:29
284
原创 CSS基础：基础知识
css介绍css 是层叠样式表，他的作用是用来规定 div 和 div 中内容的位置和样式html 只负责文档的结构和内容，表现形式完全交给css，html文档变得更加简洁css 三大特性层叠性层叠性是指当一个标签被设置了多个重复的样式的时候，一个属性会覆盖另外一个属性层叠性主要遵循的原则是：优先级的情况下，就近原则，否则以优先级高的为准继承性继承性是指当子标签没有设置样式时，会继承父标签的样式text-，font-，line-这些元素开头的都可以继承，以及color属性子标签
2020-06-05 18:42:00
364
原创 HTML表单元素
表单常用标签 linkform --------- 定义供用户输入的 HTML 表单input -------- 定义输入控件textarea ----- 定义多行的文本输入控件button ------- 定义按钮select ------- 定义选择列表（下拉列表）optgroup ----- 定义选择列表中相关选项的组合option ------- 定义选择列表中的选项label -------- 定义 input 元素的标注fieldset ----- 定义围绕表单中元素的边框l
2020-06-05 10:23:29
127
原创 HTML常用标签
Web 标准构成结构标准：结构用于对网页元素进行整理和分类，用HTML实现表现标准：表现用于设置网页元素的版式、颜色、大小等外观样式，用CSS实现行为标准：行为是指网页模型的定义及交互的编写，用Javascript实现基本介绍html概念html是超文本标签语言，可以编写静态网页，该静态网页包括文字，图形，动画，声音，表格，链接。元素的概念元素指的是从开始标签到结束标签的所有代码元素的内容是开始标签与结束标签之间的内容空元素在开始标签中进行关闭（以开始标签的结束而结束）大多数 HTM
2020-06-05 07:54:21
325
原创 HTML内联框架
HTML 框架通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面主要用到iframe和frameset，但是frameset已被弃用
2020-06-05 07:54:11
368
原创 HTML表格与列表
表格 link表格常用标签table -------- 定义表格caption ------ 定义表格标题th ----------- 定义表格中的表头单元格tr ----------- 定义表格中的行td ----------- 定义表格中的单元thead -------- 定义表格中的表头内容tbody -------- 定义表格中的主体内容tfoot -------- 定义表格中的表注内容（脚注）col ---------- 定义表格中一个或多个列的属性值colgroup ---
2020-06-04 10:52:45
136
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人