2020年02月_kelly0721

原创页面性能优化

一、资源压缩与合并1.html压缩html代码压缩就是压缩这些在文本文件中有意义，但是在HTML中不显示的字符，包括空格，制表符，换行符等，还有一些其他意义的字符，如HTML注释也可以被压缩。如何进行html压缩：使用在线网站进行压缩(开发过程中一般不用)nodejs 提供了html-minifier工具后端模板引擎渲染压缩2.css代码压缩：css代码压缩简单来说就是无效代码...

2020-02-23 17:22:25 131

原创 CSS - 实现自适应分隔线的N种方法

1.伪元素+transform:translateX(-100%);// html<div class="title">我是分割线</div>// css.title{ position: relative; text-align: center; overflow: hidden; font-size: 14px; col...

2020-02-22 17:24:25 1044

原创 React - 事件系统

事件系统React 标准化了事件对象，因此在不同的浏览器中都会有相同的属性组件createClass后创建的是许多方法组成的对象。组件中使用的方法分为React自有的方法与用户定义的方法。其中React自有方法是组件生命周期中的方法，如：render、componentWillUpdate、componentDidMount等。用户自定义的方法可以起符合JS命名规范的方法就可以（最好使用驼...

2020-02-20 23:50:21 264

原创 React - 相关知识点

1、组件中get的使用（作为类的getter）ES6知识：class类也有自己的getter和setter，写法如下：Class Component { constructor() { super() this.name = '' } // name的getter get name() { ...

2020-02-17 12:01:25 519

原创 React - 生命周期 (三)

单个组件class testfirst extends Component { constructor() { super(); console.log('first-constructor'); } componentWillMount() { console.log('first-componentWillMount'); } componen...

2020-02-13 17:08:03 98

原创 React - 生命周期（二）

上一个写的是单个组件的生命周期，现在写一个，父子组件和兄弟组件之间生命周期的顺序一、组件生命周期的执行次数是什么样子只执行一次： constructor、componentWillMount、componentDidMount执行多次：render 、子组件的componentWillReceiveProps、componentWillUpdate、componentDidUpdat...

2020-02-13 17:06:37 103

原创 React - 生命周期（一）

先从来描述单个个体的生命周期挂载卸载过程1.1.constructor()1.2.componentWillMount()1.3.componentDidMount()1.4.componentWillUnmount ()更新过程2.1. componentWillReceiveProps (nextProps)2.2.shouldComponentUpdate(nextProp...

2020-02-13 16:31:05 185

原创 JS - e.preventDefault()与e.stopPropagation()

事件冒泡e.stopPropagation()阻止事件冒泡事件冒泡，就是字元素的onClick事件被触发时，会同时触发父元素的 onClick 事件一般来讲，click事件的顺序应该是p -> div -> body -> html -> document所以，以下代码的触发顺序是 children -> parent -> body如果 e.st...

2020-02-10 17:35:07 2226

在 Modal 组件中用了 Form 组件，发现第一次打开时 Switch 默认是false，选中 true 后，关闭 Modal 再次打开，Switch 显示 true，即使用了 form.resetFields() 和 Modal 的 destroyOnClose 还是无法重置为 false，后面发现经过 getFieldDecorator 包装的控件，表单控件会自动添加 value（或 ...

2020-02-07 23:09:40 1654

kelly0721的博客