1.看html标签录屏
2.看下一个录屏
3.看下一个前部分回顾内容
4.选择器录屏
5.看下一个录屏
6.看下一个录屏开头部分
7.浮动
8.flex布局
8.animation和transition
手风琴 媒体查询
9.看mysql配置
10.js var全局变量面试题 谁执行函数,this就指向谁
11。操作符 21分钟 隐式转换
12 对象
13.循环字符串拼接 对象 一小时30分钟分钟 get set 方法 访问器属性
14函数 20分钟 数组
15数组序列化60分钟 数据类型转换原理和原因,什么转换为栈内存
16.正则表达式25分钟
17.js面向对象
18.深入面向对象
19.this指向问题
方法/函数是由谁(对象) 调用 的,方法/函数内部的 this 就指向谁(该对象);
注意:被谁调用,不是处于谁的作用域,即使在作用域
(1)func是由myObject调用的,this指向 myObject。
(2)self指向myObject,相当于 myObject的this的副本。
(3)这个立即执行匿名函数表达式(IIFE)是由window调用的,this指向 window 。
(4)IIFE的作用域处于myObject.func的作用域中,本作用域找不到self变量,沿着作用域链向上查找self变量,找到了指向 myObject对象的 self。
string 和 数组的自带方法要考,以及辅导老师的笔记
20.dom
21. 重排一定重绘,重绘不一定重排
22.前段语言注释问题
html注释: <!-- 内容 -->
css注释; /* 内容*/
JavaScript注释:单行注释 //内容
多行注释以 /* 内容*/
23.backgroundmusic在js中的不同使用方式
js中只有驼峰命名的backgroundColor,而css中才能使用background-color这个拓展接口
24.web程序对象作用域问题
.Web程序对象作用域: 常用的有三个:请求作用域,会话作用域,应用上下文。
25.html标签中的margin问题
h1~h6标签:有默认margin(top,bottom且相同)值,没有默认padding值
dl标签:有默认margin
ol,ul标签:有默认margin
table标签没有默认的margin,padding值;th,td标签没有默认的margin值,有默认的padding值。
p标签有默认margin(top,bottom)值,没有默认padding值。
select标签在Chrome,Safari,Maxthon中有默认的margin:2px;在Opera,Firefox,IE6.0,7.0,8.0没有默认的margin值
26.关于伪类和微元素/伪对象的区别
伪类本质上是为了弥补常规CSS选择器的不足,以便获取到更多信息;
伪元素本质上是创建了一个有内容的虚拟容器;
CSS3中伪类和伪元素的语法不同; 伪类 :link :hover 伪元素 ::before ::after
可以同时使用多个伪类,而只能同时使用一个伪元素;
其中伪类和伪元素的根本区别在于:它们是否创造了新的元素,, 这个新创造的元素就叫 "伪无素" 。
伪元素/伪对象:不存在在DOM文档中,是虚拟的元素,是创建新元素。 这个新元素(伪元素) 是某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中.
伪类:存在DOM文档中,(无标签,找不到, 只有符合触发条件时才能看到 ), 逻辑上存在但在文档树中却无须标识的“幽灵”分类。
因为伪类是类似于添加类所以可以是多个,而伪元素在一个选择器中只能出现一次,并且只能出现在末尾
27.getElementsByClassName返回的是一个节点列表
28.CSS没有 text-color 以及font-color有background-color 给文字设置颜色只能color
29.事件类型
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS/Errors/CORSMissingAllowOrigin
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status/405
30.jQuery 批量操作
31关于判断值类型的问题
也就是1/0得到的是Infinity。isNaN(1/0)返回的是false。但是isNaN(0/0)返回的就是true
1 && 2 > 1,先判断右边的表达式,2>1返回true。1 && true返回的结果也是true。
32.函数回调问题
scope:true和transclude:true会创建新的子作用域,并进行原型继承
回调时,被回调的函数会被放在event loop里,等待线程里的任务执行完后才执行event loop里的代码。 因此,上述代码会先把线程里的执行完后,再执行event loop里的setTimeout函数.。
33.h5api
34.可以被继承的属性:
字体系列:font-family,font-size,font-style,font-weight,font-stretch,font-size-adjust; 列表相关:list-style,list-style-image,list-style-position,list-style-type,list-style-color; 文本系列:text-indent,text-align,line-height,word-spaceing,letter-spacing,text-transform,direction,color; 元素可见性:visibility; 表格布局:caption-side,border-collapse,border-spacing,empty-cells,table-layout; 生成内容:quotes; 光标属性:cursor; 页面样式:page,page-break-inside,Windows,orphans; 声音样式属性:speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation。
可以被继承的属性主要有文本(font-),颜色(背景颜色不可以!),列表(list-style-type),元素可见性visibility
35.同一个dom节点在html文档中只能存在一个
36.p标签是块级元素,常理来说,块级元素是可以嵌套块级元素和行内元素的,但是p标签是个特殊,它里面不能嵌套块级元素。
37.提高效率的方法
处理列表子元素的点击事件时,使用事件代理 // 事件代理是根据事件冒泡原理,使用事件代理可以减少注册事件,节省内存
插入大量DOM元素时,使用innerHTML替代逐个构建元素 // 测试后发现innerHTML比creaetElement效率要高~至于为什么....没有深究~
使用DocumentFragment替代多次appendChild操作 // 将元素放入代码片段中一次插入比你创建一个插入一个效率肯定要高的多
使用addEventListener替代 onxxx(比如onclick) 进行事件绑定 // 使用addEventListener监听事件不会被覆盖,而on会覆盖上一个事件
38.html元素的优先级问题
在html中,帧元素(frameset)的优先级最高,表单元素比非表单元素的优先级要高。
39.表单元素包括:文本输入框,密码输入框,单选框,复选框,文本输入域,列表框等等;
非表单元素包括:连接(a),div,table,span等。
所有的html元素又可以根据其显示分成两类:有窗口元素以及无窗口元素。有窗口元素总是显示在无窗口元素的前面。
有窗口元素包括:select元素,object元素,以及frames元素等等。
无窗口元素:大部分html元素都是无窗口元素。
23.面试