词法、语法、表达式、
数据类型,以及各数据类型的方法特点
基本数据类型: number string boolean ,可以用typeof来检测
引用型数据:object, array,
流程控制语句、
dom bom html5 API
html5 new stuff
程序的执行原理(event loop,异步--> setTimeout(x,0))
event
click事件冒泡,如何阻止?
防止默认的行为
8,9 整理js知识点、css知识点
10针对考卷来针对性地回顾知识点。整理一些问题
js
变量-->声明提升-->作用域-->this-->apply, ->闭包
apply,call,一样的。call的参数需要一个一个输入,而apply是数组
bind,跟call一样,但是不立即执行而是返回这个函数
执行环境 ~= 作用域, 界定了变量、函数的访问权限
作用域链
http & xhr
ajax的本质、4部曲、post和get的方法、跨域、XSS攻击(input)
https://segmentfault.com/a/1190000000691919#articleHeader7
0(未初始化)还没有调用open()方法
1(载入)已调用send()方法,正在发送请求
2(载入完成)send()方法完成,已收到全部响应内容
3(解析)正在解析响应内容
4(完成)响应内容解析完成,可以再客户端使用了
1xx消息
2xx成功
3xx重定向
4xx客户端错误,401需要身份认证;403没有权限
5xx服务端错误,500服务器未预料到的状况,502bad gateway上游服务器,503服务器过载无法处理
css知识架构
优先级计算:
- 元素(类型)选择器(type selectors)(例如:h1)和 伪元素选择器(pseudo-elements)(例如::before)
- 类选择器(class selectors) (例如:.example
),属性选择器(attributes selectors)(例如:[type="radio"]
),伪类选择器(pseudo-classes)(例如::hover) - ID选择器(例如:#example)
通用选择器(universal selector)(*
),组合符合(combinators) (+
, >
, ~
, '
') 和 否定伪类(negation pseudo-class)(:not()
) 不会影响优先级(但是,在 :not() 内部声明的选择器是会影响优先级的)。
给元素添加的内联样式 (例如, style="font-weight:bold"
) 总会覆盖外部样式表的任何样式 ,因此可看作是具有最高的优先级。.
!important又是一层
盒子模型:border margin padding content
width:
box-sizing=border-box is all
box-sizing=content-box is content only
margin-top/bottom's % is based on width!!!
padding没负值
堆叠上下文:html,-webkit-overflow-scrolling:touch,opacity<1,z-index不为 auto
margin相邻计算:以最大的为准,而不是简单的相加哦!
block、inline、inline-block的区别
display:inline。线框,top middle baseline bottom,vertical-align:top
https://github.com/dwqs/blog/issues/22
bfc: zoom:1 overflow: not auto
属于不同的BFC,它们之间就不会发生外边距折叠
高度计算包括float、第一个元素的margin-top,最后一个元素的margin-bottom
解决多列问题:在BFC上下文中,每个盒子的左外侧紧贴包含块的左侧
属性值的继承
浏览器的加载顺序
解析html文档,遇到img, css, js就发起请求去下载。
img, css的下载和解析是异步的。
js的下载和解析都是同步的,会挂起渲染的进程。
渲染机制:
https://segmentfault.com/a/1190000004292479
dom + cssom = render tree -> layout -> paint
边加载边渲染。遇到dom/css的修改就会重新渲染(layout/paint)
为什么js要放在body的底部?
因为能够防止页面加载的阻塞。
是否js
dom ready 和 window.onload区别
jq:
为什么可以串行写,因为它返回的是jquery这个对象
jq对象如何转换成dom对象