您好，如果喜欢我的文章，可以我的「量子前端」，将不定期推送前端好文~Concis是什么？首先，感谢大家的支持，让Concis突破了100star~也是有你们的不断支持，让博主在开源路上不断充能，持续前进。对于不熟悉这个项目的小伙伴们做个简单的介绍，Concis是一个基于React+TypeScript开发的一款轻量级组件库，全面拥抱React生态，支持React新特性(hooks/r
转载
2024-03-29 13:34:59
16阅读
1. React Lazyload当大多数开发人员想到懒加载时，他们通常想到图片。懒加载可以显著提高你的应用程序的性能。React Lazyload 库不仅在懒加载图片方面做的很好，而且在任何影响性能的方面也做的很好——例如，组件。这个库提供了许多选项来更改你的图片和组件的加载方式。这个库在 GitHub 上有 5K 个星星，是懒加载方面非常流行的一个选择。2. React ResponsiveR
转载
2024-05-28 10:22:25
24阅读
在之前的两篇FlyFish组件开发中，我们已经了解到了组件的构成和基本开发技巧，本次我们将详细讲解如果在飞鱼平台上使用React组件。组件导出首先要明确的一点是，目前的FlyFish是无法直接使用React的组件。需要如下图所示的办法，将ReactComponent来包裹实现组件导出 数据获取props.data 若为每次render自动重新计算data可直接从props.da
转载
2024-10-11 19:21:19
47阅读
一、事件监听添加事件监听window.addEventListener('scroll', this.handleListen)移除事件监听window.removeEventListener('scroll', this.handleListen)二、绑定的事件函数相关绑定是事件函数必须是同一个，如果不会同一个，会导致解绑失败。 一般会用到的事件函数类型有三种：命名函数、箭头函数、匿名函数这里重
转载
2024-09-11 14:52:19
323阅读
自 React 16 起，任何未被错误边界捕获的错误将会导致整个 React 组件树被卸载。对于开发已久且 Code Review 不是那么严格的庞大项目来说，在升级到 React 16 以后，可能会发现以前只偶尔在局部出现影响不大而未获得足够关注的异常，现在会时常导致整个应用垮掉。React 16 引入了错误边界（Error Boundaries）来解决这种情况。1 错误边界(Error Bou
/*
记住，需要联合vue去认识react，利用是区别及记忆
路由：
前端路由：hash history
后端路由：
React特性：一切皆为组件
使用react路由需要安装，跟vue一样
1、安装 cnpm install react-router-dom -S
关于服务端 401未登录的上报目前很多项目都对用户未登录信息做了日志收集，如果没有特殊的业务需求，我们可以过滤掉。if (err.response.status >= 400 && err.response.status < 500) {
// 如果是非401等 4xx code 则logger错误日志
if (IS_SERVER &a
转载
2024-07-15 13:54:44
160阅读
一、组件的属性(props)和状态(state)参考：https://www.jianshu.com/p/72f8c1da0b651. 属性（props）它是组件的不可变属性（组件自己不可以自己修改props）。 组件自身定义了一组props作为对外提供的接口，展示一个组件时只需要指定props作为节点的属性。 一般组件很少需要对外公开方法（例外：工具类的静态方法等），唯一的交互途径就是props
转载
2024-02-26 09:22:12
66阅读
【React入门必备知识篇04】--- React 原理解析一、React 原理（1） setState() 的说明1.1 更新数据1.2 推荐语法1.3 第二个参数（2）JSX 语法的转化过程（3）组件更新机制（4）组件性能优化4.1 减轻 state4.2 避免不必要的重新渲染4.2.1 案例：随机数4.3 纯组件4.3.1 实现原理（5）虚拟 DOM 和 Diff 算法二、总结 一、Rea
转载
2024-03-28 22:57:11
391阅读
前言 学习总结使用，博客如中有错误的地方，请指正。改系列文章主要记录了搭建一个管后台的步骤，主要实现的功能有：使用路由模拟登录、退出、以及切换不同的页面；使用redux实现面包屑；引入使用其他常用的组件，比如highchart、富文本等，后续会继续完善。 github地址：https://github.com/huangtao5921/react-antDesgin-admin （欢
Prometheus 最初是为监控后端服务而设计的，因此用它来观察 React 应用程序并不常见。本文中，我们将介绍如何使用 Prometheus 在应用程序架构中使用单个监控工具来监控 React 应用程序。监控Asserts UI在 Asserts，我们一直在对自己的产品进行处理，并用它来监控我们的后端服务。经过一番研究，我们发现可以帮助我们发布前端 Prometheus 指标的库已经存在。我
原创
2024-03-04 11:20:11
175阅读
一、需求一开始用的海康服务插件做的视频监控，但是后来需要付费了，于是不得不寻找新的解决方案。 需要实现的几个功能： 1、初始按顺序加载所有监控（默认） 2、窗口可选择，可手动控制监控点和监控窗口，同一窗口可切换监控画面 3、监控视频（摄像头）可控制方向、缩放 4、各监控窗口左上角显示当前摄像头的名称及位置信息 5、切换窗口规格（1x1,2x2,3x3等） 6、切换规格时，已有的监控画面不更新，直接
转载
2024-05-25 17:22:39
293阅读
最近做一个H5项目，数据交互量比较大，很多页面都是从后台拿过来数据做一个列表显示，这自然就遇到了滚动。刚开始我直接使用css做法，直接添加overflow: scroll;但在微信端用户滑动会直接将整个页面拖动，露出顶部的域名和底部的黑色背景。用户反映体验不好，要改……好吧，自己动手。但这并不是好改的，因为在React中都是构建的是虚拟DOM，直接操作DOM也会对性能有一定影响。这时候网上搜了一下
转载
2024-02-12 21:33:05
0阅读
dir () {dir=$1[ -d $dir ] || mkdir $dirnum=(`/usr/bin/du $dir -sk|awk '{print $1}'|sed 's/[A-Z]//'`)m=$(echo "scale=3;$num/1024"|bc|awk '{printf "%.3f", $0}')echo $m }dir $1
原创
2016-04-27 16:20:35
1777阅读
作 者丨冷波在企业级存储市场中，结构化数据的存储很快就会是SSD的天下，机械硬盘（HDD）会逐步退出；非结构化数据因为其巨大的容量，从成本的角度来看，会长时间存在。但不论怎么说，SSD代替HDD是趋势。生产HDD的厂家很少，就WD、希捷、HGST等，其中，HGST也是WD的子公司。看似他们垄断了市场，但他们的日子却不好过。因为HDD大势已去，在SSD领域，领先的却是Intel、三星等玩家。HDD越
一、引言 1px 究竟是多大？这应该是一道很不错的面试题。且看： 1、iphone6s 的分辨率是1920px * 1080px 2、iphone6s 全屏截图文件的尺寸是1242px * 2208px 3、iphone6s 的宽度是414px 4、iphone6s 不加 viewport 的情况下，window.innerWidth = 980px 5、iphone6s 加 view
转载
2024-09-23 16:18:10
27阅读
近期，因为JMS的消息堆积导致ApacheMQ频率故障（消息没有被消费掉，导致其数据库达到1.2G，JMS此时直接挂掉），很是郁闷！刚好自己在研究zabbix.既然zabbix如此强大，那么它可以监控我的这个目录大小吗？在网上找了很久之后，没有结果。 此时，想起了这前导入的其他模版，于是决定修改模版，改着改着又出问题！但是思路已经有了。于是有了本文。 有了需求，可以直接开
转载
2024-05-13 07:37:48
117阅读
监控Java对象回收的原理与实现 一．监控Java对象回收的目的 监控Java对象是否回收的目的是：为了实现内存泄露报警。 内存泄露是指程序中对象生命周期(点击查看详情)已经进入不可见阶段，但由于编码错误或系统原因，仍然存在着GC roots持有或间接持有该对象的引用，导致该对象的生命周期无法继续向下流转，也就无法释放的现象。简单的来说即是：已实例化的对象长期被持有且无法释放或不能按
# Redis 监控 Value 大小：一探 Redis 性能优化的奥秘
Redis 是一个广泛使用的键值数据库，以其高性能和灵活性而著称。然而，在实际应用中，监控 Redis 键的值（value）的大小是至关重要的，尤其是当你的应用在高负载下运行时。监控值的大小可以帮助我们优化性能、节省内存、并防止意外的内存溢出。在本文中，我们将探讨如何监控 Redis 的值大小，并提供代码示例和使用场景。
du [-abcDhHklmsSx] [-L <符号连接>][-X <文件>][--block-size][--exclude=<目录或文件>] [--max-depth=<目录层数>][--help][--version][目录或文件]常用参数：-a或-all 为每个指定文件显示磁盘使用情况，或者为目录中每个文件显示各自磁盘使用情况。-b或-byt
