- 博客(43)
- 收藏
- 关注
RSS订阅原创 2021-08-30贪吃蛇项目的问题细节
1.link的rel属性 rel 属性规定当前文档与被链接文档之间的关系。 只有 rel 属性的 “stylesheet” 值得到了所有浏览器的支持。其他值只得到了部分地支持。 语法： step1: 引路径（引css和js） 2.margin取值 3.相对定位 ...
2021-08-31 22:28:17
147
原创 2021-08-30js加载时间线(重要)
浏览器加载时间线 1.创建document对象，开始解析web页面，解析html元素和他们的文本内容添加Elenment对象和Text节点到文档中。这个阶段document.readyState=“loading”. 2.遇到link外部css,创建线程加载，并继续解析文档 3.遇到script外部js,并且没有设置async,defer（同步加载）,浏览器加载，并阻塞 ，等待js加载完成并执行该脚本，然后继续解析文档 4.遇到script外部js,并且设置async,defer（异步加载），浏览器创建线.
2021-08-30 22:44:10
203
原创 2021-08-29json
异步加载： 如何实现？不会阻断HTML CSS的下载， defer：只有IE9以下能用 和htmlcss并行下载 也可以这样在里面写：代码可以写到内部 执行： 正常js标签:下载完毕执行，执行完后加载html，css defer:整个页面解析完毕，即dom树生成完 ，页面加载完之前（有文字图片没有加载完） async :IE9九以下不行 加载完就执行，只能写scr,不能在内部写 重点： script.src="demo.js"这时，进行下载，在执行后两行document.head.appe..
2021-08-29 22:41:31
889
原创 2021-08-17事件一 事件处理模型（冒泡，捕获）取消冒泡和阻止默认事件 事件对象 事件委托
1.事件冒泡：结构上（非视觉上）嵌套关系的元素会存在冒泡功能，同一事件，自子元素冒泡向父元素 点黄的黄绿红的class全都会显示。 点击子元素，一级一级冒泡到父元素。代码：自底向上 改变一下位置： 视觉上不是嵌套的，但结构上还是嵌套的 点击黄色区域： 2.事件捕获：先父元素，再子元素（自顶向下）IE没有 将false改成true，冒泡直接变获取 //红绿黄 一定是先捕获后冒泡 一个对象的一个事件类型，上面绑定的一个处理函数，只能遵循一个处理模型 现在在一个对象的一个事件类型，上面绑定的两.
2021-08-17 22:46:54
138
原创 2021-08-16事件一如何绑定事件处理函数 事件处理程序运行环境 解除事件处理程序
1.句柄的方式： 2.addEventListener（事件类型，处理函数。false） 一个事件可以绑定多个处理程序：按顺序执行 若两个一样的执行函数：执行两个，长得一样，但是地址不一样 但是，这里的test是一个人，所以只执行一遍 3.div.attachEvent（“onclick”,function（）） 功能和addeventlistenr（“click”，fn,false）一样，但这个更强大，同一个函数绑定多次，也能执行（但只能IE用） 例题：注意闭包，要用立即执行函数解决： .
2021-08-16 23:57:54
148
原创 2021-08-15脚本化css
style属性（只有他可以进行读取操作） 类数组： 可以显示所有他可以用的属性 可以修改： 将“-”变成小驼峰式 可以写（添加）： 。style展示的是行间的样式表：读的写的都是写在行间样式内 读的写的都是写在行间样式内 保留字： 复合属性尽量拆开写 读取操作： 获取了当前元素所展示一切css的显示值 getComputedStyle.属性 看展示出的是什么（看权重） style只看行间有没有 getComputedStyle.属性不能写入： getComputedStyle.
2021-08-15 19:48:03
92
原创 2021-08-14BOM基本操作（不会考）
滚动条： 纵向： 横向： 写工具库里：求滚轮滚动距离： 工具库： // An highlighted block //可视窗大小 function getViewportOffset(){ if(window.innerWidth){ return{ w:window.innerWidth, h:window.innerHeight } }else{ if(document.com.
2021-08-14 23:09:30
97
原创 2021-08-14定时器
定时器 setInterval定时（循环）器 setInterval：每隔time时间，执行一次function，之后的time不管怎么变，都不会改变这个time的时间，但会执行这个语句 看时间准不准：setInerval不准 clearInterval 写定时器必须写接返回值的变量 返回值作为唯一标识：第一定时器，第二定时器。。。。这样利于清除 清除定时器： setTimeout 定时器（延缓一段时间然后执行） 例子：非会员试看五分钟 clearTimeout取消setTimeout
2021-08-14 21:23:13
158
原创 2021-08-14Date()
日期对象 系统提供好的，构造函数 Date()建立new对象var date var date=new Date()
2021-08-14 20:28:47
105
原创 2021-08-13DOM基本操作 二
一 DOM基本操作 增加一个元素节点 创建元素节点：createElement() 但是还没有增添到页面里。 创建文本节点：createTextNode() 创建注释节点：createComment() 插入 任何一个元素节点都有appendChild方法=push 剪切操作：挪了个地方放置，原来的没有了 插入谁里.insertBefore(目标，放在谁前)； 删除节点 将i标签剪切出来（返回结果） 真正销毁：remove（） 替换 原来的strong只是被...
2021-08-13 22:47:09
118
原创 2021-08-13DOM基本操作一
继承关系： 就近继承： 3. getElementByTagName(),定义在Document和Element上， div是element 选择所有标签 4. 5.
2021-08-13 14:34:59
81
原创 DO选择器 节点类型
dom基本操作 遍历节点树 1.parentNode->父节点（最顶端的parentNode为#document） 一切dom元素都有。parentNode 2.childNodes->子节点们 3.firstChild/lastChild 4.nextSibling后一个兄弟节点/previousSibing前一个兄弟节点 遍历元素节点树（除了children以外都是IE9以下不兼容） 1.parentElement 返回当前元素的父元素节点（IE不兼容） docume
2021-08-12 20:21:18
171
原创 2021-08-11dom
一：简单变换 // An highlighted block <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head>
2021-08-12 15:07:13
85
原创 2021-08-011try catch
try{} catch{} 一堆代码放在try里，代码有错，但是不报错，不终止后续代码的执行 在try里面的发生错误，不会执行错误后的try里面的代码 如果没有错误： catch是什么？ 如果try里面没有出错，catch就不被执行 打印错误信息和错误名称 把错误对象传递到e里面去，这里的e可以随便起名字： Error.name的六种值对应的信息： es5严格模式 基于Es3和es5的新增方法 ...
2021-08-11 14:44:27
91
原创 2021-08-06类数组
类数组： 类数组： 属性要为索引（数字）属性 必须要有length属性 最好加上push 是对象，可以当数组用。 阿里巴巴题： 原理在注释处，结果：
2021-08-06 12:49:19
75
原创 2021-08-05数组
1.数组的定义： 数组字面量 var arr=[]; 构造方法：var arr=new Array(); 都来源于：Array.prototype 区别：一个传入的话，表达长度为X的数组 2.读和写 基本不会报错： 3.数组的常用方法 （1）改变原数组 1.push(参数（要加入数组的数）):在数组后面添加： 2.pop(无参):把数组的最后一位剪切出来 （2）不改变原数组 ...
2021-08-05 15:21:01
104
原创 2021-08-04枚举
（1） （2）中括号访问属性 实例： 枚举 1.for in循环的作用：遍历属性 例一： 原因：obj.prop系统以为你要访问它的属性即obj[‘prop’] 改正方法： 例子： 将原型里面的内容都显示出来了 2.要判断属性是不是我自己的：对象.hasOwnProperty(属性)： 3.in：对象能不能访问到这个属性（基本不用） 对象能不能访问到这个属性，不一定就是自己的属性：注意有引号，不可以直接写会辨认成变量 对象能不能访问到这个属性，不一定就是自己的属性： 4.i
2021-08-04 23:07:12
69
原创 2021-08-04继承发展历史
1.传统： 2.借用构造函数： 3.共享原型 ：两个原型都指向一个 还有一个方法： 不足：给son加属性，son.prototype.sex=male;导致father.prototype也有这个属性,所以： 4.圣杯模式： F作为中间层，F和Father有共同的原型Father.prototype,Son的原型是F，即Son可以继承F，Father.prototype，但是给Son.prototype加属性，是给F加，不会影响Father了. 即： son的原型，不会影响father了.
2021-08-04 13:52:16
66
原创 call/apply 三
1.作用：改变this指向 任何一个方法都可以.call call传参数后，可以让Person里的所有this全指的是obj（this原本指的是window） 寻找代工厂：借用别人的函数，实现自己的功能 流程： 一旦new，产生一个var this{},这两个this是一个人 把 个里面的this，传到 这里来，将下面函数的参数传递结果放到上面，用Person的方法，实现自己功能的封装。 要哪个工厂，就用哪个工厂.call(this,参数1，参数2…) 2.call/apply区别： 即
2021-08-04 00:06:25
70
原创 原型链 二
1.如何构成原型链 原型链的终端是Object 2.原型链上属性的增删改查 删除，修改，增加要本人，子孙不能。 例子： 通过son想给他的父亲father改变属性fortune，son.fortune=200;结果，他父亲father.fortune没变依然是card1：“visa”。 例子： 可以调用修改： son.fortune.card2=‘master’ son的父亲father的属性中fortune就有了card2：（存在疑问，为什么和上述例子一样，都是.fortune,这个就可以修改父
2021-08-03 23:38:39
87
原创 原型....一
1.定义： 祖先作用，属性方法可以被执行 构造函数：大驼峰式 生产对象new Person.prototype原型 Person在刚刚出生的时候，Person.prototype={}就定义好了 是一个空对象，是Person构造函数的对象的公共祖先，可以继承祖先的属性 person这个对象可以继承他的祖先Person.prototype的属性，但是直接输入person，不会显示出来。 原型是Person制造出的所有对象的共有祖先： 对象自己设置的属性，先访问自己的，没有了再找原型的： 2.利用原型的
2021-08-03 14:24:22
99
原创 2021-08-01输出字节题
// An highlighted block <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <b.
2021-08-02 15:05:31
88
原创 对象和包装类
对象： 属性 ，方法 将mrDeng换成this=“我” 增删改查 增：mrdeng.wife=“xiaowang”; 删：delete mrdeng.sex(属性不存在访问的话，会返回undefined，变量没经过声明就使用，会报错) 对象的创建方法 1.var obj={} 2.构造函数： 1.系统自带的构造函数Arry() Number() Object() var obj=new Object（） 2.自定义(大驼峰)： function Person(){} var person1=new P
2021-08-01 18:02:36
80
原创 闭包精讲三
闭包：两个函数互相嵌套，把里面的函数保存到了全局，形成闭包。里面的函数在外面执行的时候一定能调用得了原来在的那个函数环境里的变量 。 // An highlighted block <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1
2021-07-31 20:12:50
72
原创 闭包二
//10个10 函数在定义的时候，不看函数里的东西，执行的时候再看里面装的是啥。 在 myArrj;时，再看arr[i]=后面的function，因为i=10，所以执行结果为十个十。 用闭包解决闭包：（十对一=>十对十）很重要！！！ 用立即执行函数，使输出变成0123456789 第一圈i=0，i作为参数传进这个立即执行函数中，第一个立即执行函数里面的j为0，立即执行函数里面的函数function（）{document。write}在立即执行函数中产生，所以站在立即函数的肩膀上看世界，立即函数执..
2021-07-31 15:51:46
80
原创 2021-07-31立即执行函数
针对初始化功能的函数 var num=（function （A,B,C）{ var A=123; var d=A+B+C*2-2 console.log(A); return d; }（1,2,3）） 参数 返回值（除了改颜色的不用返回值） 只有表达式才能被执行符号执行（可执行），忽略表达式名字，成为立即执行函数，被永久放弃 放正负号叹号，让它成为可执行表达式，忽略表达式名字，成为立即执行函数 函数声明，不叫表达式，不能执行（会报错） 由于大括号，将它变成表达式，后边的小括号放里放外都可以。 tes
2021-07-31 12:25:08
70
原创 闭包一
举例 a执行时： a执行时，b被定义： a执行完后，砍掉自己的AO： 但是，b还在，因为return b了。 这个过程叫闭包：但凡是内部的函数被保存到了外部，一定生成闭包。 举例： GO{ a:function demo：undefined } AO{ num~~：undefined~~ 100 101 b:function() } AO{ } //101 102 闭包作用： 1.实现公有变量（累加器） 2.做缓存： 例一： 例二： 3.可以实现封装，属性私有化 4.模块开发，防止
2021-07-30 14:27:01
86
原创 作用域 作用域链精讲
作用域精解 运行期上下文：AO GO [[scope]]:存了一个作用域链，每个链是由多个执行期上下文连起来的 // An highlighted block function a(){ function b(){ var b=234; } var a=123; b(); } var glob=100; a(); 系统先看到a定义，a有一个scope，里面存一个全局的执行上下文，a被指行了，产生了一个AO，把自己的AO放在最顶端，形成一个新的作用域链。 a的
2021-07-29 20:13:51
79
原创 预编译---
函数作用域初探 1.作用域定义：孙子最舒服。里面可以访问外面函数定义的变量，外面不可以访问里面函数定义的变量 2.js进行三部曲 一，预编译 函数声明整体提升，变量 声明提升。 （1） // An highlighted block function test(){ console.log("a"); } test();放在该代码前和代码后都可以执行成功 函数声明整体提升：函数整个声明全部放在前面，即function 这一堆全放在script标签后面 （2） // An highlighted
2021-07-29 14:07:28
120
原创 递归====
两个条件 1.找规律 2.找出口 function mul(n){ //n的阶乘 if(n==1){ return 1; } return n*mul(n-1); } document.write(mul(4));
2021-07-20 00:09:47
70
原创 函数
函数 一、函数定义 (一)、函数声明 1.注意打印函数名，会返回整个函数 function testFirsthello(){ document.write("hello"); } document.write(testFirsthello); (二)、函数表达式 一、命名函数表达式 1.形式样子 var test=function test(){ document.write("hello"); } var test=function abc(){ document.writ
2021-07-19 13:28:31
74
原创 2021-07-17
++/– a++ 先调 number(a)，变数字，再+1 +/-（正负） 调 number(a)，变数字 +（加号） 变成string类型 */%/-/+ 调 number(a)，变数字 && || ！ > + < <= >= 数字优先 === 绝对等于 !===
2021-07-17 18:14:32
61
原创 isNaN()隐式规则
isNaN()先看number()的结果，看能转换成数字不 如果number后为NaN（不能）则isnan()为true，否则为false Number(null);->0 Number(undefined);->nan // An highlighted block console.log(isNaN("aba"));//true //Number("aba");->nan console.log(isNaN(null));//flase //Number(null);->0 co
2021-07-17 14:52:23
162
原创 用parseint和tostring进行进制转换
用parseint和tostring进行进制转换 练习：2—8---10—16 // An highlighted block var num=10000; num=parseInt(num,2);//告诉他这是二进制，让他输出十进制 console.log(num); console.log(num.toString(8));//输出他的八进制形式 num=num.toString(16)//输出他的16进制形式 console.log(num); ...
2021-07-17 14:38:36
218
原创 toString
toString方法 正常用法：num.toString() // An highlighted block var num=10.2; var numN=num.toString(); console.log(typeof(numN)+":"+numN); undefined，null没有这个属性，会报错 参数：要转化成几进制，括号里就写几 // An highlighted block var num=10.2; var numN=num.toString(2); console.log(typ
2021-07-17 14:27:55
76
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人