
JavaScript
文章平均质量分 92
nextdoorloureed
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript 继承模式图文详解
JavaScript 继承模式文章目录JavaScript 继承模式原型链继承借用构造函数继承组合继承原型链继承我们知道在JavaScript中,对象的继承时依靠原型来进行,那么原型到底是如何进行继承的呢?如果有关原型的内部不是很清楚的,可以看一下https://blog.youkuaiyun.com/weixin_45845042/article/details/106121200现在让我们来看一下,JavaScript中原型到底是如何进行继承的function Sub(name,age) { t原创 2020-05-16 10:07:01 · 339 阅读 · 0 评论 -
JavaScript 对象创建模式图文详解
JavaScript 对象创建模式文章目录JavaScript 对象创建模式1,Object对象创建模式2,对象字面量模式3,工厂模式4,自定义构造函数模式5,构造函数+原型的组合模式1,Object对象创建模式先创建一个空的Object对象,再动态添加属性/方法适用于:起始时不确定对象的内部数据缺点:代码量大var p =new Object();p.name ='name';p.method= function f11() { console.log('ok');}2,对象原创 2020-05-16 10:05:22 · 304 阅读 · 0 评论 -
JavaScript难点 闭包的深入理解
JavaScript 闭包文章目录JavaScript 闭包闭包的定义闭包的产生闭包的作用闭包的生命周期闭包的应用闭包的缺点闭包的定义 理解1: 闭包是指存在于内部函数中一个包含外部引用变量的函数中的对象 理解2: 闭包是指存在于内部函数中一个包含外部引用变量的函数两种理解都可,只是包含关系而已闭包的产生条件:函数嵌套内部函数调用了外部的变量闭包的作用闭原创 2020-05-16 10:04:23 · 395 阅读 · 0 评论 -
JavaScript 原型与原型链图文详解
JavaScript 原型与原型链1.什么是原型?一个对象当他被生成的时候,就会自带一个属性 __ Proto __ ,我们将其称为 隐式原型一个(通常为构造函数)函数对象被生成的时候,会有一个ProtoType 属性,我们将其成为 显式原型我们通常会利用构造函数创建实例对象function Fn(name,age,sex){ this.name=name; this.age=age; this.sex=sex;}var fn =new Fn("xiaoming",原创 2020-05-14 15:34:52 · 473 阅读 · 0 评论 -
JavaScript(十四)jQuery
21,jQuery Write Less, Do More21.1,导入jQuery下载JS文件,再导入有compressed(已压缩)和uncompressed(未压缩)两种版本,使用时完全一样。直接引用网上的JS//下载后放在项目文件中,再调...原创 2020-04-26 19:39:43 · 131 阅读 · 0 评论 -
JavaScript(十三)文件操作
20,文件操作20.1,表单操作文件上传用户上传文件,通常使用 实现这里注意一个点:file的value是不可修改,同时我们也无法获得真实的路径file.value"C:\fakepath\9.11.jpg" //fakepath 是浏览器出于安全考虑,隐藏了用户的文件路径在JavaScript阶段,我们通常对文件进行格式的检测<body><h1>...原创 2020-04-26 19:37:47 · 456 阅读 · 0 评论 -
JavaScript(十二)表单的操作
19,表单的操作19.1,表单的查询和修改<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单</title> <script> window.onload=function ()...原创 2020-04-26 19:35:02 · 170 阅读 · 0 评论 -
JavaScript(十一)操作Dom节点
18,操作Dom节点18.1,获取获取dom的节点的方式主要有三种id,class,类型我们通常通过id选择器,唯一选择我们需要的Dom节点,class和类型选择器,用class选择器选择一组节点var pp =document.getElementById('name');console.log(pp.innerText);var h1 = document.getElement...原创 2020-04-26 19:33:46 · 118 阅读 · 0 评论 -
JavaScript学习(十)浏览器
17,浏览器17.1,windowwindow.innerHeight//当前内部页面高度978window.innerWidth//当前内部页面宽度1187window.outerHeight//浏览器窗口整体页面高度1050window.outerWidth//浏览器窗口整体页面宽度192017.2,navigator用于获取浏览器的各种信息navigator.ap...原创 2020-04-26 19:32:36 · 164 阅读 · 0 评论 -
JavaScript(九)面向对象的编程
16,面向对象的编程16.1,原型(prototype)链继承我想继承谁,就以谁为原型打造新的自己var person ={ name:'pig', age:18, speak:function (x) { console.log(x); }};var student={ name:'xiaoming'};//student以...原创 2020-04-26 19:31:42 · 148 阅读 · 0 评论 -
JavaScript(八)标准对象
15,标准对象15.1,typeof我们可以通过typeof获得对象的类型typeof 123; // 'number'typeof NaN; // 'number'typeof 'str'; // 'string'typeof true; // 'boolean'typeof undefined; // 'undefined'typeof Math.abs; // 'functi...原创 2020-04-26 19:30:04 · 113 阅读 · 0 评论 -
JavaScript学习(七)generator
14,generator一句话解释:一个可以返回多次并且能保存状态的函数function* f(x) { yield x + 1; yield x + 2; return x + 3;}//直接调用一个generator和调用函数不一样// ,f(x)仅仅是创建了一个generator对象,还没有去执行它。//调用generator对象有两个方法,// 一是...原创 2020-04-26 19:28:12 · 169 阅读 · 0 评论 -
JavaScript(六)箭头函数
13,箭头函数Arrow Function(箭头函数)x=>x*x;function (x) { return x * x;}//上述两者等价箭头函数相当于匿名函数,并且简化了函数定义。箭头函数有两种格式,一种像上面的,只包含一个表达式,连{ ... }和return都省略掉了。还有一种可以包含多条语句,这时候就不能省略{ ... }和return://这里用刚学...原创 2020-04-26 19:27:36 · 208 阅读 · 0 评论 -
JavaScript(五)闭包
12,闭包函数作为返回值,在Java函数本质还是一个对象,因此可以把一个函数作为返回值function f1() { return function (x) { return x*x; }}var res = f1();//调用f1获得一个代执行的函数res(2);//4闭包深入理解:在局部作用域中访问了其他局部变量//循环返回函数值,注意引用的循环变...原创 2020-04-26 19:26:53 · 97 阅读 · 0 评论 -
JavaScript(四)高阶函数
11,高阶函数11.1,高级函数的定义JavaScript的函数其实都指向某个变量。既然变量可以指向函数,函数的参数能接收变量,那么一个函数就可以接收另一个函数作为参数,这种函数就称之为高阶函数。11.2,高价函数的应用map 实现数组级别的f(x^2)function f() { var arr=[1,2,35,44]; var arr2 =arr.map( ...原创 2020-04-26 19:26:17 · 134 阅读 · 0 评论 -
JavaScript学习(三)方法
10,方法方法:在一个对象中的函数就是方法//定义一个对象的方法var circle = { radius:10, area:function () { return this.radius*this.radius; }}10.1,this在一个方法内部,this是一个特殊变量,它始终指向当前对象,也就是circle这个变量。在jav...原创 2020-04-26 19:25:28 · 98 阅读 · 0 评论 -
JavaScript学习(一)基础入门
1,变量定义//使用严格检查模式'use strict'let a =1;let b= 'string';let c= "string";let d =true;2,数值**Number 类型:**JS不区分小数和整数,统一为numbertip:NaN:not a number 表示不是一个整数NANInfinity:表示无穷大3,比较运算符= :赋值运算符==...原创 2020-04-26 19:22:52 · 208 阅读 · 0 评论 -
JavaScript学习(二) 函数
JavaScript学习 (一) (数据类型)文章目录JavaScript学习 (一) (数据类型)1,变量定义2,数值3,比较运算符4,字符串5,数组6,对象7,流程结构8,Map 与Set1,变量定义//使用严格检查模式'use strict'let a =1;let b= 'string';let c= "string";let d =true;2,数值**Num...原创 2020-04-26 19:18:57 · 233 阅读 · 0 评论