胖蔡叨叨叨
你听我说

标签:react

前端虚拟列表的实现-胖蔡叨叨叨
React

前端虚拟列表的实现

阅读(232)评论(0)赞(0)

前言 在前端开发过程中,有时候会遇到一些不能使用分页来加载数据的情况,因此当我们需要渲染上十万条数据的时候,可能会造成渲染的卡顿,导致用户体验特别不好,那么对于这种情况我们该怎么去解决呢?这个时候就不得不提到虚拟列表 什么是虚拟列表  虚拟...

如何使用slatejs实现富文本编辑器-胖蔡叨叨叨
JavaScript

如何使用slatejs实现富文本编辑器

阅读(282)赞(1)

介绍 SlateJs是一个完全可定制的框架,用于构建富文本编辑器。它可让您构建丰富、直观的编辑器,例如Medium、Dropbox Paper或Google Docs中的编辑器——这些编辑器正在成为网络应用程序的筹码——而您的代码库不会陷入...

JavaScript

完美的兼容性好的前端文件下载方式探讨

阅读(171)赞(0)

在项目中,经常会遇到文件下载的需求。一开始,都是copy既有项目的下载方法,用于自己的项目。但是,渐渐发现,copy过来的方法,有时会出现这样那样的问题,而且不同的项目,用的方法又是不一样的,没有一个通用的方法。 故感觉自己在文件下载这块,...

JavaScript

探究React中setState的执行机制

阅读(176)赞(0)

相关的一些问题 setState 是同步还是异步的,为什么有时可以里见到更新的结果而有时又不行? 1 钩子函数和React合成事件中的 setState 假如有两个组件 javascript componentDidMount(){ con...

React中Hooks源码简单解析-胖蔡叨叨叨
JavaScript

React中Hooks源码简单解析

阅读(413)赞(0)

使用Hooks时的疑惑 Hooks的出现让我们对Function Component逐步拥有了对标 Class Component的特性,比如私有状态以及生命周期函数等。useState与useReducer这两个Hooks让我们可以在Fu...

React使用Ant Design Pro框架导致首屏加载缓慢问题-胖蔡叨叨叨
JavaScript

React使用Ant Design Pro框架导致首屏加载缓慢问题

阅读(573)赞(0)

存在问题 React项目中使用Ant Design pro框架,发现编译后前端应用的首屏加载过于缓慢,针对该问题,对改应用的生成包进行分析并优化,使其加载速度提升,用户体验更好。整个优化的思路过程如下。 1、网页登录后,首次刷新【存在路由】...

React Hooks 简单使用方法-胖蔡叨叨叨
JavaScript

React Hooks 简单使用方法

阅读(453)赞(0)

1. 前言 Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性React Hooks 要解决的问题是状态共享,是继 render-props 和 highe...

React

React 自定义ListView组件

阅读(2255)赞(0)

ListView组件实现 通过适配器的实现,适配器模式(Adapter Pattern)是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式,它结合了两个独立接口的功能。这种模式涉及到一个单一的类,该类负责加入独立的或不兼容的...

React

React应用中封装axios

阅读(1755)赞(0)

Axios简介 Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 特性 支持node端和浏览器端 支持拦截器等高级配置 使用Promise管理异步,告别传统callback方式 自动转换 JS...