JavaScript高级
文章平均质量分 64
JavaScript高级编程,更高层级编写网页结构
呆萌宝儿姐
CSDN专家博主、阿里云开发者社区专家博主、51CTO社区专家博主、360书馆认证博主、知乎掘金B站等平台受邀作者。
如遇开发、程序等需求,博客首页下拉加入公众号,私信博主
展开
-
jquery引用地址集合
【代码】jquery引用地址集合。原创 2023-10-09 16:21:20 · 830 阅读 · 0 评论 -
JavaScript中的 let 和 var
文章目录let 和 varlet 的诞生let与var区别全局作用域函数作用域块作用域let 和var 重新声明constlet 应用场景let 和 varlet 的诞生在ES6之前,我们都是用var来声明变量,而且JS只有函数作用域和全局作用域,没有块级作用域,所以{}限定不了var声明变量的访问范围。ES6 新增了let命令,用来声明局部变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效,而且有暂时性死区的约束。let与var区别let和var的区别体现在作用域上原创 2021-11-01 15:22:58 · 13477 阅读 · 1 评论 -
什么是ES6?
诞生ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上,推出JavaScript 2.0。和JavaScript的关系ECMAScript和JavaScript到底是什么关系?很多初学者会感到困惑,简单来说,ECMAScript是JavaScript语言的国际标准,JavaScript是ECMAScript的实现。1996年11月,JavaScript的创造者Netscape公司,决定将JavaS原创 2021-11-01 14:59:36 · 2405 阅读 · 0 评论 -
js实现黑客代码雨效果
效果他是动的哈,上传gif太大,CSDN不让传,所以只放了图片代码<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>黑客</title> <style type="text/css"> * { margin: 0; padding: 0; } bo原创 2021-10-03 08:23:11 · 3086 阅读 · 3 评论 -
js 里面的键盘码对应的值
js组合键和单个键盘事件js组合键和单个键盘事件应用,请移驾另一篇博文:https://yangyongli.blog.csdn.net/article/details/118753586js 键盘码对应的值keyCode 8 = BackSpace BackSpacekeyCode 9 = Tab TabkeyCode 12 = ClearkeyCode 13 = EnterkeyCode 16 = Shift_LkeyCode 17 = Control_LkeyCode 18 = A原创 2021-07-15 10:25:46 · 3351 阅读 · 1 评论 -
JavaScript伪数组和数组
文章目录伪数组和数组对象与数组的关系什么是数组什么是伪数组二者区别小结伪数组和数组在JavaScript中,除了5种原始数据类型之外,其他所有的都是对象,包括函数(Function)。对象与数组的关系在说区别之前,需要先提到另外一个知识,就是 JavaScript 的原型继承。所有 JavaScript 的内置构造函数都是继承自 Object.prototype 。在这个前提下,可以理解为使用 new Array() 或 [] 创建出来的数组对象,都会拥有 Object.prototype 的属原创 2021-05-04 12:18:46 · 3244 阅读 · 5 评论 -
JavaScript 中使用正则表达式
文章目录JavaScript 中使用正则表达式创建正则对象参数正则匹配匹配正则表达式正则表达式案例正则提取正则替换案例:表单验证JavaScript 中使用正则表达式创建正则对象方式1:var reg = new Regex('\d', 'i');var reg = new Regex('\d', 'gi');方式2:var reg = /\d/i;var reg = /\d/gi;参数标志说明i忽略大小写g全局匹配gi全局匹配+忽略大小写原创 2021-05-04 10:58:36 · 3142 阅读 · 3 评论 -
JavaScript表单信息验证案例——使用正则
文章目录展示设计完整代码简约版豪华版展示设计首先建立我们的输入框QQ号:<input type="text" id="txtQQ"><span></span><br>邮箱:<input type="text" id="txtEMail"><span></span><br>手机:<input type="text" id="txtPhone"><span></span&g原创 2021-05-04 10:57:26 · 3146 阅读 · 4 评论 -
JavaScript正则验证密码强弱度
文章目录展示设计密码强弱度分析代码版本一:基本版本二:升级展示设计密码强弱度分析密码由数字,字母,特殊符号组成密码: 只有数字- 或者是只有字母,或者是只有特殊符号——1级:弱两两组合: 数字和字母, 数字和特殊符号, 字母和特殊符号——2级:中三者都有: 数字和字母和特殊符号——3级:强代码版本一:基本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-05-04 10:27:22 · 4804 阅读 · 33 评论 -
正则表达式
文章目录正则表达式正则表达式简介什么是正则表达式正则表达式的作用正则表达式的特点正则表达式的测试正则表达式的组成元字符串常用元字符串限定符其它案例正则代码使用正则表达式正则表达式简介什么是正则表达式正则表达式:用于匹配规律规则的表达式,正则表达式最初是科学家对人类神经系统的工作原理的早期研究,现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符、及这些特定字符的组合,组成一个“规则字符串”,这原创 2021-05-03 22:30:46 · 2856 阅读 · 1 评论 -
JavaScript函数闭包
文章目录函数闭包导引什么是闭包闭包的例子示例1:示例2:点赞小案例沙箱模式函数闭包导引function fn () { var count = 0 return { getCount: function () { console.log(count) }, setCount: function () { count++ } }}var fns = fn()fns.getCount() // => 0fns.setCou原创 2021-05-03 21:57:26 · 2884 阅读 · 1 评论 -
JavaScript沙箱模式
文章目录概念沙箱的用途沙箱模式的优势案例概念沙箱:环境,黑盒,在一个虚拟的环境中模拟真实世界,做实验,实验结果和真实世界的结果是一样,但是不会影响真实世界。说白了:沙箱就是JavaScript中一块完全独立的区域,使用的都是自己独立的属性和方法。就是一个自调用函数(立即执行函数),(function(){})()比如说下面的代码var num=10;console.log(num+10);改用沙盒就是//沙箱---小环境(function () { var num=20; co原创 2021-05-03 21:54:59 · 3091 阅读 · 1 评论 -
JavaScript闭包——点赞小案例
展示代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>对自己狠点</title> <style> ul { list-style-type: none; } li { float: left; margin-left: 10px; }原创 2021-05-03 21:41:03 · 3363 阅读 · 0 评论 -
JavaScript高阶函数——函数当参数、返回值、其他成员
文章目录函数的其它成员高阶函数作为参数作为参数案例:作为返回值作为返回值案例:函数的其它成员arguments实参集合caller函数的调用者length形参的个数name函数的名称function fn(x, y, z) { console.log(fn.length) // => 形参的个数 console.log(arguments) // 伪数组实参参数集合 console.log(arguments.callee === fn) /原创 2021-05-03 21:27:11 · 3270 阅读 · 1 评论 -
JavaScript中的call、apply、bind
文章目录函数进阶函数的定义方式函数声明函数表达式函数声明与函数表达式的区别函数的调用方式函数内 `this` 指向的不同场景探究案例:函数也是对象案例:函数数组的使用call、apply、bindcallapplyapply和call的使用案例bind小结函数的其它成员高阶函数作为参数作为参数案例作为返回值函数闭包作用域、作用域链、预解析什么是闭包一些关于闭包的例子闭包的思考题小结函数递归递归执行模型举个栗子:计算阶乘的递归函数递归应用场景函数进阶函数的定义方式函数声明function foo ()原创 2021-05-03 21:16:43 · 3112 阅读 · 0 评论 -
JavaScript函数进阶
文章目录函数进阶函数的定义方式函数声明函数表达式函数声明与函数表达式的区别函数的调用方式函数内 `this` 指向的不同场景探究案例:函数也是对象案例:函数数组的使用函数进阶函数的定义方式函数声明function foo () {}函数表达式var foo = function () {}函数声明与函数表达式的区别函数声明:函数声明必须有名字函数声明会函数提升,在预解析阶段就已创建,声明前后都可以调用函数表达式:函数表达式类似于变量赋值函数表达式可以没有名字,例如原创 2021-05-03 21:14:13 · 3200 阅读 · 1 评论 -
逆向递归看JavaScript原型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script> function F1(age) { this.age = age; } function F2(age) { this.age = age; } F2.pro.原创 2021-05-03 17:29:15 · 3246 阅读 · 1 评论 -
JavaScript继承的几种方法
文章目录继承构造函数的属性继承:借用构造函数继承构造函数的属性继承:借用构造函数原创 2021-05-03 17:22:08 · 3840 阅读 · 29 评论 -
JavaScript函数自调用
自调用函数的参数(function (window, undefined) { var document = window.document;}(window, undefined))传入window对象将来代码压缩的时候,可以吧 function (window) 压缩成 function (w)传入undefined在将来会看到别人写的代码中会把undefined作为函数的参数(当前案例没有使用)因为在有的老版本的浏览器中 undefined可以被重新赋值,防止undef原创 2021-04-19 20:01:09 · 4015 阅读 · 0 评论 -
JavaScript把局部变量变成全局变量
文章目录函数的自调用——自调用函数使用形式注意那么如何把局部变量变成全局变量?应用案例1——将随机数对象赋给window应用案例2——产生随机位置小方块首先我们要知道函数的自调用函数的自调用——自调用函数一次性的函数——声明的同时,直接调用了例如:(function () { console.log("函数");})();我们会看到浏览器直接打印 函数 两个字页面加载后.这个自调用函数的代码就执行完了使用形式(function (形参) { })(实参);注意自调用原创 2021-04-19 17:21:06 · 5474 阅读 · 7 评论 -
JavaScript为内置对象添加原型方法
文章目录对象调用方法的顺序:添加字符串倒序输出字符串的方法编写自己的Array排序方法案例全部代码对象调用方法的顺序:实例中的方法如果没有,去创建该实例对象的构造函数的原型对象中找我们能为系统的对象的原型中添加方法,其实也就是相当于在改变源码添加字符串倒序输出字符串的方法我希望字符串中有一个倒序字符串的方法 String.prototype.myReverse=function () { for(var i=this.length-1;i>=0;i--){原创 2021-04-19 16:30:54 · 4232 阅读 · 0 评论 -
js实例对象使用属性和方法的搜索顺序
实例对象使用的属性或者方法,先在实例中查找,找到了则直接使用找不到则,去实例对象的__proto__指向的原型对象prototype中找找到了则使用,找不到则报错直接看一个小案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script> function Pers原创 2021-04-19 09:01:51 · 3852 阅读 · 0 评论 -
JavaScript原型数据共享与方法共享探究
文章目录数据共享什么样子的数据是需要写在原型中?数据共享案例原型简单写法原型方法共享数据共享什么样子的数据是需要写在原型中?需要共享的数据就可以写原型中原型的作用之一:数据共享属性需要共享,方法也需要共享:不需要共享的数据写在构造函数中需要共享的数据写在原型中下面我们看一个案例数据共享案例每个学生的名字,年龄,性别都是独特的,我们要设置所有学生的身高都是188,所有人的体重都是55所有学生都要每天写500行代码所有学生每天都要吃一个10斤的西瓜就可以把共有数据写到原型中&原创 2021-04-19 08:47:03 · 4121 阅读 · 0 评论 -
JavaScript中call与apply的区别
文章目录一 使用:二 异同三 两个方法该如何选择?一 使用:function log (...args) { console.log(...args)}function log () { console.log.apply(console, arguments)}log(1, 2, 3)log.bind()call()定义:调用一个对象的一个方法,以另一个对象替换当前对象。调用call的对象必须是个函数functioncall原创 2021-01-27 09:38:18 · 3522 阅读 · 0 评论 -
一篇文章带你搞懂JavaScript原型对象
文章目录原型对象`prototype`属性构造函数、实例、原型三者之间的关系属性成员的搜索原则:==原型链==实例对象读写原型对象成员更简单的原型语法原生对象的原型原型对象的问题原型对象使用建议原型对象的作用:共享数据,节省内存空间__proto__与prototype区分小案例案例:随机方块补充:把局部变量变成全局变量方法:把局部变量给window案例实现原型对象prototype属性Javascript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象。这个对象的所有属性和原创 2020-09-28 23:28:45 · 4562 阅读 · 1 评论 -
JavaScript 面向对象编程思想简介
JavaScript 面向对象编程JavaScript 执行过程JavaScript 面向对象编程面向对象介绍什么是对象什么是面向对象程序中面向对象的基本体现创建对象简单方式简单方式的改进:工厂函数构造函数更优雅的工厂函数:构造函数解析构造函数代码的执行构造函数和实例对象的关系构造函数的问题JavaScript 执行过程JavaScript 运行分为两个阶段:预解析全局预解析(所有变量和函数声明都会提前;同名的函数和变量函数的优先级高)函数内部预解析(所有的变量、函数和形参都会参与预解析)原创 2020-09-28 10:27:49 · 4171 阅读 · 0 评论