随笔分类 - JS
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .tab{ width: 400px; height: 600px; margin: 100px auto; } .tab-head div{ he
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .tab{ width: 400px; height: 600px; margin: 100px auto; } .tab-head{ height
阅读全文
摘要:js try catch 捕捉程序抛异常,后续运行便无妨。 异常信息传对象,获得名称信息荡。 语法解析基础见,引用地址错误变。 捕捉程序抛异常,后续运行便无妨。 当程序运行到某一行出现异常的时候 就会终止后续代码运行 使用 try{ 可以捕捉异常并且 使后续代码正常运行 console.log(ag
阅读全文
摘要:一:值类型(数据类型) 1.原始值:不可改变的原始值 Number Boolean String undefined null, Number String 值有无数个 Boolean 值有2个 true false undefined 值有一个(经过声明,没有赋值) null 占位符(以便于后期用
阅读全文
摘要:<!DOCTYPE html><html><head> <title></title></head><body> <script type="text/javascript"> // 1. 构造函数生产对象 function Person() { this.name = 'abc'; this.ag
阅读全文
摘要:判断是数组还是对象的三种方法 判断对象谁构造,数组不同名称到。 查询对象构造器,转换字符调用起。 判断对象谁构造,数组不同名称到。 1 判断构造函数 数组构造函数 Array 对象构造函数 Object <script> var arr = []; var from = arr instanceof
阅读全文
摘要:this 构造函数也函数,只是new后对象住。 预先编译同存在,对象方法闭包戴。 如若对象不创建,this指向窗口现。 呼叫应用改指向,执行方法点对档。 构造函数也函数,只是new后对象住。 构造函数也是函数 只不过在 new 关键字之后 会隐式创建 this 这个对象并且把这个对象返回 预先编译同
阅读全文
摘要:24 call 和 apply 改变this指向同,首个参数对象萌。 拨打电话按键清,申请传参数组拎。 改变this指向同,首个参数对象萌。 他们的作用都是改变this的指向 第一个参数都是传入this指向的对象 拨打电话按键清,申请传参数组拎。 call 方法传入参数是一个一个传入 apply 方
阅读全文
摘要:js函数预编译 创建AO 第一步,寻找参数变量住。 提升变量未定义,参数赋值相统一。 声明函数最后找,赋值函数身体到。 已经提升不用看,变量赋值最果断。 创建AO 第一步,寻找参数变量住。 js函数预编译 第一步创建 AO对象 AO{ } 第二部寻找变量声明以及形参 提升变量未定义,参数赋值相统一。
阅读全文
摘要:js对象枚举 使用for in关键字,对象属性名挨次。 访问属性对象点,内部转换括号间。 属性仅在对象中,含有自己属性通。 属性是否原型链,判断in字后边见。 判断包含有原型,实例左右构造停。 使用for in关键字,对象属性名挨次。 遍历对象使用 for 和 in 这两个关键字 for(var p
阅读全文
摘要:js继承模型圣杯模式 继承模式三段杯,共享原型顶头追。 中间夹杂隔离敦,防止原型变量混。 底层原型接上它,在吧构造超类加。 坐落函数立执行,隔离私有闭包勤。 继承模式三段杯,共享原型顶头追。 圣杯模式总体来说分三段 1,被继承对象 2,中间层对象 3,实际继承对象 中间夹杂隔离敦,防止原型变量混。
阅读全文
摘要:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Docume
阅读全文
摘要:前端 和 浏览器打交道 主流--独自研发的内核shell 现在的主流浏览器及其内核 IE trident Google chrome Gecko Firefox Webkit/blink safari Webkit Opera presto
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" href="css/new_file.css" /> </head> <body> <div class="con
阅读全文
摘要://面向对象开发//创建方格var sw=20, //小方格的宽 sh=20, //小方格的高 tr=30, //行数 td=30; //列数//蛇的实例 var snake = null,//食物的实例 food=null,//游戏的实例 game=null;// 构造函数// x 横坐标 y 纵
阅读全文
摘要:JavaScript创建对象的方式有很多,通过Object构造函数或对象字面量的方式也可以创建单个对象,显然这两种方式会产生大量的重复代码,并不适合量产。 接下来介绍七种非常经典的创建对象的方法 一、工厂模式 function createPerson(name, job) { var o = ne
阅读全文
摘要:在前端开发中,遇到如下需求:隐藏手机号码,将中间几位替换为*。通过js如何实现手机号码隐藏中间4位呢?下面整理几种实现方式: 1、使用正则: function geTel(tel){ var reg = /^(\d{3})\d{4}(\d{4})$/; return tel.replace(reg,
阅读全文
摘要:在一些网页中我们可以常见的“设置为首页”和“ 收藏本站”,以及“保存到桌面”等功能,使用js是如何实现的呢?这里为大家分享下实现方法,完美兼容IE,chrome,ff等浏览器。 JS代码: <script type="text/JavaScript"> //设为首页 function SetHome
阅读全文
摘要:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> var name ="小王"; var age = 18; // va
阅读全文
摘要:基本语法 完整版本的箭头函数声明包括: 一对带有参数枚举的括号 (param1, param2) 后面跟随箭头 => 以函数体 {FunctionBody} 结尾 典型的箭头函数如下所示: const sayMessage = (what, who) => { return `${what}, ${
阅读全文

浙公网安备 33010602011771号