自定义博客皮肤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 自定义对象的创建

面向对象1. 对象分类内置对象:类如数组对象(Array),日期(Date),函数(function),Math对象,正则表达式(RegExp对象)宿主对象:2. 原始数据类型和对象类型3. 创建对象的几种方式

2020-10-27 09:46:43 138 1

原创 javascrip的闭包函数

1.什么是闭包在一个函数内部创建另一个函数,通过另一个函数访问这个函数的局部变量,使局部变量无法被清除。从技术的角度讲,所有的JavaScript函数都是闭包:它们都是对象,它们都关联到作用域链。<script> function init() { var num= 10; // num 是一个被 init 创建的局部变量 function printf() { // printf() 是内部函数,一个闭包 alert(num

2020-09-22 12:15:09 80

原创 Javascript函数内this对象

在函数内部除了有arguments这个对象,还有个this对象。在绝大多数情况下,函数的调用方式决定了this的值。this不能在执行期间被赋值,并且在每次函数被调用时this的值也可能会不同。对于箭头函数,函数体内this对象就是定义时所在的对象,而不是调用时所在对象1.全局环境无论是否在严格模式下,在全局执行环境中(在任何函数体外部)this 都指向全局对象。<script> // 在浏览器中, window 对象同时也是全局对象: console.log(this =

2020-09-22 11:49:35 131

原创 JavaScript函数声明调用,以及作用域

JavaScript从基础到高级函数函数是用来包装重复使用的代码的模块,在对象里面以及构造函数常用到一.创建函数1.函数声明 function obj(){ //function 函数的声明 obj函数名 ()可以填形参可以不填根据需要 //函数体 ,主要实现的代码 return 0 // return 返回值,一个函数可以没有返回值 }2.函数表达式 var fun = function(){ //fun

2020-09-22 11:26:44 192

原创 JavaScript的Date对象使用

JavaScript从基础到高级Date对象先要创建一个新的时间对象let now = new Date()这是没有参数的,显示的是时间戳是1970-1-1 00:00到设置的这个时间之间的时间总和,具体的时间是按照毫秒来计算的 。如果想传值参数 let now =new Date(‘2020-09-17 12:00’)就是2020年9月17号12点距离1970 1-1 0:0的时间戳。注意:Date里面是加的字符串date对象的使用方法1.获取时间<script> l

2020-09-17 11:44:33 201

原创 JavaScript的字符串方法

JavaScript从基础到高级字符串对象字符串属性:length,获取字符串的长度字符串的方法str.charAt(下标)返回置顶下标所在的字符,类似的有string[]的方式,但对于获取的实参超过字符串原有的长度 <script> let arr=[11,22,33,44,22,33,55],arr1=[22] arr.push(10)//在数组的尾部添加一个元素 10 数组长度加1 arr.pop()//在数组的尾部删除最后一个元素,数组长度减1 arr.uns

2020-09-17 11:07:55 99

原创 JavaScript的数组常见方法以及数组迭代方法

JavaScript从基础到高级数组数组就是一个连续的数组集合,根据下标/索引进行访问,下标从0开始起。有三种方式可组成数组:1.let arr=new Array[6]2.let arr=[]3.let arr=Array.of[]遍历数组可以通过循环来完成,循环次数要小于数组长度,也可以运用迭代arr.forEach()来做数组可以查找,增加,删除等操作,具体如下 <script> let arr=[11,22,33,44,22,33,55],arr1=[22] a

2020-09-09 15:22:19 135

原创 JavaScript的判断及循环结构

JavaScript从基础到高级一、选择结构选择结构也叫分支结构。在任何的编程语言中,代码需要依靠不同的输入作出决定并且采取行动。if语句if语句括号里面的表达式,会自动调用Boolean()转型函数将这个表达式转换成一个布尔值if ( 条件 ) { 语句块 }if ( 条件 ) { 语句块 } else { 语句块 }if ( 条件 ) { 语句块 } else if (条件) { 语句块 } … else { 语句块 }当 条件表达式成立时(值为true),执行 语句块。swi

2020-09-07 08:46:38 108

原创 JavaScript的常量数据类型运算符

JavaScript从基础到高级一、常量使用const关键字声明的是常量,特性同let:不支持预解析,也就是不支持声明提前;不支持重复声明区别是一旦声明,常量的值就不可以改变每个通过const声明的常量必须进行初始化,也就是必须赋值,否则会抛出语法错误- 1.核心(ECMAScript)ECMAScript是一种语法的标准,提供核心的语言功能ECMAScript与Web浏览器没有依赖关系。ECMA定义的只是这门语言的基础,在此基础上可以构建更完善的脚本语言。我们常见的Web浏览器只是ECMA

2020-09-03 09:28:53 99

原创 JavaScript的组成

JavaScript从基础到高级一、JavaScript组成JavaScript是一种基于对象和事件的驱动编程语言。一个完整的javascript应该由核心(ECMAScript)浏览器对象模型(BOM)文档对象模型(DOM)三个不同的部分组成。- 1.核心(ECMAScript)ECMAScript是一种语法的标准,提供核心的语言功能ECMAScript与Web浏览器没有依赖关系。ECMA定义的只是这门语言的基础,在此基础上可以构建更完善的脚本语言。我们常见的Web浏览器只是ECMAScript

2020-09-02 19:59:07 314

原创 初识html+css 第八天

初识html+css 81.动画<head> <meta charset="UTF - 8"> <meta name="viewport" content="width=device - width, initial - scale=1.0"> <title>Document</title> <link rel="stylesheet" href="../xl.css"> <style&

2020-08-31 08:46:29 89

原创 初识html+css 第七天

初识html+css 71.transformtransform: scale(X);是盒子放大或者缩小X倍数,可以为负数,但负数会使盒子基于原点 整个互换,然后缩放。可以单边多变化,如scaleX(2)宽扩大2倍,scaleY(2)高扩大2倍。transform: rotate( );基于中心原点旋转,给一个正值表示顺时针旋转 ,负值标志逆时针旋转。transform:skew(X,Y);XY方向扭曲多少度,可以单个扭曲变形,如skewX,skewY。transform: translate(

2020-08-29 17:36:22 74

原创 初识html+css 第六天

初识html+css 61. 阴影盒子和文本的阴影<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { padding: 0;

2020-08-29 17:12:06 90

原创 初识html+css 第五天

初识html+css 51. 相对定位<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .box1{ width: 200px;

2020-08-29 14:48:59 162 1

原创 初识html+css 第四天

初识html+css 21. a标签的伪类 /* 未访问的状态 */ a:link { color: lightsalmon } /* 访问过后的样式 */ a:visited { color: lightcoral } /* 鼠标悬浮显示样式 */ a:hover { color: lime } /* 鼠标点击样式 */ a:active {

2020-08-29 14:13:11 87

原创 初识html+css 第三天

初识html+css 31. 背景图的属性使用<style> body{ /* 如何添加一个背景图 background-image: url(" ") */ background-image: url("https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=137628589,3436980029&fm=26&gp=0.jpg");

2020-08-27 12:23:16 159

原创 初识html+css 第二天

初识html+css 21. a标签的伪类 /* 未访问的状态 */ a:link { color: lightsalmon } /* 访问过后的样式 */ a:visited { color: lightcoral } /* 鼠标悬浮显示样式 */ a:hover { color: lime } /* 鼠标点击样式 */ a:active {

2020-08-27 11:02:36 115

原创 八天学html+css 第一天

初识html1. 什么叫htmlHTML: hyper text markup language 超文本标记语言 (并不是一个编程语言)标记 <字母></字母> 我们称之标签2. 初识标签块级标签块级标签:独占一行,可以设置宽高;类如: div h1…h6 p ul li ol dl dt dd header footer seation nav行内标签行内标签:不独占一行,不可以设置宽高;类如:span em a strong行内块标签

2020-08-26 20:04:51 172

空空如也

空空如也

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

TA关注的人

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