HZC0217的博客

opacity和Alpha通道的区别

这是因为inline-block元素间有空格或是换行，空格符与’a’，‘b’，‘c’，'d’这些字符一样，本质上就是个字符，只不过因为空格是透明的看不见而已（但可以选中）。所以，只要让文字宽度为0，就可以解决inline-block元素间换行符间隙的问题。在CSS中如果想要将几个元素显示在同一行，其中的一种方法就是给要同行显示的元素设置display:inline-block属性。方法二：给父元素设置font-size: 0属性。方法一：干掉元素之间的空白符。

【代码】常见的loading样式。

box-shadow实现元素四周阴影

二次封装element-ui之MessageBox，解决由于MessageBox打开后按钮自动聚焦导致的按钮处于active状态问题，以及实现自定义MessageBox标题前的icon图标等需求。

方法参数返回值slice(start, end)start(必需) -起始位置； end(可选)-结束位置，若未指定，则默认截取到末尾返回 [start,end)之间的元素substring(start, end)start(必需) -起始位置；end(可选)-结束位置，若未指定，则默认截取到末尾返回 [start,end)之间的元素substr(start, length)start(必需)-起始位置；length(可选)-所截取的元素的个数，若未指定，则默认截...

组件实例的三大核心属性之三refs与事件处理字符串形式的ref（16版本）下面实现一个效果：点击按钮，提示第一个输入框中的内容；当第二个输入框失去焦点时，提示这个输入框中的内容回调形式的ref回调ref中调用次数的问题类绑定形式的refcreatRef的使用React中的事件处理非受控组件与受控组件非受控组件：受控组件：......

组件实例的三大核心属性之二propsprops的基本使用批量传递props先回顾一下ES6语法中的...扩展运算符对props进行限制props的简写方式类式组件中的构造器与props函数式组件使用props总结对props中的属性值进行类型限制和必要性限制：第一种方式（React v15.5开始已经弃用）：name:React.propTypes.string.isRequired第二种方式：引入prop-types库 name:propTypes.strin

定义组件的两种方式函数式组件执行了ReactDOM.render(<MyComponent/>,document.getElementById("test"))之后发生了什么？1.React解析组件标签，找到MyComponent组件2.发现组件是使用函数定义的，随后调用该函数，将返回的虚拟DOM转为真实DOM，随后呈现在页面中类式组件执行了ReactDOM.render(<MyComponent/>,document.getElementById("test")

React开发者工具链接：https://pan.baidu.com/s/17CAeevgaCQxOUwp0Mc3xDw 提取码：1031仅适用于Chrome浏览器插件的安装

Hello,React!虚拟DOM的两种创建方式使用jsx创建虚拟DOM使用js创建虚拟DOM通过以上对比可以发现随着虚拟DOM层级嵌套结构越复杂，原始js的写法也就越复杂，所以react引入jsx的写法就是希望更简单的创建虚拟DOM。而jsx的写法最终还是会经过babel翻译成浏览器可以理解的js写法，所以可以将jsx写法创建虚拟DOM看作是原始js写法创建虚拟DOM的语法糖（可以理解为一种简写形式，一种更便捷的方式）。jsx语法规则1.定义虚拟DOM时不要写引号2.标签中混入JS表