JavaScript基础
文章平均质量分 83
JavaScript
南栀~zmt
新手小白
展开
-
【JavaScript】offset、client、scroll
offset、client、scroll原创 2022-04-21 21:14:23 · 564 阅读 · 0 评论 -
【JavaScript】函数柯里化
函数柯里化原创 2022-04-20 15:41:38 · 1398 阅读 · 0 评论 -
【JavaScript】js中的原型继承
js中的原型继承原创 2022-04-13 10:51:17 · 3347 阅读 · 0 评论 -
【JavaScript】JavaScript中for-in、for-of、forEach()、数组的map()
for-in for-of forEach() map()原创 2022-03-28 11:01:17 · 559 阅读 · 0 评论 -
【JavaScript】Object.assign()
Object.assign()原创 2022-03-23 21:29:30 · 832 阅读 · 0 评论 -
【JavaScript】new操作符
new原创 2022-03-23 17:27:30 · 962 阅读 · 0 评论 -
【JavaScript】JavaScript之typeof 、instanceof
typeof、instanceof原创 2022-03-23 16:48:51 · 902 阅读 · 0 评论 -
【JavaScript】事件代理和事件委托
事件代理转载 2022-03-22 12:19:37 · 941 阅读 · 0 评论 -
事件循环 js事件循环、node事件循环、浏览器事件循环
事件循环原创 2022-03-20 14:16:31 · 1227 阅读 · 0 评论 -
浏览器从URL输入到页面展现到底发生了什么? 回流、重绘
浏览器从URL输入到页面展现到底发生了什么?原创 2021-11-16 21:32:12 · 920 阅读 · 1 评论 -
【JavaScript】详解JavaScript中的replace()函数
replace()函数详解原创 2022-03-10 12:29:52 · 72236 阅读 · 2 评论 -
【JavaScript】防抖(debounce)、节流(throttling)
节流 防抖原创 2022-03-09 22:16:27 · 1071 阅读 · 1 评论 -
【JavaScript】async、await
async、await原创 2022-03-09 17:37:33 · 406 阅读 · 0 评论 -
【JavaScript】回调地狱、Promise
Promise原创 2022-03-09 11:49:02 · 883 阅读 · 0 评论 -
【JavaScript】同源、跨域
同源 跨域原创 2021-12-19 15:36:52 · 1148 阅读 · 1 评论 -
【JavaScript】Ajax
Ajax原创 2021-12-17 19:42:57 · 3617 阅读 · 0 评论 -
【JavaScript】eg:同源、未使用ajax实现页面的数据通过Node后台提交到数据库
前后端交互原创 2021-12-17 19:30:44 · 1342 阅读 · 0 评论 -
【JavaScript】ES6----Array.from()的使用方法、类数组对象
Array.from1. 介绍2. 将类数组对象转换为数组3. 从String生成数组4. 从Set生成数组5. 从Map生成数组6. 克隆一个数组1. 介绍JavaScript 中有一个这样的函数: Array.from:允许在 JavaScript 集合(如:数组、类数组对象、或者是字符串、map 、set 等可迭代对象) 上进行有用的转换。Array.from(arrayLike,mapFn,thisArg)参数arrayLike:想要转换为数组的伪数组对象或可迭代对象。mapF原创 2021-12-07 19:14:36 · 668 阅读 · 0 评论 -
【JavaScript】数组、对象、类数组对象
文章目录数组对象类数组对象数组一组有序的数据集合索引属性从0开始且自然增长的整数元素值可以是任何js数据包含一个名为length的属性,属性表示数组元素的个数注:数组的索引和length属性在数组定义时自动定义好!var array = [1,2,3];console.log(array[0])//1console.log(array[1])//2console.log(array[2])//3console.log(array['length'])//3对象一组无序的原创 2021-12-07 19:05:20 · 540 阅读 · 0 评论 -
【JavaScript】深拷贝、浅拷贝
文章目录原创 2021-11-21 18:57:55 · 1164 阅读 · 0 评论 -
【JavaScript、CSS】css动画、js动画
动画css动画js动画css动画js动画原创 2021-11-17 15:43:31 · 955 阅读 · 0 评论 -
前端性能优化
前端性能优化减少HTTP请求减少资源大小优化网络连接优化资源加载减少重绘回流性能更好的API构建优化减少HTTP请求合并:如果不进行文件合并,有如下3个隐患:文件与文件之间有插入的上行请求,增加了N-1个网络延迟受丢包问题影响更严重经过代理服务器时可能会被断开但是,文件合并本身也有自己的问题:首屏渲染问题缓存失效问题文件合并的改进建议:公共库合并不同页面单独合并图片处理:雪碧图(精灵技术)CSS雪碧图是以前非常流行的技术,把网站上的一些图片整合到一张单独的图片中,原创 2021-11-15 19:29:12 · 57 阅读 · 0 评论 -
【JavaScript】垃圾回收
垃圾回收原创 2021-11-01 17:50:37 · 493 阅读 · 0 评论 -
【Node】Node.js的模块系统、ES6的模块导入导出
文章目录Node.js的模块系统软件中的模块开发:一个功能就是一个模块,多个模块可以组成完整应用,抽离一个模块不会影响其他功能的运行Node.js的模块系统Node.js规定一个 JavaScript文件 就是一个模块,模块内部定义的变量和函数默认情况下在外部无法得到模块内部可以使用exports对象进行成员导出, 使用require()方法导入其他模块为什么要使用模块:...原创 2021-11-01 11:25:30 · 796 阅读 · 0 评论 -
【JavaScript】闭包
闭包原创 2021-10-30 23:39:48 · 625 阅读 · 0 评论 -
【JavaScript】ES6—解构赋值
文章目录数组的解构对象的解构解构的默认值函数参数的解构数组的解构// 在ES5标准中赋值多个变量采用的方法是: var a = 10; var b = 20; var c = 30;// ES6提供了更简洁的解构赋值来实现上述变量的定义: let [a,b,c] = [10,20,30]; console.log(a); //10 console.log(b); //20 console.log(c); //30// 等号右边的值会按照顺序依原创 2021-09-24 20:29:51 · 95 阅读 · 0 评论 -
【JavaScript】ES6—let、const、var
文章目录let、const作用域作用域链let、constlet、const是ES6新增的两种新的声明格式,用于补全ES5标准中var声明变量的不足。在JavaScript中用’var’来声明变量会出现变量提升的情况,通过"var"声明的变量系统都会把声明隐式的升至顶部,这样的特性往往会让刚接触JavaScript及习惯其他语言的开发人员不适应,导致程序出现问题。作用域全局变量—全局作用域:在函数外部定义的变量(显式定义)或在函数内部不用var定义的变量(隐式定义) 如果变量在原创 2021-09-24 20:18:37 · 113 阅读 · 0 评论 -
【JavaScript】JSON格式
文章目录原创 2021-09-23 19:24:10 · 466 阅读 · 0 评论 -
【JavaScript】函数进阶
文章目录函数的声明函数的调用arguments对象、rest参数匿名函数箭头函数高阶函数函数的声明function 函数名([参数]){ 函数体语句;}ES6支持默认参数的函数function testFun(x=21,y=19){ return x+y}函数的调用声明函数之后使用“函数名(参数)”的形式,按顺序传入参数进行调用。事件名 = 函数名([参数])arguments对象、rest参数JavaScript的函数默认带有arguments对象,利用该对象可以获得原创 2021-09-16 18:54:03 · 129 阅读 · 0 评论 -
【JavaScript】ES6 数据类型—Set、Map
文章目录setMapsetset:类似于数组,但成员的值都是唯一的,没有重复。基本用法:const s = new Set();[2,3,5,4,2,2].forEach(x => s.add(x))console.log(s);//Set(4) { 2, 3, 5, 4 }for(let i of s){ console.log(i);}//2//3//5//4Set函数可以接受一个数组作为参数,用来初始化const set = new Set([1,2,3原创 2021-09-11 11:17:05 · 157 阅读 · 0 评论 -
【JavaScript】数据类型—Object、Symbol类型
ObjectSymbol原创 2021-09-11 10:10:39 · 354 阅读 · 0 评论 -
【JavaScript】运算符
JavaScript:运算符算术运算符递增、递减运算符比较运算符逻辑运算符赋值运算符三元运算符运算符优先级运算符算术运算符进行四则混合运算时,运算顺序要遵循数学中“先乘除后加减”的原则在进行取模运算时,运算结果的正负取决于被模数(%左边的数)的符号,与模数(%右边的数)的符号无关在开发中尽量避免利用浮点数进行运算,因为有可能会因JavaScript的精度导致结果的偏差使用“+”和“-”可以表示正数或负数递增、递减运算符++和–的应用:前缀表达式和后缀表达式的区别1、前缀和后缀作为独立原创 2021-09-10 08:35:12 · 105 阅读 · 0 评论 -
【JavaScript】BOM、定时器、JavaScript执行机制
BOM1 BOM简介2 window对象常见事件2.1 窗口加载事件2.2 调整窗口大小事件3 定时器3.1 定时器方法:3.2 eg:3s后页面图片消失3.3 eg:60s内只能发送一次短信4 JavaScript执行机制5 location对象5.1 URL6 navigator对象7 history对象1 BOM简介BOM:浏览器对象模型(Brower Object Model,BOM)提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM的构成:2 window对象原创 2021-09-09 20:56:05 · 204 阅读 · 0 评论 -
【JavaScript】正则表达式、String方法
正则表达式正则表达式模式修饰符边界符预定义类预定义符转义特殊字符字符类字符范围字符组合取反符量词符括号字符正则表达式的优先级String类中的方法正则表达式正则表达式:是一种描述字符串结构的语法规则,是用于匹配字符串中字符组合的模式,同时正则表达式也是对象。创建正则表达式:var 变量名 = /表达式/var 变量名 = new RegExp(/表达式/)正则表达式的测试:test( ):检测字符串是否符合正则规则模式修饰符基本语法:/表达式/[switch]switch :原创 2021-06-24 17:24:01 · 198 阅读 · 0 评论 -
【JavaScript】事件处理、对象、委托等
事件1. 注册事件1.1 传统方式1.2 事件监听方式2. 删除事件3. DOM事件流4. 事件对象4.1 事件对象的使用4.2 事件对象常见属性和方法5. 事件委托6. 鼠标事件6.1 鼠标事件常用方法6.2 鼠标事件对象`MouseEvent`eg:图片跟随鼠标移动7. 键盘事件7.1 键盘事件常用方法7.2 键盘事件对象1. 注册事件在JavaScript中,注册事件(绑定事件)有两种方式,即传统方式注册事件和事件监听方式注册事件。1.1 传统方式元素对象.事件 = 事件处理程序btn.原创 2021-06-16 16:59:47 · 181 阅读 · 3 评论 -
【JavaScript】DOM节点操作
节点DOMDOM分层节点访问指定节点遍历文档树DOM一个网页就是一个节点树,页面中的所有内容都是节点。DOM=Document Object Model文档对象模型,DOM可以以一种独立于平台和语言的方式访问和修改一个文档的内容和结构。Document(文档):创建一个网页并将网页添加到Web中,DOM就会根据这个网页创建一个文档对象。如果没有Document,DOM也就无从谈起。Object(对象):是一种独立的数据集合。如文档对象,就是文档中元素与内容的数据集合。与某个特定对象相关联的变量被称原创 2021-06-10 17:17:48 · 435 阅读 · 6 评论 -
【JavaScript】DOM操作元素
DOM操作操作元素内容操作元素属性eg:点击按钮切换图片,鼠标悬停时显示不同的提示文字eg:显示隐藏密码明文操作元素样式操作style属性操作className属性eg:点击div后div样式改变排他思想操作元素内容方法作用element.innerHTML设置或返回元素开始和结束标签之间HTML。包括HTML标签,同时保留空格和换行,识别HTML标签element.innerText设置或返回元素的文本内容,在返回的时候会去除HTML标签和多余的空格、换行,在设置的时候会原创 2021-06-09 15:50:47 · 460 阅读 · 3 评论 -
【JavaScript】DOM简介、获取元素、事件基础
DOM1. Web APIWeb APIAPI2. DOMDOM树DOM的三大元素3. 获取元素根据id获取元素根据标签获取元素根据name获取元素根据class属性获取元素根据选择器获取document对象的属性4. 事件事件三要素执行事件的步骤常见鼠标事件1. Web APIWeb APIWeb API:浏览器提供的一套操作浏览器功能和页面元素的接口。(包括DOM、BOM两部分)APIAPI:应用程序编程接口,是一些预先定义的函数,这些函数是由某些软件开放给开发人员使用的,帮助开发者实现某原创 2021-06-08 15:22:03 · 158 阅读 · 4 评论 -
【JavaScript】this指向、错误处理
文章目录1. this指向1.1 改变this的指向1.1.1 `call()`、`apply()`1.1.2 `bind()`2. 错误处理1. this指向构造函数内部的this指向新创建的对象。直接通过函数名调用函数时,this指向的是全局对象window。如果将函数作为对象的方法调用,this将会指向该对象。function foo() { return this;}var o = {name: 'Jim', func: foo};console.log(foo() ===原创 2021-06-01 21:35:17 · 484 阅读 · 5 评论 -
【JavaScript】原型对象、原型链
prototype ——>构造函数的一个属性:对象{}proto ——>对象的一个属性:对象{}对象的__proto__保存着该对象的构造函数的prototype原型对象每个构造函数都有一个原型对象存在,这个原型对象通过构造函数的prototype属性来访问。对象的原型对象每个对象都有一个__proto__属性,这个属性指向了对象的原型对象。function Person(){ this.name = '张三'}var p1 = new Person()conso原创 2021-06-01 21:06:15 · 95 阅读 · 1 评论