这是面试经常会被问的问题，以前自己也看过相关的博客内容，但总是面试的过程中只能想到简单的几种，今天做一个总结：实现方式分为两类：1、已知元素的宽高确定 2、元素宽高不定（常问）分别对应不同的解决方案已知元素的宽高确定         1、a ...

CSS中 link 和@import 的区别是什么？ a. link属于HTML标签，而@import是CSS提供的，且只能加载 CSS b. 页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载 c. ...

1px有多大？ 我们先了解几个概念： 关键概念 设备像素：设备屏幕实际拥有的像素点一般来说：宽度方向有1920个像素点，长度方向有1080个像素点。 逻辑像素：CSS 的像素单位(就是我们这次要讨论的css的px)，其尺寸大小是相对的，也称 ...

众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具， ...

1. 原因： ​ 除了父元素自身可以触发自己的transitionend之外，其子元素如若有transition发生，同样会触发父元素的transitionend事件。 2. 解决办法 EL.ontransitionend = func ...

伪元素和伪类 说到这个，我们先回顾一下，伪类选择器和伪元素选择器，老版的浏览器没有严格区分下面 2 种写法。 a:after{} a::after{} 在新的标准中，单冒号(:)用于 CSS3 伪类，双冒号(::)用于 CSS3 伪元素，我 ...

好久不见！看了下上次写的JS相关文章居然还是在一年前，突然感觉自己很对不起一直关注我的朋友们，希望自己更新进度能尽量加快些吧！ 今天我们就来简单谈谈JavaScript的Event事件对象中 target 和 currentTarget ...

vuejs-logo.png 组件化 组件化是任何一个框架必须实现，如何将定义组件(js 对象)转化为 dom 对象，以及组件的属性转换为 dom 属性，这是每一个前端框架在设计时需要认真思考和设计的问题。 const vm= new V ...

key概述 react中的key属性，它是一个特殊的属性，它的出现不是给开发者用的（例如你为一个组件设置key之后，也仍无法获取这个组件的key值），而是给react自己用的。 简单来说，react利用key来识别组件，它是一种身份标识标识 ...

coding 我们写一段 jsx ，有关 jsx 语法这里暂不做过介绍，留下伏笔 const ele = ( const ele = ( hello ...