随笔分类 -  JS

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