摘要： 基本概念 Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个Box 组成的。元素的类型和 display 属性，决定了这个 Box 的类型。 不同类型的 Box， 会参与不同的 Formatting Context（一个决定如何渲染文档的容器），因此Box内的元素会以不同 阅读全文

摘要： sourceMap 源代码与打包后的代码的映射关系。例如，在某个源文件中test.js里面有个错误，如果开启状态，那么打包后运行的报错信息就会说明是错误的具体位置，如果是关闭状态，报错后，提示的报错位置，会是打包的出口文件。 在开发模式中，默认开启，关闭的话，可以在配置文件里添加： devtool的 阅读全文

摘要： 什么是webpack 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个 阅读全文

摘要： XSS XSS（Cross-Site Scripting）跨站脚本攻击，因为缩写和CSS重叠，故叫XSS。跨站脚本攻击是指通过存在安全漏洞的Web网站注册用户的浏览器内运行非法的HTML标签或者JavaScript进行的一种攻击。 存储型XSS 存储型 XSS 的攻击步骤： 这种攻击常⻅于带有⽤户保 阅读全文

摘要： 常见浏览器内核 浏览器最重要或者说核心的部分是“Rendering Engine”，可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。 所以，通常所谓的浏览器内核也就是浏览器所采用的 阅读全文

摘要： Web 缓存大致可以分为：数据库缓存、服务器端缓存（代理服务器缓存、CDN 缓存）、浏览器缓存。其中前端比较关心的是浏览器缓存，包括今天要说的HTTP缓存和前面说过的cookie、localStorage等存储。（资源缓存仅针对get请求，post、put、delete等行为性操作无缓存）。 HTT 阅读全文

摘要： 在前端开发当中,有时会因为某些需求,要将一些数据存储在前端本地当中。不同的场景、不同的应用，我们对存储的选择也不一样，前端常见的存储包括以下5种： cookie：在HTML5标准前，本地存储的主要方式。优点是兼容性好，请求头自带cookie，方便。缺点是大小只有4k，自动请求头加入cookie浪费流 阅读全文

摘要： 不管是自己之前面试还是看网上的面试题，都会碰到一个经典的面试题：从输入URL到页面加载完成，发生了什么？ 首先说一下自己对于这道题的理解和回答： 所谓性能优化，就是上面的步骤加在一起，时间尽可能的短，所以基本分为两大方向：少加载文件，少执行代码。 快加载 从上面的图中可以看出，浏览器渲染分为三步： 阅读全文

摘要： TCP/IP 协议分层模型 TCP/IP 协议族按层次分别分为以下 4 层：应用层、传输层、网络层和数据链路层。层次化之后，每个层级只需要考虑自己的任务就可以了，不再需要弄清其他层级的功能了。 TCP/IP 协议族各层的作用如下。 应用层 应用层决定了向用户提供应用服务时通信的活动。 TCP/IP 阅读全文

摘要： 自己在工作中也是经常用到echarts来实现一些统计功能和效果，在这里对自己使用较多的做歌简单的记录，方便自己后期查阅吧。 下面所有的例子都是在这个基础上完成的。 1，饼状图 1.1基础效果 1.2图例 legend用于控制图例效果，包括位置、样式和内容等。 首先是位置由left、right、top 阅读全文