假想国

React forwardRef相关总结一句话概括：React 使用 forwardRef 完成 ref 的转发。一、React forwardRef 简介没有使用forwardRef时，父组件传入子组件ref属性，此时ref指向的是子组件本身。如下所示：class Child extends React.Component { render() { return ( <div> <button>点我</button>

实现鼠标和触屏拖拽g2柱状图翻页显示数据的功能背景在做看板项目时，视觉想要实现如下的柱状图效果需要做到几个交互点：一页只显示部分内容，支持翻页查看其它数据。右侧需要有个蒙层（或者按钮）提示用户还可以翻页，翻到底部或者数据只有一页时不显示遮罩。翻页的动作由鼠标拖拽或手指触摸触发。为了实现上述功能点，我们需要 g2 提供或自己手动实现以下相应的需求：能够分页展示数据能够监听鼠标和手指拖拽事件，控制页数变化，然后触发图表绘制当前页。能够获取到当前页码和总页数，判断是否显示遮罩和是否已翻

前言本文将介绍笔者在React的项目中使用百度的富文本编辑器Ueditor的过程。注意本文不提供一条龙式的使用方法，只是将使用过程中的一些实现思路进行总结，供以参考。react项目中导入ueditor，会存在各种不正交的问题，需要注意。引入首先在ueditor官网下载最新安装包，然后在项目入口的html中导入（导入方式不一，可以采用import的方式，需要自行度娘。但是无论哪种引入...

笔者在业务中碰到了需要下载示例和拖拽上传并实现进度条的功能，针对过程中遇到的问题，笔者进行了相应的总结。需求页面中增加下载示例按钮实现一块区域能够拖拽上传word文件，限制文件大小2MB和文件类型，能显示进度条，同时支持取消上传。文件下载业务中要求的是示例放在静态文件夹中，并不需要请求后台。针对这种场景，笔者将介绍三种方法，分别是window.open，form表单提交以及a标签下载...

更改原生样式chrome提供了良好的css接口，用于更改原生滚动条的样式，主要是下面两个：::-webkit-scrollbar //滚动条整体部分，可以设置宽度啥的::-webkit-scrollbar-thumb //滚动的滑块虽然基本实现了设计稿的样子，但这里会有两个问题无法实现：设计稿中要求滚动条距离右边边框有4px间距滚动条要悬浮于内容之上firefox：无接口，任性...

一、前言本文是笔者在看了 frontendmaster 的状态管理课程之后，对 mobx 进行的初步学习的总结。二、Mobx 简介mobx 是社区内使用的较为常见的一种状态管理库，mobx 官网称其通过透明的函数响应式编程(transparently applying functional reactive programming - TFRP)使得状态管理变得简单和可扩展mobx ...