加载中
rollup 打包 react 组件库

基本需求 打包react组件,满足支持 typescript、sass、声明文件、map文件、代码压缩 等基本需求。 项目详情见 github:https://github.com/zhl0791/rollup-react-library-template 需要用到的...

React 表单开发技术选型

无论使用哪个框架,表单的开发都是相对费力和复杂的工作。 React的表单技术,做了一番搜索,发现目前比较流行的库有: formik redux-form rc-field-form react-hook-form 本文重点介绍 form...

React Portals

Portal 提供了一种将子节点渲染到存在于父组件以外的 DOM 节点的优秀的方案。常见场景:对话框、悬浮卡以及提示框! 定义一个 模态框组件: import React, { useRef, useEffect, } from 'rea...

2020/12/05 15:10
178
Typescript的泛型

快速来写一个泛型吧。 先假设一个场景,服务端返回的数据,通常为类似 {code: number, data: any} 这样的结构,可以这样定义: interface My { code: number; data: T; } 则: const a: My<...

2020/12/02 16:09
110
redux最佳实践

redux最佳实践分成三个级别: 基本 状态对象应该不可变 如果状态值要发生变化,则reducer里面应该返回全新的状态对象。这也是redux为了提升性能,采用浅比较的策略的基本要求。 Reducers 不要...

造轮子:如何自己创造一个React库

从零开始构建一个react是很复杂的,但是借助现有的一些组件,快速实现react库的主要功能,则并不那么难。 我们构建的react库应当包含如下元素: JSX 函数组件 类组件 生命周期钩子函数 依赖的...

2020/10/06 11:50
666
使用useMemo和React.memo优化React组件的性能

使用 hooks 开发函数组件逐渐成为主流,甚至官方推荐未来新的项目都采用hooks,并且官方承诺,未来会对hooks进行不断的优化,不断提升hooks的性能和使用的便利性。 但是刚迁移到hooks的写法后...

2020/10/05 23:37
1.2K
批量导入csv格式数据到postgreSQL

创建数据库 需要用到postgreSQL自带的psql命令行工具,如图所示: 首先创建数据库: create database logs; -- 删除数据库: -- drop database logs; 创建数据表 创一个表,表结构应该可以完...

2020/03/02 09:12
3.9K
sql分组统计“group by”

GROUP BY 语句用于结合聚合函数,根据一个或多个列对结果集进行分组。 准备数据 先准备数据,数据如图所示: 按app字段分组 select fun(logs.id) as c, -- fun表示聚合函数 logs.app from pu...

2020/02/29 23:34
1K
sql按任意时间段分组统计

任意时间序列数据都可以按时间分组。 timestamp 为时间戳。 按每五分钟统计日志的数目 select floor(cast(logs.timestamp as int) / 60 / 5) as dt, count(logs.id) from ( select logs.id, ...

2020/02/28 18:33
2.6K
moment、dayjs、date-fns时间日期库比较

moment、dayjs、date-fns 是三个较为广泛使用的时间库。 安装 三个库的安装分别如下: npm install moment npm install dayjs npm install date-fns 在页面引入:...

2020/02/25 09:26
7.9K
Rust 入门

本人为windows系统,从rust的 下载页面 下载在线安装程序 rustup‑init.exe ,运行即可在线安装。需要注意的是,rust默认安装在 C:\Users<用户名>.cargo 路径下。 安装完毕后,命令行运行 ru...

2020/02/25 09:25
619
Dart 语言入门

Dart SDK 安装 Dart提供了三种安装方式,分别是使用 Chocolatey 包管理工具安装、在线安装、离线包安装,具体参看 安装教程 页面。 目前来看因为墙的缘故在线安装会失败,可以选择离线宝安装...

2020/02/24 17:03
295
python运行环境管理工具virtualenv

在开发Python应用程序的时候,各项目的第三方依赖版本通常都不同,依赖被pip默认安装在Python3的site-packages目录下。 如果A项目依赖 django 1.9,B项目依赖django2.0,则会出现依赖冲突。 ...

2020/02/24 16:25
184
使用Fiddler url映射代理进行移动端web开发

在移动端web开发过程中,经常遇到需要在已发布的app的webview中调试本地代码的情况。 使用Fiddler的AutoResponder特性即可解决该问题。 设置http代理 完成该任务需要执行三个步骤。 设置htt...

2020/02/24 16:22
1.4K
CSS变量

CSS 变量技术,其兼容性可点击如下链接查看: CSS Variable兼容性 具体用法 使用 -- 声明变量,使用 var() 函数获取变量。 :root{ --header-height: 70px; } body { --color: white; } .head...

2020/02/24 16:18
204
使用 charles 拦截并替换静态资源调试 webview

使用 charles 替换线上页面的静态资源请求,可以实时调试webview中的页面。 关于 android 抓包 自 Android 7.0 起,有一个名为“Network Security Configuration”的新安全功能。这个新功能的...

2020/02/24 16:14
2.5K
Echarts内存泄漏问题分析

内存泄漏的解决方案 组件销毁的时候释放资源:释放定时器、解除绑定的事件、释放图表实例 对于地图来说,攻击线属于无限循环的动画,基于 requestAnimationFrame 进行实现,若不主动进行释放...

2020/02/24 16:06
3.4K

没有更多内容

加载失败,请刷新页面

返回顶部
顶部