复习的策略
立足于面试,以查漏补缺为导向,将3月份所忽视的基础知识,进行强化。
同时穿插着程序员基本功(数据结构、算法、网络)的练习,和项目实战。
JS基础
遇到面试题,先看它们的考点,再对具体的知识点进行复习。
举例:
typeof能得到的哪些类型
考点:js变量类型
何时用===,何时用==
考点:强制类型转换
window.onload和DOMContentLoaded的区别?
考点:浏览器渲染过程
Js创建10个a标签,点击的时候弹出来对应序号
考点:作用域
简述如何实现一个模块加载器,实现类似require.js的基本功能
考点:JS模块化
实现数组的随机排序
考点:JS基础算法
以上需要复习的知识点有:
变量类型
注意值类型(undefined,string,number,boolean)和引用类型(对象、数组、函数)的区别
typeof运算符
typeof只能区分值类型的类型,引用类型的结果是object,或者function
变量计算-强制类型转换
字符串拼接,==,if,逻辑运算
算法学习
学习思路
多做题,多练习,理解算法的本质并学会挖掘规律,举一反三学会变通和延伸。
HTML
viewport作用
视口,适配移动端,让页面宽度等于设备宽度。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
HTML5新增内容
新区块标签:section,article,nav,aside
表单增强:日期、时间、搜索、表单验证、placeholder自动聚焦
HTML元素分类
按默认样式分:
块级block
行内inline(inline元素不一定有规则的形状)
inline-block:对外是inline,对内是block(select,input,)
按内容分:
HTML元素嵌套关系
- 块级元素可以包含行内元素
- 块级元素不一定能包含块级元素(比如p>div是合法的)
- 行内元素一般不能包含块级元素(a>div是合法的,a是transparent元素)
具体判定规则可以去w3c官网上查看,标签的content model属性,如果属于它则可以嵌套,不属于就不能嵌套。
HTML面试真题
- doctype的意义是什么
- 让浏览器以标准模式渲染
- 让浏览器知道元素的合法性
- HTML XHTML HTML5的关系
- HTML属于SGML
- XHTML属于XML,是HTML进行XML严格化的结果
- HTML5不属于SGML或XML,比XHTML宽松
- HTML5有什么变化
- 新的语义化元素
- 表单增强
- 新的API(离线、音视频、图形、实时通信、本地存储、设备能力)
- 分类和嵌套变更
- em和i有什么区别
- em是语义化的标签,表强调
- i是纯样式的标签,斜体
- HTML5中i不推荐使用,一般用作图标
- 语义化的意义是什么
- 开发者容易理解
- 机器容易理解结构(搜索、读屏软件)
- 有助于SEO
- semantic microdata
- 哪些元素可以自闭合
- 表单元素input
- 图片img
- br hr
- meta link
- HTML和DOM的关系
- HTML是“死”的
- DOM由HTML解析来的,是活的
- JS可以维护DOM
- form的作用有哪些
- 直接提交表单
- 使用submit/reset按钮
- 便于浏览器保存表单
- 第三方库可以整体提取值
- 第三方库可以进行表单验证