曾经学习的时候写的一些很烂的笔记
文章平均质量分 54
不推荐参考
胡萝卜大王驾到
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
JavaScript ES5的类和原型
ES5的类和原型在es5中,如果函数作为构造函数使用,也就是要通过new实例化,就需要将函数的首字母大写实例化的对象 --------> proto 原型链类(构造函数)---------> prototype 原型首先来看一下写在对象上的属性方法和写在原型上的属性方法有什么区别?1、写在对象上的方法:b对象有play方法,c对象没有play方法,所以无法调用play...原创 2020-02-20 23:18:03 · 198 阅读 · 0 评论 -
js封装图片预加载
utils.jsvar Utils = (function () { return { loadImage:function(arr,callback,basePath){ if(typeof basePath==="string"){//如果传图片路径 arr=arr.map(function(item){ ...原创 2020-02-06 22:54:28 · 350 阅读 · 0 评论 -
1.对象的创建和应用
1----对象的创建1-以前的创建2-通过方法创建根据空对象根据已有对象2–原型属性,对象属性__proto__原型链属性如果有对象属性,则获取的是对象属性,如果没有队形属性,就会获取距离该对象最近的原型链属性设置属性时只会设置对象属性,不能设置原型链属性3-修改原型属性1-------修改继承该对象原对象的属性2----使用__proto__修改,禁止使用这种方式进行...原创 2020-02-17 21:19:37 · 134 阅读 · 0 评论 -
js提交表单整合表单数据(表单事件submit)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2020-02-05 22:40:46 · 837 阅读 · 0 评论 -
2.对象的属性(描述对象)定义和获取
1–对象的定义1–简单的2–属性描述对象当定义set和get时,不能定义value和writable属性get必须有返回,set必须有参数2----对象的获取for in可以遍历所有的可枚举属性浅紫色是不可枚举属性1----将可枚举属性设置为不可枚举属性当不需要遍历abc时,把abc设置为不可枚举属性object assign只能复制对象的可枚举属性2----将...原创 2020-02-17 22:06:25 · 551 阅读 · 0 评论 -
setter和getter访问器属性
前言刚开始学习对象时,对象有2个部分,第一个是属性,第二个是方法属性对应的是一个值,方法对应的是一个函数,也就是一个执行步骤set和get能够实现对象的属性特种和对象的方法特征,可以存储值,也可以执行多条语句 set get 访问器属性,也叫setter/getter 如果只写set方法,不写get方法,这个属性是一个只写属性,不可读 如果只写get方法,不写set方...原创 2020-02-19 23:44:48 · 766 阅读 · 0 评论 -
3.对象的方法
freeze()冻结对象冻结的对象不能删除,重新设置属性,也不能重新设置属性的描述对象obj自身可以删除,不可以删除属性可以用做复制,并且复制后的属性是可以删除可修改的首先判断对象有没有原型属性a,如果有,还需要看原型属性a是否冻结,如果冻结,则不能增加对象属性(包括设置不可修改属性)2----Object.is等同于三个等号false new创造一个数值型对象Obj...原创 2020-02-18 23:17:06 · 162 阅读 · 0 评论 -
JavaScript中事件是否支持冒泡
原创 2020-03-04 19:49:56 · 475 阅读 · 0 评论 -
JavaScript 回调和递归
一、回调函数在一个函数中执行另外一个函数,并且这个另外的函数必须以参数方式传入的,这个另外的函数就是回调函数function fn(fn1){ fn1(); }fn(function(){ console.log("aa");})回调函数的特点:函数中不关心回调函数做了什么,也不关心回调函数是谁,只需要在需要执行的时候执行它回调函数中this的指向将会重...原创 2020-02-20 21:33:28 · 231 阅读 · 0 评论 -
js中的this指向
js this指向1-----全局中this指向windowconsole.log(this);//window function abc(){ console.log(this);//window}2-----对象中的this对象中属性的this,指的是外层的this,因为这时候对象还没有创建完成对象中的方法是在对象执行完成以后才调用的.所以this就是当前对象...原创 2020-02-19 21:17:51 · 545 阅读 · 0 评论 -
JavaScript 闭包
a会被一直保留在fns中原创 2020-02-20 19:24:23 · 136 阅读 · 0 评论 -
JavaScript ES5继承
前言es6的继承class Box{ constructor(){ } play(){ } } class Ball extends Box{ constructor(){ super(); ...原创 2020-02-24 20:12:37 · 150 阅读 · 0 评论 -
4. call apply bind函数的执行
call 和apply都可以执行函数在window上添加如果使用call或者apply,第一个参数时null就意味着将函数中this重定向到window原创 2020-02-19 01:09:49 · 170 阅读 · 0 评论 -
js实现导航菜单树形结构
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2020-02-04 23:35:53 · 1080 阅读 · 0 评论 -
css脚本化 使用styleSheets插入css样式
var obj={ width:"50px", height:"50px", backgroundColor:"red", border:"1px solid #000000" } insertCss("div",obj); insertCss("div...原创 2020-02-03 17:27:05 · 953 阅读 · 0 评论 -
实现网页title内容的滚动
var str='哈哈哈哈哈哈哈哈哈哈或或或哈哈哈哈';var n=-1;setInterval(animation,100);function animation(){ n++; if(n>str.length-1) n=0; document.title=str.slice(n);}原创 2020-02-02 22:07:11 · 370 阅读 · 0 评论 -
javascript实现一个方法,可以把字符串如"2[2[ab]3[c]]4[e]"变为'ababcccababccceeee'
javascript实现一个方法,可以把字符串如"2[2[ab]3[c]]4[e]"变为’ababcccababccceeee’**要求:实现一个方法,可以把字符串如"2[2[ab]3[c]]4[e]"变为’ababcccababccceeee’解释:2[ab]为2个’ab’ 达到的效果为’abab’’3[c]为3个’c’ 达到的效果为’ccc’’4[e]为4个’e’ ...原创 2020-01-09 19:58:01 · 488 阅读 · 0 评论 -
js实现点击单选,按ctrl多选效果
var preList=[]; init(); function init(){ var con=document.createDocumentFragment(); for(var i=0;i<10;i++){ var div=document.createEle...原创 2020-02-05 17:52:53 · 4089 阅读 · 0 评论 -
如何获取由a链接跳转传过来的参数
b.html页面<a href="./a.html" id="a">超链接</a> <script> var id = 1001, name = "dny"; var a = document.getElementById("a"); // ?是区分地址和参数,&是区分参...原创 2020-01-30 22:03:36 · 2970 阅读 · 0 评论 -
js点击按钮返回顶部
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2020-02-04 15:01:52 · 216 阅读 · 0 评论 -
使用history.state不刷新页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-02-01 20:05:47 · 822 阅读 · 0 评论 -
js实现输入时间倒计时
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2020-01-30 22:12:17 · 2115 阅读 · 0 评论 -
javascript正则表达式(创建 修饰符 正则匹配方法 字符串匹配方法 )
正则表达式知识点整理1(创建 修饰符 正则匹配方法 字符串匹配方法 )正则表达式的目的是为了判断字符串是否符合规则1. 正则表达式的创建**字面量创建var reg=/a/g;构造函数创建var reg=new RegExp("a","g");2. 正则中分为两个部分,一个是正则匹配内容,另一个是修饰符部分console.dir(reg)//reg.flag :修饰符...原创 2020-01-09 21:29:25 · 317 阅读 · 0 评论 -
es6面向对象思维 点击小方块实现移动
创建类 rect.jsexport default class Rect{ elem; bool=false; speed=2; x=0; constructor(){ this.elem=this.creatElement() } //创建元素 creatElement(){ if(this.el...原创 2020-01-12 22:23:30 · 249 阅读 · 1 评论 -
js判断代码运行时间
var dateManager={ date:{}, num:0, start:function(){ this.num++; this.date["date_"+this.num]=new Date().getTime(); re...原创 2020-01-30 22:08:57 · 933 阅读 · 0 评论 -
es6 class类和继承
class类 基类(BaseClass) 父类 子类 超类(SuperClass)子类的父类称为 超类子类继承所有超类的方法和属性定义类{constr构造函数}实例化let b= new Box()对象的构造函数就是当前的类名,在其他语言中类名和构造函数名称一样,因为这个类需要实例化对象是,必须先执行构造函数有些语言的构造函数可以有多个原生js构造函数只能有...原创 2020-01-11 21:57:23 · 819 阅读 · 0 评论 -
使用JavaScript实现红绿灯切换
使用JavaScript实现红绿灯切换function getLight(first,second,third){ first(second,third); } function getRedLight(fn,fn1){ var f=arguments.callee; var ids=setT...原创 2019-12-29 23:02:31 · 1561 阅读 · 1 评论
分享