摘要：
dangerouslySetInnerHTMl dangerouslySetInnerHTMl 是React标签的一个属性，类似于angular的ng-bind； 听说这个单词这么长，是故意的，应为有可能不合时宜的使用innerHTML会导致XSS攻击(然而我并不懂什么是XSS)， __htlml: 阅读全文
摘要：
问题展示： div{ position: relative; width:100px; height:100px; } div>img{ position: absolute!important; width: 100%; left: 50%; top: 50%; transform: transl 阅读全文
摘要：
对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage sessionStorage（临时存储） ：为每一个数据源维持一个存储区域，在浏览器打开期间存在，包括页面重新加载 local 阅读全文
摘要：
生命周期分为三个过程： 1、装载过程（Mount），也就是把组件第一次在DOM树渲染的过程； 当组件第一次被渲染的时候，依次调用的函数： 1>constructor（构造函数） 目的：①初始化state ②绑定成员函数的this环境 2>getInitialState 3>getDefaultPro 阅读全文
摘要：
React组件数据分为两种，prop、state，无论随改变了，都会引发组件重新渲染，而prop是组件对外接口，state是组件对内接口。 一、React的prop 1、给prop赋值： import SampleButton from "............." <SampleButton i 阅读全文
摘要：
当聚焦a标签的时候，在a标签的区域周围会有一个虚线的框，这个虚线框不同于border的是，它是不占有任何宽度的。当你取消焦点的时候，这个虚线框就会自然消失。你可以通过Firefox或者IE等几个版本看到。而Safari、Opera、Google浏览器等本身就不支持这个效果，所以看不到。 这个就是a标 阅读全文
摘要：
1、在html中生成滚动条，在IE上用鼠标按住滚动条进行左右拖动，然后松开鼠标，此时移动鼠标，滚动条还在继续滚动 原因：在IE上，鼠标按下，抬起，不会处理为mouseup事件，而是mousemove事件。 解决方案： 阅读全文
摘要：
div{ width: 300px; height: 300px; border: #000 solid 1px; margin: 50px auto; overflow: hidden; } div img{ cursor: pointer; transition: all 0.6s; } div 阅读全文
摘要：
1、本文所说的input type=file指的是type类型是file的input元素，最简HTML代码如下： <input type="file"> 2、原生file input大小、按钮文字等UI自定义，原生的file input不收待见的另外一个原因是：长的丑还不好控制。 有一种方法是这样的 阅读全文
摘要：
最近在做文件上传，第一次上传之后，再次上传同样的文件，不会做出相应的事件处理： 解决方案： 当你把input的文件取出之后，使用replaceWith覆盖掉以前的input，这样就做到了刷新input 阅读全文