wangzhi0918-CSDN博客

原创 ajax基础

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

2020-08-04 19:19:37 281

原创 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 194

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

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

2020-07-29 18:24:50 355

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

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

2020-07-29 13:11:11 639

原创 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 83

原创 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 252

原创 ES6 Symbol

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

2020-07-14 23:01:34 100

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

在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 666

原创 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 167

原创常用的触发事件

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

2020-04-12 13:50:24 1853

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

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

2020-04-12 13:41:53 218

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

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

2020-03-22 11:23:47 308

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

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

2020-03-15 12:45:32 460

原创 call和apply和bind

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

2020-03-15 12:38:22 97

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

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

2020-03-01 10:52:45 169

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

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

2020-02-23 11:26:59 161

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

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

2020-02-23 11:03:47 388

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

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

2019-12-31 10:38:13 263

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

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

2019-12-24 19:39:10 103

原创渐变，定位

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

2019-12-19 19:03:04 146

原创 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 640

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

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

2019-12-09 19:55:23 355

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

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

2019-12-09 15:47:43 206

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

一、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 752

wangzhi0918的博客