随笔分类 -  前端框架

上一页 1 2
jq & vue & react 等等等
vue keep-alive的实现原理和缓存策略
摘要：使用 相似，`` 是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 当组件在 activated deactivated` 这两个生命周期钩子函数将会被对应执行。 原理 js / keep alive组件 / export default { name: 'keep ali 阅读全文
posted @ 2020-03-21 20:27 Ever-Lose 阅读(5843) 评论(0) 推荐(0)
记 vue 表单的一个性能问题
摘要：背景 产品反馈表单页太卡了，这是一个有意思的情况，让我看看。 如图所见，当在 input 输入数据的时候，连续输入会感觉明显的延迟。 那个项目最多情况下，表单数量达到千数。笔者在 demo 里简化实现，并把表单数量提升到 10000，把下面的代码粘贴运行一边就能得到卡顿效果。 前置知识梳理 众所周知 阅读全文
posted @ 2020-03-21 20:26 Ever-Lose 阅读(1740) 评论(0) 推荐(0)
react 生命周期
摘要：生命周期详见 "react v16.12 官网" 可以 "生命周期图谱" 作为速查表 挂载 当组件实例被创建并插入 DOM 中时，其生命周期调用顺序如下： constructor() static getDerivedStateFromProps() render() componentDidMou 阅读全文
posted @ 2020-03-18 18:51 Ever-Lose 阅读(236) 评论(0) 推荐(0)
React TS 组件 Demo
摘要：无状态组件 例子：点击查看大图 参数完全由父容器提供，样式如下 有状态组件 例子：按钮点击计数 支持从父容器传递样式更改。 使用 componentWillReceiveProps 是为了能把父组件的 value 同步给子组件。完整的组件数据传递就该是 父传子，触发子的 componentWillR 阅读全文
posted @ 2020-03-18 17:41 Ever-Lose 阅读(3882) 评论(1) 推荐(0)
react-redux 实现原理
摘要：摘自：https://juejin.im/post/5def4831e51d45584b585000?utm_source=gold_browser_extension redux 简单实现，一个简单的订阅发布机制。 react redux 若用 redux，一个组件如果想从store存取公用状态， 阅读全文
posted @ 2020-03-18 12:00 Ever-Lose 阅读(1194) 评论(0) 推荐(0)
react 仿 antd 风格的季度选择组件
摘要：产品也真是够了，周选择、月份选择、年份选择都是 antd 直接支持的，然而他现在要求要季度选择和半年份的选择。 那就来实现一个仿 antd 风格的季度选择组件吧，本文部分参照 "博客园 真的想不出来 模仿 Antd 写一个季度的时间选择器 V1.0" 我实现了复制可用的版本。 效果 功能： 一个纯组 阅读全文
posted @ 2020-03-18 11:53 Ever-Lose 阅读(2273) 评论(2) 推荐(0)

上一页 1 2