摘要:
盒子模型有几种,它们之间有什么区别。一、标准盒模型(W3C)1.给标签添加:box-sizing:content-box;(元素默认)2.这个标签就转换为了标准盒模型3.标签得实际宽度 = 设置的宽度 + border宽度 + padding的宽度 二、IE盒模型(怪异)1.给标签添加:box-si 阅读全文
摘要:
、概念Ajax全称“Asynchronous JavaScript and Xml”异步JavaScript和XML),是一门创建交互式网页的开发技术,可以在网页不加载的情况下,实现局部更新,进行少量的数据交换。2、原理Ajax依赖于浏览器内置对象XHR(XMLHttpRequest),通过XHR 阅读全文
摘要:
Cache-Control 特性: 可缓存性(哪些地方可以执行缓存): public(这个HTTP请求返回的内容所经过的任何路径当中,包括代理服务器以及发送请求的客户端浏览器,都可以进行对这个返回内容的缓存的操作) private(只有发起请求的浏览器才可以进行缓存) no-cache (我们可以在 阅读全文
摘要:
、keep-alive是什么keep-alive是一个抽象组件:它自身不会渲染一个DOM元素,也不会出现在父组件链中;使keep-alive包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。 一个场景用户在某个列表页面选择筛选条件过滤出一份数据列表,由列表页面进入数据详情页面,再返回该列表页面 阅读全文
摘要:
loader是什么?loader 让 webpack 能够去处理其他类型的文件,并将它们转换为有效模块。以供应用程序使用,以及被添加到依赖图中。loader 本质上是导出为函数的 JavaScript 模块。 在 webpack 使用过程中,经常会出现以下两种形式: 在 webpack.config 阅读全文
摘要:
在文档流中,父元素的高度默认是被子元素撑开的(没有设置宽高的时候),也就是子元素多高,父元素就多高。 当父元素的子元素设置为浮动类型时,那么因为其子元素脱离正常文档流,所以父元素无法检测到子元素的高度而产生折叠,这就是所谓的高度塌陷。 <head> <style> .right { height: 阅读全文
摘要:
清除浮动的含义是什么?清除浮动带来的影响影响:如果子元素浮动了,此时子元素不能撑开父元素➢ 清除浮动的目的是什么?需要父元素有高度,从而不影响其他网页元素的布局注意:父子级标签, 子级浮动, 父级没有高度, 后面的标准流盒子会受影响, 显示到上面的位置clear:both;/* 清除左右两侧浮动的影 阅读全文
摘要:
明确: defer和 async的使用,可以用于提升网页性能script标签存在两个属性,defer和async,因此 script标签的使用分为三种情况: <script src="example.js"></script>没有defer或async属性,浏览器会立即加载并执行相应的脚本。不等待后 阅读全文
摘要:
1.什么是垃圾 (1)没有被引用的对象或变量 (2)无法访问到的对象(几个对象引用形成一个环,互相引用) 可达性是指那些以某种方式可以访问到或可以用到的值,它们被保证存储在内存中。 有一组基本的固有可达值,由于显而易见而无法删除:(1)本地函数的局部变量和参数(2)嵌套调用链上的其他函数的变量与参数 阅读全文
摘要:
什么是BFC?BFC(Block Formatting Context)直译为“块级格式化范围”。它是指一个独立的块级渲染区域,只有Block-level BOX参与,该区域拥有一套渲染规则来约束块级盒子的布局,且与区域外部无关。 简单来说,BFC就是一个独立不干扰外界也不受外界干扰的盒子。 布局规 阅读全文