自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(18)
  • 收藏
  • 关注

原创 JS利用对象的属性进行数组去重

对象的属性特点:一个对象中,相同的键名,只能建立一个,再对已经存在的键名进行赋值,是覆盖数据操作举一个例子:var obj = {name:'张三'}; obj.name = '李四'; console.log(obj);这里输出的结果是’李四’,说明再对已经存在的键名进行赋值会进行覆盖操作数组去重的思路 // 利用对象的属性 // 循环遍历数组...

2020-03-23 21:14:08 660

原创 JS的预解析

首先我们知道JavaScript是弱类型解释型的脚本语言, 那么它在程序执行之前,会先将定义的程序,预先解释,也就是预先模拟执行一遍JavaScript中,预解释/预解析,操作原理:预先读取JavaScript中的所有程序内容,找到所有 var 和 function 关键词 来进行预解释和预解析,告诉计算机程序,有哪些变量是使用 var 关键词声明 // 如果提前使用...

2020-03-22 20:13:23 104

原创 JS变量的作用域

首先来了解一下什么叫变量的作用域?所谓的变量的作用域,就是变量的使用范围,每一个变量都有自己的使用范围。通俗的来讲就好像美元和人民币一样,只能在自己的国家使用。变量的作用域分为两种:1,定义在函数之内的变量包括函数的参数,定义在函数内部的变量,都称为局部作用域变量 / 局部变量只能在函数内容部使用,如果外部想要直接调用,是不行的2,定义在函数之外的变量,称为全局作用域变量/全局变量...

2020-03-22 18:22:01 333

原创 JS函数

函数的基本概念:实现固定功能的代码块函数命名的规范:规则 :只能使用 数字,字母,下划线_,美元$不能以数字开头区分大小写规范 :见名知意驼峰命名法函数的特点:封装: 将需要的代码,写入到函数中重复: 一个函数可以反复调用调用: 可以在任意需要位置上调用执行代码函数的定义/函数的封装:所谓的封装,就是将程序,放在 函数的 { } 中,就是函数程序的封装funct...

2020-03-18 20:43:34 102

原创 JS循环嵌套

首先我们要知道什么是循环嵌套,所谓的循环嵌套,就是 for(){} 的循环体,也包含 for循环:循环嵌套的基本结构: for() { for(){} }举个简单的例子: for (var j = 1; j <= 5; j++){ for (var i = 1; i <= 5; i++) { console.log(...

2020-03-18 20:31:57 687

原创 JS循环语句

我们首先来说一下while循环语句的基本语法:循环语句的基本语法格式 由 4 部分组成:1,设定循环变量的初始值2,判断进入循环的条件3,循环体4,步长 var i = 1; //循环变量的初始值 while(i <= 5) //进入循环的条件 ...

2020-03-18 20:19:16 1763

原创 JS运算符

运算符的分类:算术运算符:+ 加号 如果都是数值,执行加法运算。如果有字符串参与,结果是字符串拼接- 减法运算* 乘法运算/ 除法运算 除数,也就是第二个数值,不能为0 除数是0,JavaScript中执行结果是Infinity表示无穷大% 求模运算符 / 求余数运算符 余数在计算机中,也称模赋值运算符: = 赋值运算符,将符号右侧的内容,赋值给左侧的内...

2020-03-12 20:14:48 83

原创 JS的数据类型转化

首先我们来了解什么是数据类型的转化,为什么要有数据类型的转化:在 JavaScript 程序中 , 变量中存储的数据类型没有限制,也就是在变量中可以存储任何符合JavaScript语法规范的数据类型,但是 在 JavaScript 程序的执行过程中,往往需要变量中存储的数值是某种特定的数据类型,别的数据类型不行,此时就需要进行数据类型的转化,所谓的数据类型转化,就是将当前数据类型转化为其他数据类...

2020-03-12 19:38:51 213

原创 简单的HTML结构

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2020-03-12 19:18:00 151

原创 JS变量的相关问题

1、变量的定义:存储在内存之中的,带有名称的,数据信息,其中存储的数据,在执行过程中,是可以改变的通俗的讲就是一个容器,用来存储数据的容器2、变量的语法形式:var name = ‘张三’这里的var指的是 声明变量的关键词,就是告诉计算机我正在定义一个变量name则指的是所定义的变量的名字= 这里的等号跟数学的=不一样,在计算机程序中 = 是指讲右边的内容赋值更黑左边的变量‘张三...

2020-03-12 19:15:15 92

原创 JS语法和CSS语法的对比

JS的语法和CSS语法很像,也分为行内式、内部式和外部式CSS和JS的行内式代码对比:<div style="color: red;" onclick="alert('我是div标签的弹窗')">我是div标签</div>CSS和JS的内部式代码对比:<style> .p1{ color:blue; ...

2020-03-12 18:59:50 409

原创 实战摩天轮

利用CSS来实现摩天轮,代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin:0;padding:0; } body,htm...

2020-03-07 17:28:18 22774

原创 利用CSS代码实现阴影效果

很多时候我们在设计网站时需要加一些阴影效果,那么怎么实现呢,代码如下:<style> #box{ width:200px; height: 200px; border:1px black solid; margin:100px; box-shadow: 2px 2px 2px 2px black}</style>这样一个...

2020-03-07 17:17:28 291

原创 利用CSS做出折扇效果

我们在做网站的时候总有一些华丽花哨的想法,今天就看一下如何利用CSS作出简单的折扇折扇效果,代码如下:<style>*{padding:0;margin:0;}.box{width:600px; height:230px; margin:50px auto; position:relative; border-bottom:solid 2px #000...

2020-03-07 17:03:59 334

原创 如何把超大图居中

在网页中我们经常看到各种大图很好看,比如英雄联盟官网,那么这是怎么做到的呢,方案如下:CSS代码如下:

2020-03-07 16:57:57 117

原创 H5扩展知识

今天老师带着我们学习了很多的新知识,来回顾一下吧HTML5新语义化标签 ( 很重要的 )div span h1 img -> html4.01width height background -> css2.1transform border-radius -> css3header footer main -> html5注:很多新的HTML5语义化标签,跟...

2020-03-03 23:06:10 180

原创 Css Grid网格布局

今天我们来学习一下网格布局,效果图如下:首先第一步我们先在head标记里把style标签写上,然后去掉默认样式,代码如下图:第二步创建一个盒子模型,代码如下图:我们首先给盒子的宽和高300px,然后给盒子一个颜色,比如红色。接着再给盒子一个1px的黑色边框,为了更好的在屏幕中显示我们给盒子加了一个margin值。这样我们的盒子模型就创建好了,然后我们就可以添加网格代码了。然后我们给...

2020-02-29 18:47:32 205

原创 css3阴影

今天给大家讲一下如何利用css3做出一个盒子模型的阴影,效果图如下:首先第一步我们先在head标记里把style标签写上,然后去掉默认样式,代码如下图:第二步创建一个盒子模型,代码如下图:我们首先给盒子的宽和高200px,然后给盒子一个颜色,比如红色。接着再给盒子一个1px的黑色边框,为了美观我们给盒子加了一个margin值。这样我们的盒子模型就创建好了,然后我们就可以给盒子模型添...

2020-02-23 17:06:43 95

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除