十九万里的博客

知识点： 1.为什么使用路由 2、路由实现的三个功能 3、hash路由 4、history模式 1、为什么要使用路由 现在很多网页使用的是ajax异步请求完成页面的局部刷新（URL不变）， 从而提升了用户的体验，同时带来的问题就是用户下次使用URL的时候无法呈现之前ajax的异步内容， 路由提供的是浏览器地址的变化 两者结合起来就能提升了用户体验的同时改变了URL地址。同时减少了http请求 2、路由实现的功能 1、在使用ajax局部刷新页面后，记录当前状态页面的URL并保存 2、可以使用浏览器的前进后.

知识点： 1、什么是内存泄漏 2、内存生命周期 3、js内存管理机制 4、js内泄漏的一些场景 5.两种垃圾回收的算法 6、 如何发现内存泄漏 1、什么是内存泄漏 内存泄漏是指由于疏忽或错误造成程序未能释放已经不在使用的内存 内存泄漏并非指内存存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该内存之前就失去了对该内存的控制， 简单理解：无用的内存还在占用，得不到释放和归还，比较严重的时候，无用的内存还会增加，从而导致整个系统卡顿，甚至崩溃 2、内存生命周期 一般按照顺序分为三个周期

三、事件模型 1、定义 事件是用户与浏览器产生交互的时浏览器中发生的动作，其本质是程序各个组件之间的一种通讯方式。 今天所讲的事件。主要是DOM事件 2、DOM事件流 DOM结构是一个树型结构，当一个html元素产生事件后，该事件会在元素节点与根节点之间按照一定的顺序传播。路径所经过的节点丢回接收到该节点的事件。然后做出相应的反应。这个过程称为DOM事件。 3、两种事件顺序 事件捕捉和事件冒泡 首先我们先明白事件传播的三个阶段 1.事件捕获阶段 2.事件目标阶段 3.冒泡阶段 冒泡事件： 事件像水泡一样

知识点： 减少请求数量 减少资源大小 优化网络连接 优化资源加载 减少回流重绘 使用性能更好的API 构建优化 1、减少http请求数量 通过减少重定向，使用缓存， 不使用css@import， 避免使用空的src和href等手段， 使用图片地图，在一个图片上关联多个URL。避免多次图片请求信息。 使用雪碧图来展示图片 合并样式表和js脚本，减少http请求 2、减少资源大小 拖在线工具压缩html css js 图片 使用字体图标，雪碧图来代替大图。安卓下可以使用webp格式的图片 3、优化网络连接

二、DOM树 什么是DOM 文档对象类型，是 W3C 组织推荐的处理可扩展标记语言的标准编程接口 通过这些 DOM 接口可以改变网页的内容、结构和样式 深层理解：从网络传给渲染引擎的HTML文件字节流无法直接被渲染引擎理解的，所以要将其转化为渲染引擎能够理解的内部结构，这个结构就是 DOM。DOM 提供了对 HTML 文档结构化的表述 DOM分类 核心DOM：是用于XML与HTML的共用接口； XMLDOM：XML专用接口； HTML DOM：HTML专用接口； DOM事件模型：定义DOM能够响应的事件；

文章写的非常好，转载一下 事件模型 事件模型 来自《JavaScript 标准参考教程（alpha）》，by 阮一峰 目录EventTarget 接口EventTarget.addEventListener()EventTarget.removeEventListener()EventTarget.dispatchEvent()监听函数HTML 的 on- 属性元素节点的事件属性EventTarget.addEventListener()小结this 的指向事件的传播事件的代理Event 对象概述Ev.

知识点 行内元素，块级元素 DOM树 事件模型 跨标签页通信 1、行内元素、块级元素 行内元素属性 1、行内元素不独占一行，其他行内元素会依次排列在一行直到一行排列不下才会换行，宽度跟随元素的内容变化 2、行内元素无法设置宽高，可以设置line-height，margin上下无效，padding上下无效 3、行内元素内部不能嵌套其他行内元素标签 disply：inline 注：img和input比较特殊，可以改变宽和高、 块级元素 1.块级元素独占一行，宽度自动填满父元素的宽度 2.块元素可以设置wid.

最近一直在看面试题，看的比较杂，很不系统，所以今天根据找到的一些资源整理了一下前端复习的主要知识点，就跟着这个知识路线复习下去 每写完一个知识点我会在标题下面加上文章地址。可直接跳转访问 这个系列也会不断完善更新，希望自己能坚持下去，加油！！！ 知识线： html 和浏览器 css javascript 操作系统 网络基础 性能 工程化 vue react 算法 编程题 大前端 设计架构 一、html浏览器 1、行内元素，块级元素 2、跨标签页通信 3、history和hash两种路由 4、DOM树.