背景泛型用于创建可复用的支持多种类型的组件，比如不仅能支持当前的类型，还能支持未来的类型，为大型系统的构建提供一定灵活性，泛有广泛、多种的意思，即泛型可实现对多种类型的支持；泛型是一种已有的概念，除了 TypeScript，同样也存在于其他

on事件Javascript中可以对一些页面的事件设定触发值，例如常用的点击 onclick，鼠标移动 onmousemove，或者移动端屏幕点击 ontouchstart，其它类似的还有 onmousedown, onmouseup, o

async概念用于声明异步函数，返回值为一个 Promise 对象，它以类似 同步 的方式来写异步方法，语法与声明函数类似，例如： async function fn() { console.log('Hello worl

概念jQuery是一个JavaScript函数库，是一个比较流行的js框架，功能就是简化 js 代码的书写，因为一些功能用原生javascript书写代码量是很大的。可以理解为javascript query，毕竟Query也是它的一个功能

问题React 组件中通过直接声明的元素变量（jsx 写法），在访问 state 中指定的状态值时，如果状态发生改变，使用状态值的元素内容无法得到相应更新； 下面的例子中，直接在 class 组件中声明元素变量 myDiv，并且需要访问 t

问题最近的开发中有遇到一个页面样式的兼容性问题，大致是使用 flex 布局的两个嵌套弹性盒子，在 Chrome 和 Safari 中对一些特殊情况的处理行为不一致，从而产生了测试 bug； 复现下面将问题简化为了一个 demo 模型，一个定

HTML中元素有三种布局模型：流动模型、浮动模型、层模型。 流动模型（flow）HTML网页默认布局就是流动模型，布局如下： 块级元素(block)**自上而下垂直分布，因为块级元素默认宽度为浏览器窗口的100%，或者理解为每个块级元素默认

css单位px常用的单位，即像素pixel缩写，但通常被当做绝对单位，但严格说并不是，因为官方考虑到观看不同设备显示屏时，使网页设计出的某一图形的显示大小在人眼中的观看效果差不多，而定义的一个相对值，即人以一臂之遥观看96DPI的显示屏的角

水平居中HTML中要实现某一内容水平居中显示，要通过设置css样式来实现，主要分为行内元素和块状元素两种情况，块状元素又可分为块状定宽与块状不定宽两种情况，接下来依次介绍分析。 行内元素像 a、span、i 这类元素叫做行内元素，文本和图片

文章出自个人博客https://knightyun.github.io/2018/05/02/css-selector，转载请申明 目录 基础 选择器 元素选择器 类选择器 ID选择器 ID选择器与类选择器的区别 子选择器 后代选

目录 目录 关于坐标轴 2D变换 translate(x,y) rotate(deg) scale(x,y) skew(xdeg,ydeg) matrix(a,b,c,d,e) 3D变换 translate3d(x,y,z) rota

CSS3中出现很多新的特性，下面就讲一下其中比较好玩的3D操作，过渡和动画效果； 过渡(transition)过渡就是使瞬间的样式变化，按照一定方式变得缓慢平缓； 例如鼠标划过超链接时颜色的变化，点击按钮后的颜色变化等，默认转化都是瞬间完成