前端
CjBkl
主要是做前端开发的菜鸟,热爱后端工作,哈哈
展开
-
CSS中zoom:1 的清除浮动原理?
清除浮动,触发 hasLayout; zoom 属性是 IE 浏览器的专有属性,它可以设置或检索对象的缩放比例。解决 ie 下比较奇葩 的 bug。譬如外边距(margin) 的重叠,浮动清除,触发 ie 的 haslayout 属性等。来龙去脉大概如下: 当设置了 zoom 的值之后,所设置的元素就会就会扩大或者缩小,高度宽度就会重新计算了, 这里一旦改变 zoom 值时其实也会发 生重新渲染,运用这个原理,也就解决了 ie 下子元素浮动时候父元素不随着自动扩大的问 题。z原创 2021-07-10 16:12:41 · 432 阅读 · 0 评论 -
使用 clear 属性清除浮动的原理?
使用 clear 属性清除浮动,其语法如下: clear:none|left|right|both 如果单看字面意思,clear:left 应该是“清除左浮动”,clear:right 应该是“清除右浮动”的意思, 实际上,这种解释是有问 题的,因为浮动一直还在,并没有清除。 官方对 clear 属性的解释是:“元素盒子的边不能和前面的浮动元素相邻。”,我们对元素设 置 clear 属性是为了避免浮动元素 对该元素的影响,而不是清除掉浮动。 还需要注意的一点是 clear 属原创 2021-07-10 16:07:31 · 2777 阅读 · 0 评论 -
CSS中 margin 重叠问题的理解
相关知识点: 块级元素的上外边距(margin-top)与下外边距(margin-bottom)有时会合并为单个外边距, 这样的现象称为“margin 合并”。 产生折叠的必备条件:margin 必须是邻接的!而根据 w3c 规范,两个 margin 是邻接的必须满足以下条件: •必须是处于常规文档流(非 float 和绝对定位)的块级盒子,并且处于同一个 BFC 当中。 •没有线盒,没有空隙,没有 padding 和 border 将他们分隔开 •都属于垂直方向上相邻的外边距,可以原创 2021-07-10 15:59:54 · 566 阅读 · 0 评论 -
‘display‘、‘position‘和‘float‘的相互关系?
(1)首先我们判断 display 属性是否为 none,如果为 none,则 position 和 float 属性的值不影响元素最后的表现。 (2)然后判断 position 的值是否为 absolute 或者 fixed,如果是,则 float 属性失效,并且display 的值应该被设置为 table 或者 block,具体转换需要看初始转换值。 (3)如果 position 的值不为 absolute 或者 fixed,则判断 float 属性的值是否为 none,如果 不是,则 di原创 2021-07-10 15:26:04 · 171 阅读 · 0 评论 -
简单介绍使用图片 base64 编码的优点和缺点。
base64 编码是一种图片处理格式,通过特定的算法将图片编码成一长串字符串,在页面上 显示的时候,可以用该字符串来代替图片的 url 属性。 使用 base64 的优点是: (1)减少一个图片的 HTTP 请求 使用 base64 的缺点是: (1)根据 base64 的编码原理,编码后的大小会比原文件大小大 1/3,如果把大图片编码到 html/css 中,不仅会造成文件体积的增加,影响文件的加载速度,还会增加浏览器对 html 或 css 文件解析渲染的时间。 (2)使原创 2021-07-10 15:21:56 · 1164 阅读 · 0 评论 -
iframe 有那些优缺点?
iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 优点:(1)程序调入静态页面比较方便;(2)页面和程序分离;缺点:(1) iframe 会阻塞主页面的 onload 事件。window 的 onload 事件需要在所有 iframe 加载完毕后(包含里面的元素)才会触发。在 Safari 和 Chrome 里,通过 JavaScript 动态 设置 iframe 的 src 可以避免这种阻塞情况。 (2) 搜索引擎的检索程序无法解读这种页面,不利于网页的原创 2021-06-29 21:46:29 · 610 阅读 · 0 评论 -
cookies,sessionStorage 和 localStorage 的区别
SessionStorage, LocalStorage, Cookie 这三者都可以被用来在浏览器端存储数据,而且都是字符串类型的键值对。区别在于前两者属于 HTML5 WebStorage,创建它们的目的便于客户端存储数据。而 cookie 是网站为了标示用户身份而储存在用户本地终端上的数据(通常经过加密)。cookie 数据始终在同源(协议、主机、端口相同)的 http 请求中携带(即使不需要),会在浏览器和服务器间来回传递。存储大小:cookie 数据大小不能超过 4 k 。sessionS原创 2021-06-29 21:32:02 · 220 阅读 · 0 评论 -
什么是堆?什么是栈?它们之间有什么区别和联系?
堆和栈的概念存在于数据结构中和操作系统内存中。在数据结构中,栈中数据的存取方式为 先进后出。而堆是一个优先队列,是按优先级来进行排序的,优先级可以按照大小来规定。完全二叉树是堆的一种实现方式。在操作系统中,内存被分为栈区和堆区。栈区内存由编译器自动分配释放,存放函数的参数值,局部变量的值等。其操作方式类似于数据结构中的栈。堆区内存一 般由程序员分配释放,若程序员不释放,程序结束时可能由垃圾回收机制回收。---------------------------------------..原创 2021-06-27 16:02:28 · 821 阅读 · 0 评论 -
JavaScript中for...in和for...of的区别
1、for...in 语句用于遍历数组或者对象的属性# 遍历数组时,k 是数组的下标for (var k in [22,11,44,55]) { console.log(k)}# k打印出来的是 0,1,2,3var ob = {name:'小王', age:'18'}# 遍历对象时,k 是json的 所有key 值for (var k in ob) { console.log(k)}# k打印出来的是 name, age使用for-in会遍历数组所有的可原创 2021-06-23 22:51:51 · 101 阅读 · 3 评论 -
angular中echarts的主题设置
在echarts 官网上下载json版本主题配置https://echarts.apache.org/zh/theme-builder.html原创 2021-06-06 23:10:06 · 425 阅读 · 3 评论 -
Angular11安装NG-ZORRO步骤及注意点
Angular11安装NG-ZORRO步骤及注意点在angular8之前,安装ng-zorro ,直接通过npm ing-zorro-antd 进行安装,不用做过多的配置,但是angular8之后安装ng-zorro需要配置好几个地方。首选在angular.json中配置样式路径 { "styles": [ "node_modules/ng-zorro-antd/ng-zorro-antd.min.css" ]} 在style.css中引入样式文件 ...原创 2021-06-06 22:19:26 · 1842 阅读 · 1 评论