- 博客(8)
- 收藏
- 关注
RSS订阅原创 小总结
function组件vsclass组件类型检查function组件和class组件都可以用PropTypes进行类型检查同样用于React.memo/React.forwardRef 创建的组件/*** class组件*/import PropTypes from 'prop-types';class Greeting extends React.Component { render() { return ( <h1>Hello, {this.p
2020-12-21 23:39:04
90
原创 划词高亮实现 （更新中）
划词高亮数据结构HighlightRangeclass HighlightRange { start: DomNode; // Range 开始的信息 end: DomNode; // Range 结束的信息 text: string; // 文本内容 id: string; // 唯一标识}DomNodeexport interface DomNode { $node: Node; // 节点 offset: number; // 节点
2020-12-07 23:26:51
408
4
转载 redux总结
connect使用connect([mapStateToProps], [mapDispatchToProps], [mergeProps], [options])示例connect(mapState,null)当不传递第二个参数(或为null)时，可以直接在当前组件的this.props.dispatch拿到dispatch方法function mapStateToProps(state) { return { todos: state.todos }}export default
2020-11-30 23:15:10
92
原创 antd中Menu onClick实现
API示例<Menu onClick={this.handleClick} selectedKeys={[current]} mode="horizontal"> <Menu.Item key="mail" icon={<MailOutlined />}> Navigation One </Menu.Item> <Menu.Item key="app" disabled icon={<AppstoreOutlined />
2020-11-23 23:42:10
6005
原创 eventloop
浏览器工作原理单线程的含义浏览器是multi-process，一个浏览器只有一个Browser Process，负责管理Tabs、协调其他process和Render process 存至 memory内的 Bitmap绘制到页面上的（pixel）：在 Chrome 中，一个Tab对应一个Render Process,Render Process是multi-thread，其中main thread负责页面渲染（GUI render engine）执行JS （JS engine）和event l
2020-11-09 23:56:35
675
原创 bmp文件格式
图片如图：正常16色BMP文件位图文件头typedef struct tagBITMAPFILEHEADER{ UINT16 bfType; //2Bytes，424D，必须为“BM”DWORD bfSize; //4Bytes，000000D6h，整个BMP文件的大小UINT16 bfReserved1; //2Bytes，0000h，保...
2019-11-20 17:21:41
117
原创 arguments对象
arguments.callee指向当前执行的函数。arguments.caller指向调用当前函数的函数。arguments.length指向传递给当前函数的参数数量。arguments[@@iterator]返回一个新的Array迭代器对象，该对象包含参数中每个索引的值。注意:现在在严格模式下，arguments对象已与过往不同。arguments[@@iterator]...
2019-10-28 18:10:53
111
原创 ul、ol、dl的区别
语义区别ul: 定义了一个无序列表li：定义列表中的项目ol: 定义了一个有序列表li: 定义列表中的项目dl: 定义了一个定义列表dt：定义了列表中的项目dl：描述了列表中的项目样式区别ul<p>无序列表：</p><ul> <li>雪碧</li> <li>可乐</li...
2019-10-10 12:10:02
1022
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人