detechn logo

惪特博客

  • 文章

    1.7W+
  • 评论

    4.2W+
  • 浏览

    1024W+
  • 标签

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

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

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

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

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

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

657
简述 css 中 position 的值?

简述 css 中 position 的值?

static: 默认值,无定位,top、right、bottom、left 不起任何作用 relative: 相对定位 absolute: 绝对定位,脱离文档流,上下左右以最近的定位父元素为...

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

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

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

608
简述下 css specificity

简述下 css specificity

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

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

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

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

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

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

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

619
什么是 Data URL?

什么是 Data URL?

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

677
HTML 中的 input 标签有哪些 type

HTML 中的 input 标签有哪些 type

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

554
JavaScript数组所有API全解密

JavaScript数组所有API全解密

全文共13k+字,系统讲解了JavaScript数组的各种特性和API 数组是一种非常重要的数据类型,它语法简单、灵活、高效。 在多数编程语言中,数组都充当着至关重要的角色,以至于很难想象...

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

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

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

641
闭包的理解 ?

闭包的理解 ?

一、变量的作用域 要理解闭包,首先必须理解 Javascript 特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内...

564
js 的两种回收机制

js 的两种回收机制

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

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

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

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

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

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

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

552