2017-11-17(TW实习)

问题一

情景描述: 使用antdesign的table样式,想要每一行之间都有一定的距离,在使用border是无法显示

矛盾点:想的是因为tr属于行级标签,是不可以应用border这个属性,只能像padding这样通过padding-right或者padding-left这样使用,margin是肯定用不了了,将tr的display属性修改为inline-block后,border以及margin样式是有了,但是antdesign原有的样式又被破坏了

解决方案:table中有两个不常见的属性

border-collapses 用于table样式border是否合并
border-spacing  用于table 中td和tr之间的距离

ACTION:经过实践发现

• 行级标签也是可以应用border属性的
• table中给tr应用display:block属性再maigin也是可行的
• 在antdesign下的table就得用border-left 和border-right给左右两边加上border

收获

• 之前在面试的时候总会被问到e.preventDefault()方法的作用,现在通过在代码中实际应用有理解更深了,用于组织节点默认事件的触发
• 项目实际应用中总会有

::this.handleSubmit

这样的代码去直接出发函数