React原理
文章平均质量分 58
MGQDLY
这个作者很懒,什么都没留下…
展开
-
2021-06-15
1、仅展示,精确到分,时间格式:(1)如果下次跟进时间是今天,展示:今天 15:12;(2)如果是本周且非今天,展示:周三 15:12;(3)如果是本周之后,展示:2021/03/10 12:12;(4)如果当前时间已过设定的下次跟进时间,仍然按以上规则展示。2、本周内需要跟进的数据,跟进时间高亮。3、有值展示,无值展示–需要的支持:npm install fecha --save1/组件jsx:import fecha from 'fecha';import styles from原创 2021-06-15 19:28:33 · 280 阅读 · 0 评论 -
前端问题汇总
技术篇布局的三种模式响应式布局100%布局(弹性布局)等比缩放布局(rem)移动端布局适配设备的方案1像素问题原因:不同的设备,不同的设备像素比(dpr)导致的;通过media来媒体查询React:style-components解决方案可设置颜色、类型、粗细,有默认值,也可通过父组件来传递参数//定义import styled from 'styled-components'const border = StyledComp => { return styled(原创 2020-09-01 15:25:39 · 2035 阅读 · 0 评论 -
React初学及内部原理
React常见的问题一、React的渲染机制-------Reconciliation过程(协调)React采用的虚拟DOM(即VDOM),每次属性(props)和状态(state)发生变化的时候,render函数返回不同的元素树,React会检测当前返回的元素树和上次渲染的元素树之间的差异,然后针对差异的地方进行更新操作,最后渲染为真实的DOM,这就是整个Reconciliation过程,其核心就是进行新旧DOM树对比的diff算法。二、如何对渲染进行优化为了获取更好的性能,利用shouldCom原创 2020-08-27 22:51:20 · 277 阅读 · 0 评论