摘要： 1、浮动引起的问题和解决办法？ 浮动引起的问题？ 父元素的高度无法被撑开，影响与父元素同级的元素； 与浮动元素同级的元素会紧跟其后； 若非第一个浮动元素，则该元素之前的元素也要浮动，否则会影响页面的展示效果 解决办法？ 1.额外标签法 在浮动元素后添加一个</div> 添加clear:both 2. 阅读全文

摘要： 1、清除浮动的几种方式？ 为什么要清除浮动？ float布局会脱离文档流，对页面的布局造成影响，比如造成父级的高度坍塌等问题。清除浮动后，便不会影响文档流。 给父级添加height; 在结尾处添加一个空的div，并设置属性 clear:both; 父级设置overflow：hidden； 给父级定义 阅读全文

摘要： 1、HTML5 的离线储存怎么使⽤，⼯作原理能不能解释⼀下？ 离线缓存有2种方法： HTML5 的离线存储.appcache文件【废弃】 service-worker 的标准 方法一：使用.appcache 机制 原理： HTML5 的离线存储是基于⼀个新建的 .appcache ⽂件的缓存机制(不 阅读全文

摘要： 参考 阮一峰：http://www.ruanyifeng.com/blog/2017/05/websocket.html 1、什么是websocket？ 服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话（全双工通信），属于服务器推送技术的一种。 其他特点包括： 阅读全文

摘要： 1、如何实现浏览器内多个标签页之间的通信？ 数据存储有2种方式，服务器存储 和 本地存储。本地存储也就是 cookie和localstorage； 第一种——调用localStorage 存储方式：window.localStorage.setItem("name", name); 获取方式：win 阅读全文

摘要： 1、<!DOCTYPE>声明：告诉浏览器解析成什么语言，这样浏览器才能获知文档类型。 charset='UTF-8': 指定 UTF-8 编码，否则中文会出现乱码的情况 2、SGML HTML XML的区别？ SGML：是标准通用标记语言； HTML：是超文本标记语言，主要是用于规定怎么显示网页；标 阅读全文

摘要： 原理简单介绍： 阅读全文

摘要： 什么是按需加载： 当页面中一个文件过大并且还不一定用到的时候，我们希望在使用到的时候才开始加载这个文件俗称按需加载。这样可以减少页面的响应时间，提高访问速度。 按需加载的实现方式： 使用webpack打包的出来的文件要实现以上的要求有两种方式，一个是webpack特有的require.ensure方 阅读全文

摘要： 什么是process.env？ 这里的process.env就是Nodejs提供的一个API，它返回一个包含用户环境信息的对象 在webpack中 process.env 的作用？ 通常的做法是，新建一个环境变量NODE_ENV，用它确定当前所处的开发阶段，生产阶段设为production，开发阶段 阅读全文

摘要： webpack中设置环境变量，用来区别 开发环境 和正式环境 development:测试环境接口，production:线上环境接口 webpack.config.dev.js 测试环境配置 new webpack.DefinePlugin({ "process.env": { NODE_ENV: 阅读全文