自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 ajax基础

ajax介绍ajax就是异步的js和XMLAjax即" Asynchronous Javascript And XML"(异步 Javascript和ML),是指一种创建交互式、快速动态网页应用的网页开发技术,无需重新加載整个网页的情况下,能够更新部分刚页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加載整个网页的情况下,对网页的某部分进行更新就是使用ajax技术 对网页进行局語更新 (向后台发送了请求 但是页面不会发生跳转)发送 ajax 请

2020-08-04 19:19:37 79

原创 node基础

学习nodejs的意义?1. 了解浏览器端和服务器端的交互过程 可以缩短开发周期2. 出现bug 可以快速定位是前端问题还是后端问题3. nodejs和其它后端语言拥有一样的功能 可以做数据库的增删改善 爬虫 读写文件…什么是nodejs?Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境 v8解析js是最快的nodejs是让js运行在服务器端nodejs里面的API大多数都是异步node执行下载地址https://nodejs.org/en

2020-08-03 23:02:22 39

原创 js对象的几种克隆方式

在js中对象克隆就是把对象值重新赋给一个新对象。克隆也存在深克隆于浅克隆的区别。引用类型的值都会被保存在堆内存中,在栈内存中会存在一个指针指向堆内存中的值。这时,如果只复制了指针,则可以说这个克隆为浅克隆,如果时根据指针找到具体的值,复制值,就可以称之为深克隆。1、JSONJSON多用于前后台的数据交互,后台传递字符串类型的JSON数据,前端通过JSON.parse() ,可以转化为一个json对象。现有一个对象,可以通过JSON.stringify() 转为json字符串。字符串类型的值保存在栈内存

2020-07-29 18:24:50 67

原创 js promise的基本用法和一些API

MDN上面对promise的解释:Promise 对象是一个代理对象(代理一个值),被代理的值在Promise对象创建时可能是未知的。它允许你为异步操作的成功和失败分别绑定相应的处理方法(handlers)。 这让异步方法可以像同步方法那样返回值,但并不是立即返回最终执行结果,而是一个能代表未来出现的结果的promise对象我的理解就是:Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理且更强大。基本写法let pro = new Promise((res, re

2020-07-29 13:11:11 104

原创 set和map

setES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。var s = new Set();set 使用object。is来判断两个值是否相等 但是专门针对0和-+0做了处理 在set里面默认他们是相等的var a = new Set() a.add(-0); a.add(+0); console.log(a)//Set(1){0}增加 s.add(数据)添加一个 添加一个数据到集合的末尾 如果这个数字原本就存在 那么 就不进行任何操作var s

2020-07-22 18:22:08 30

原创 symbol和箭头函数

symbol是es6新引入的一种基本数据的值 是一种独一无二的值他是js里面的第七种类型 es6数据类型有 Number,String,Boolean,Object,Null,undefined ,symbol1,Symbol 函数不能用new命令 因为symbol是原始数据类型,不是对象。可以接受一个字符串作为参数,为新建的symbol提供描述,这样有利于区分 console.log(Symbol() === Symbol())//falseconsole.log(Symbol("aa") ==

2020-07-20 18:38:35 40

原创 ES6 Symbol

ES5的对象属性名都是字符串,这容易造成属性名的冲突。ES6 引入了一种新的原始数据类型Symbol,表示独一无二的值。它是 JavaScript 语言的第七种数据类型,前六种是:undefined、null、布尔值(Boolean)、字符串(String)、数值(Number)、对象(Object)。Symbol 值通过Symbol函数生成。这就是说,对象的属性名现在可以有两种类型,一种是原来就有的字符串,另一种就是新增的 Symbol 类型。凡是属性名属于 Symbol 类型,就都是独一无二的,可以

2020-07-14 23:01:34 36

原创 数组的解构赋值和扩展运算符

在es6中 按照一定的模式 从数组中提取数值 对对应的变量进行赋值的操作 就叫做解构赋值本质上来讲 解构赋值 就是模式匹配1数组的解构赋值基本用法var [a,b,c] = [1,2,3];本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予 对应的值(1) 如果想要解构赋值成功 那么就必须保证两边的模式完全一样var [a,b,c] = [1,[2],{name : "lucy"}]; console.log(a,b,c);//1 [2] {

2020-07-13 23:04:22 78

原创 es6 let 和 const 命令

1let命令ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;a // ReferenceError: a is not defined.b // 1}上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果let声明的变量报错,var声明的变量返回了正确的值。这表明,let声明的变量只在它所在的代码块有效。for循环的计数器,就很合适

2020-07-08 23:08:40 84

原创 常用的触发事件

鼠标事件onclick:点击某个对象时触发ondblclick:双击某个对象时触发onmouseover:鼠标移入某个元素时触发onmouseout:鼠标移出某个元素时触发onmouseenter:鼠标进入某个元素时触发onmouseleave:鼠标离开某个元素时触发onmousedown:鼠标按下时触发onmouseup:鼠标抬起时触发onmousemove:鼠标被移动时触发...

2020-04-12 13:50:24 45

原创 元素滚动scroll系列,元素可视区 client系列,offset

1元素滚动scroll系列scroll翻译过来就是滚动,我们使用scroll系列的相关属性可以动态的得到该元素的大小,滚动距离等。element.scrolltop 返回被卷去的上侧距离,返回值不带单位scrollleft 返回被卷去的左侧距离scrollwidth 返回自身的实际宽度,不含边框,返回值不带单位scrollheight 返回自身实际的高度。页面被卷去头部是window....

2020-04-12 13:41:53 37

原创 BOM介紹,window常见事件,history对象,Location 对象

1BOM介紹// BOM 也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能。// BOM 缺少 规范,每个浏览器提供商又按照自己想法去扩展它,// 那么浏览器共有对象就成了事实的标准。// 所以,BOM 本身是没有标准的或者还没有哪个组织去标准它。 //一 window对象...

2020-03-22 11:23:47 111

原创 innerHTML和innerText的区别和 自定义属性操作

1 innerHTML和innerText的区别和textContentinnerHTML会获得当前元素所有的属性操作(div的所有)innderText只会获得div和a标签里面的类容textContent 属性设置或者返回指定节点的文本内容。如果你设置了 textContent 属性, 任何的子节点会被移除及被指定的字符串的文本节点替换。所有主要浏览器都支持 textContent 属...

2020-03-15 12:45:32 108

原创 call和apply和bind

function.call(thisArg, arg1, arg2, …)参数thisArg可选的。在 function 函数运行时使用的 this 值。请注意,this可能不是该方法看到的实际值:如果这个函数处于非严格模式下,则指定为 null 或 undefined 时会自动替换为指向全局对象,原始值会被包装。arg1, arg2, …指定的参数列表。返回值使用调用者提供的 ...

2020-03-15 12:38:22 48

原创 闭包,鼠标事件,键盘事件

1闭包是什么「函数」和「函数内部能访问到的变量」(也叫环境)的总和,就是一个闭包。2闭包 的作用闭包常常用来「间接访问一个变量」。换句话说,「隐藏一个变量」。3鼠标事件click:单击事件。dblclick:双击事件。mousedown:按下鼠标键时触发。mouseup:释放按下的鼠标键时触发。mousemove:鼠标移动事件。mouseover:移入事件。mouseout:...

2020-03-01 10:52:45 64

原创 正则表达式,工厂函数,匿名函数,对象的调用

1正则表达式元字符描述将下一个字符标记符、或一个向后引用、或一个八进制转义符。例如,“\n”匹配\n。“\n”匹配换行符。序列“\”匹配“\”而“(”则匹配“(”。即相当于多种编程语言中都有的“转义字符”的概念。^匹配输入字行首。如果设置了RegExp对象的Multiline属性,^也匹配“\n”或“\r”之后的位置。$匹配输入行尾。如果设置了RegExp对象的Multiline属...

2020-02-23 11:26:59 30

原创 js基本比较,函数的具名和匿名,对象的遍历

1,比较规则在比较字符串、数值和布尔值的相等性时,问题还比较简单。但在涉及到对象的比较时,问题就变得复杂了。最早的ECMAScript中的相等和不相等操作符会在执行比较之前,先将对象转换成相似的类型。后来,有人提出了这种转换到底是否合理的质疑。最后,ECMAScript的解决方案就是提供两组操作符:相等和不相等—先转换再比较()全等和不全等—仅比较而不转换(=)ECMAScript中相等操...

2020-02-23 11:03:47 98

原创 自增自减运算符,三元表达式,数据类型转换,逻辑运算符的短路运算

一,自增自减运算符++ 等同于 +=1-- 等同于 -=1二,三元表达式 ?: 表达式1 ? 代码1 : 代码1; 语法解析 : 1. 表达式1成立 , 就执行代码1, 否则就执行代码2 2. 如果代码1或者代码2有结果, 那么这个三元表达式的结果就是代码1或者代码2的结果 表达式1可以是哪些表达式 : 1. ...

2019-12-31 10:38:13 96

原创 js内核,命名, 基本数据类型,数据类型检测

一js解释器 :浏览器内核IE Trident 俗称IE内核Chrome Webkit Blink(2013年)FireFox Gecko 俗称FireFox内核Opera Blink Presto Safari Webkit二,变量的命名规则和规范 // 命名规则 : 必须遵守, 不遵守程序...

2019-12-24 19:39:10 23

原创 渐变,定位

一、渐变**.什么是渐变?** 两种或者多种颜色间平滑度过的效果分类: 1.线型渐变 2.径向渐变 3.重复渐变 加上 repeating1从上到下的线性渐变:background-image: linear-gradient(#e66465, #9198e5);2从左到右的线性渐变:background-image: linear-gradient(to right, ...

2019-12-19 19:03:04 26

原创 CSS 边框属性,轮廓,元素的分类,盒子模型,背景属性

一,CSS 边框属性dotted: 定义一个点线边框dashed: 定义一个虚线边框solid: 定义实线边框double: 定义两个边框。 两个边框的宽度和 border-width 的值相同边框颜色name - 指定颜色的名称,如 “red”RGB - 指定 RGB 值, 如 “rgb(255,0,0)”Hex - 指定16进制值, 如 “#ff0000”border 简写属...

2019-12-11 21:35:19 228

原创 css样式表分类 ,选择器,尺寸属性,边框阴影

1,什么是 CSS?CSS 指层叠样式表 (Cascading Style Sheets)2,样式表分类样式通常存储在样式表中样式表又分为外部样式表(External style sheet)当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,可以通过改变一个文件来改变整个站点的外观。每个页面使用 标签链接到样式表。 标签在(文档的)头部:内部样...

2019-12-09 19:55:23 97

原创 列表分类 ,表单,浮动框架

一、列表1.作用:默认显示方式为从上到下的显示数据2.列表的组成 列表类型和列表项3.列表的分类: 有序列表 无序列表 自定义列表有序列表语法: ol li 第一项 第二项无序列表语法: ul li 项目 项目**自定义列表**语法: dl列表的类型 dt列表的标题 dd 列表项 常山赵子龙 赵...

2019-12-09 15:47:43 50

原创 文本标记,标题元素,段落标签,分割线标签,快捷键,字体标签,超链接标签,转义字符,超链接标签,跑马灯标签,表格

一、HTML的快速入门H T M L hyperText Markup language 超文本标记语言超文本:具有特殊功能的文本标记: markup 范围了超文本的组成形式。语言: 语言HTML是网页的设计语言,由HTML语言编写的文件,以.html和.htm结尾的(后缀)。是由浏览器运行的。二、文本标记加粗b 倾斜i 下划线u 删除线s 上标sup 下标sub...

2019-12-06 10:50:50 252

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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