最多点赞

随便看看

标签TAG

前端笔记
0
评论
804
浏览

css 加载会阻塞 DOM 树的解析和渲染吗

css 加载会直接影响网页的渲染,因为只有 css 加载完毕,构建完 CSSOM 后,渲染树(Render Tree)才会构建,然后渲染成位图 如果...

0
评论
933
浏览

line-height 的值分别取 [2, 2em, 200%] 有什么区别?

line-height 是相对于元素自身的字体大小来取值,但同时会被继承。在实际工作中,取值 2em 或者 200% 有可能遇到未预测的内容。 比如...

0
评论
681
浏览

简述 css 中 position 的值?

static: 默认值,无定位,top、right、bottom、left 不起任何作用 relative: 相对定位 absolute: 绝对定位,...

0
评论
901
浏览

css 动画与 js 动画哪个性能更好

CSS3 的动画:    1.在性能上会稍微好一些,浏览器会对 CSS3 的动画做一些优化(比如专门新建一个图层用来跑动画)    2.代码相对简单 ...

0
评论
651
浏览

简述下 css specificity

css specificity 即 css 中关于选择器的权重,以下三种类型的选择器依次下降 id 选择器,如 #app class、attrib...

0
评论
754
浏览

有没有使用过 css variable,它解决了哪些问题?

css 变量减少样式重复定义,比如同一个颜色值要在多个地方重复使用,以前通过 less 和 sass 预处理做到,现在 css 变量也可以做到,方便维护,...

0
评论
935
浏览

如何实现一个 loading 动画,可用 css 或 svg

###svg 实现方案 html ``` ``` css ``` .loading { width: 50px; ...

0
评论
1051
浏览

什么是 Data URL?

Data URL 是将图片转换为 base64 直接嵌入到了网页中,使用这种方式引用图片,不需要再发请求获取图片。 使用 Data URL 也有一些缺点:...

0
评论
849
浏览

HTML 中的 input 标签有哪些 type

###button 没有默认行为的按钮,上面显示 value 属性的值,默认为空。 ``` ``` ###checkbox 复选框,可设...

0
评论
823
浏览

JavaScript数组所有API全解密

全文共13k+字,系统讲解了JavaScript数组的各种特性和API 数组是一种非常重要的数据类型,它语法简单、灵活、高效。 在多数编程语言中,数...

0
评论
863
浏览

JavaScript 判断一个变量是对象还是数组 ?

typeof 都返回 object 在 JavaScript 中所有数据类型严格意义上都是对象,但实际使用中我们还是有类型之分,如果要判断一个变量是...

0
评论
809
浏览

闭包的理解 ?

一、变量的作用域 要理解闭包,首先必须理解 Javascript 特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Java...

0
评论
854
浏览

js 的两种回收机制

标记清除(mark and sweep) 从语义上理解就比较好理解了,大概就是当变量进入到某个环境中的时候就把这个变量标记一下,比如标记为“进入环境...

0
评论
1158
浏览

判断一个字符串中出现次数最多的字符,统计这个次数

步骤 * 将字符串转化数组 * 创建一个对象 * 遍历数组,判断对象中是否存在数组中的值,如果存在值 +1,不存在赋值为 1 * 定义两个变量...

0
评论
758
浏览

异步过程的构成要素有哪些?和异步过程是怎样的 ?

总结一下,一个异步过程通常是这样的: * 主线程发起一个异步请求,相应的工作线程接收请求并告知主线程已收到(异步函数返回); * 主线程可以继续执...

0
评论
759
浏览

apply 和 call 什么含义,什么区别 ?什么时候用 ?

call,apply 都属于 Function.prototype 的一个方法,它是 JavaScript 引擎内在实现的,因为属于 Function.p...

0
评论
834
浏览

函数里的 this 什么含义,什么情况下,怎么用 ?

* this 是 Javascript 语言的一个关键字。 * 它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。 * 随着函数使用场合的...

0
评论
627
浏览

call、apply、bind

1. 怎么利用 call、apply 来求一个数组中最大或者最小值 ? 2. 如何利用 call、apply 来做继承 ? 3. apply、call...

0
评论
756
浏览

width 和 height 的百分比是相对谁讲的 ?margin 和 padding 呢?

* width 是相对于直接父元素的 width * height 是相对于直接父元素的 height * padding 是相对于直接父元素的 wi...

0
评论
782
浏览

什么叫优雅降级和渐进增强 ?

* 渐进增强 progressive enhancement:针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追...

0
评论
873
浏览

rem、em、px、vh 与 vw 的区别 ?

一、 rem 的特点 1. rem 的大小是根据 `html` 根目录下的字体大小进行计算的。 2. 当我们改变根目录下的字体大小的时候,下面字体...

0
评论
892
浏览

用 css 实现左侧宽度自适应,右侧固定宽度 ?

## ### 1、标准浏览器的方法 当然,以不折腾人为标准的 w3c 标准早就为我们提供了制作这种自适应宽度的标准方法。 * 把 contai...

0
评论
761
浏览

对 BFC 规范(块级格式化上下文:block formatting context) 的理解 ?

BFC 规定了内部的 Block Box 如何布局。 定位方案: * 内部的 Box 会在垂直方向上一个接一个放置。 * Box 垂直方向的...

0
评论
665
浏览

何时应当时用 padding 和 margin ?

何时应当使用 margin * 需要在 border 外侧添加空白时。 * 空白处不需要背景(色)时。 * 上下相连的两个盒子之间的空白,需要相...

0
评论
774
浏览

canvas 与 svg 的区别 ?

* Canvas 是基于像素的即时模式图形系统,最适合较小的表面或较大数量的对象,Canvas 不支持鼠标键盘等事件。 * SVG 是基于形状的保留模式...