E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
React性能优化
【Fabric.js】监听画布or元素的点击、选中、移动、添加、删除销毁、变形等各事件
例子就用vue项目组件里的代码,fabric的使用跟vue、
react
、angular之类的框架都没任何关系!并且本demo只对功能进行讲述,实际项目使用肯定要进行封装,别直接就照抄导致写的丑!
oumae-kumiko
·
2024-02-09 01:43
前端
fabric.js
javascript
javascript
fabric
前端
vue3跨组件(多组件)通信:事件总线【Event Bus】
★推荐方案:使用`events`npm库;可用范围:vue、
react
、angular等任何框架都可使用;且使用方式完全一致;本文仅介绍、讲解对web页面端项目的常用API;通过events实现事件总线功能
oumae-kumiko
·
2024-02-09 01:13
前端
javascript
vue
javascript
vue.js
前端
redux基础
Redux
react
-redux
React
-routerRedux1、基本用法:Redux中存在几个概念:state,action,dispatchstate:依旧是组件的内部的状态action:组件动作
华戈的小书
·
2024-02-09 01:14
Web课程学习笔记--JavaScript的
性能优化
-加载和执行
JavaScript的
性能优化
:加载和执行概述无论当前JavaScript代码是内嵌还是在外链文件中,页面的下载和渲染都必须停下来等待脚本执行完成。
北航程序员小C
·
2024-02-08 23:57
Web学习笔记
前端
学习
笔记
react
-rnd 实现拖拽移动。放大缩小功能
react
实现鼠标拖拽移动我们可以引入一个组件是
react
-rnd即通常的引用npmi
react
-rnd-S安装后引用就可以了import{Rnd}from'
react
-rnd'用的时候只需要在想要被拖动的内容外面套上标签就可以了如
不7而遇_
·
2024-02-08 23:05
Linux
性能优化
的全景指南,都在这一篇里了,建议收藏~
Linux
性能优化
性能优化
性能指标高并发和响应快对应着
性能优化
的两个核心指标:吞吐和延时应用负载角度:直接影响了产品终端的用户体验系统资源角度:资源使用率、饱和度等性能问题的本质就是系统资源已经到达瓶颈
开源Linux
·
2024-02-08 23:48
linux
性能优化
服务器
运维
java
Linux
性能优化
全景指南
大家好我是坤哥之前一些朋友觉得奇怪,说你主要做Java的,公号怎么时不时地也推送一些Linux文章,其实不管你是哪个xx语言的工程师,要想进阶,Linux
性能优化
是必备知识,举个例子,比如Java中的线程其实对应的是
公众号:码海
·
2024-02-08 23:48
内核
操作系统
linux
java
面试
linux
性能优化
——关于NUMA的配置
检查NUMA配置numa是为了应对多处理器系统共享同一个总线导致的总线负载过大问题。本质上将M个处理器分为N组,每组处理器之间用IMCBUS总线进行连接,每一组叫做一个Node,其结构类似于一个小的UMA(UniformMemoryAccess),每个Node中有一个集成的内存控制器IMC,IntergratedMemoryController。组内CPU用IMCBUS总线连接,Node之间用QP
大隐隐于野
·
2024-02-08 23:48
#
线程模型
网络
linux
服务器
Linux
性能优化
知识点总结大全 · 实践+收藏版
Part1Linux
性能优化
1
性能优化
性能指标高并发和响应快对应着
性能优化
的两个核心指标:吞吐和延时图片来自:www.ctq6.cn应用负载角度:直接影响了产品终端的用户体验系统资源角度:资源使用率、饱和度等性能问题的本质就是系统资源已经到达瓶颈
开源Linux
·
2024-02-08 23:47
linux
java
操作系统
cpu
面试
Linux
性能优化
全景指南
原文:http://33h.co/kyq4zPart1Linux
性能优化
1
性能优化
性能指标高并发和响应快对应着
性能优化
的两个核心指标:吞吐和延时图片来自:www.ctq6.cn应用负载角度:直接影响了产品终端的用户体验系统资源角度
极客重生
·
2024-02-08 23:16
linux
面试
java
操作系统
办公软件
「干货」Linux
性能优化
全景指南
Part1Linux
性能优化
1、
性能优化
性能指标高并发和响应快对应着
性能优化
的两个核心指标:吞吐和延时应用负载角度:直接影响了产品终端的用户体验系统资源角度:资源使用率、饱和度等性能问题的本质就是系统资源已经到达瓶颈
简说Linux内核
·
2024-02-08 23:16
linux
运维
服务器
嵌入式开发
Linux内核
react
项目如何修改默认3000端口号
最近在学
react
,发现项目默认设置的端口号是3000,那要怎么修改默认的端口号呢?
啥啥啥娜娜
·
2024-02-08 22:28
实现简单render函数
什么是VirtualDom
React
和Vue2都使用了VirtualDom技术,VirtualDom并不是真正意义上的Dom,而是一个轻量级的JavaScript对象,在状态发生变化时,VirtualDom
初晨的风儿
·
2024-02-08 22:58
Redis缓存设计与
性能优化
1.缓存设计在使用Redis场景中,最常见的问题就是缓存雪崩、缓存穿透和缓存击穿,后果都是由于各种情况导致大量请求直接访问DB,使得DB压力巨增,从而DB服务瘫痪,导致整体服务有问题。(参见新浪微博明星、大V的推送)1.1缓存雪崩缓存雪崩指的是大批量缓存在同一时间失效或者是缓存层支撑不住宕机,导致流量直接涌入数据库中,会造成数据库压力过大甚至挂掉。1.1.1解决方案把每个key的失效时间都加个随机
逍遥白亦
·
2024-02-08 22:16
用
React
实现基于Canvas的涂鸦画板
canvasContext的strokeStyle更改画笔颜色;3、利用canvasContext的lineWidth更改画笔宽度;一、支持的功能:1、调整画笔的颜色;2、调整画笔的宽度;二、效果图:三、
React
Groople
·
2024-02-08 22:45
JavaScript
react.js
javascript
canvas
jsx
画板
Mysql-
性能优化
-数据库优化
慢查询日志一般来说数据库的性能问题很多时候就是由慢SQL造成的。我们可以开启慢查询日志,通过下面的参数就进行配置。但是需要注意点是开启慢查询日志会对系统性能有一定的影响,可以考虑打开其中一台从服务器的慢查询日志,这样既可以监控慢查询,对系统性能影响又小。#查看是否开启慢查询日志showvariableslike'%slow_query%';#设置多少秒认为是慢查询showvariableslike
njnu@liyong
·
2024-02-08 22:40
数据库
数据库
mysql
性能优化
Mysql-
性能优化
-常见优化手段
索引优化表记录很少不需创建索引:索引是要有存储的开销一个表的索引个数不能过多:(1)空间:浪费空间。每个索引都是一个索引树,占据大量的磁盘空间。(2)时间:更新(插入/Delete/Update)变慢。需要更新所有的索引树。太多的索引也会增加优化器的选择时间。所以索引虽然能够提高查询效率,索引并不是越多越好,应该只为需要的列创建索引。频繁更新的字段不建议作为索引:频繁更新的字段引发频繁的页分裂和页
njnu@liyong
·
2024-02-08 22:39
数据库
mysql
性能优化
数据库
2019-02-22
react
-native echarts android 打包 不显示
https://blog.csdn.net/fivestar2009/article/details/83750062今天对echarts进行打包,遇到几个问题1)怎么打包apk,都是unsingle模式,而且安装失败原因是buildTypes中没有加signingConfigsigningConfigs.release2)安装后居然echarts不显示,但是在模拟器中是显示的,也是从网上找的2.
Mylovesunshine
·
2024-02-08 22:31
oss对象存储(图片上传) +
react
-antd文件上传
前端:主要依赖:yarnaddantd-img-crop--save(其实就是一个图片裁剪的依赖不需要图片裁剪可以不用)import
React
,{Component}from"
react
";importLayoutfrom"antd
看不起的笨小孩
·
2024-02-08 22:32
react.js
javascript
前端
vue.config.js和webpack.config.js区别
webpack.config.js和vue.config.js的区别webpack.config.js是webpack的配置文件,所有使用webpack作为打包工具的项目都可以使用,vue的项目可以使用,
react
波波仔86
·
2024-02-08 20:27
vue
vue.config.js
webpack.js
区别
webpack.config.js和vue.config.js的区别
webpack.config.js是webpack的配置文件,所有使用webpack作为打包工具的项目都可以使用,vue的项目可以使用,
react
的项目也可以使用。
武当王也拜见老天师
·
2024-02-08 20:27
vue
webpack
vue.js
React
Native热更新-CodePush(iOS配置)
npminstall-gcode-push-cli输入code-push-v查看版本1.2:创建一个CodePush账号在终端输入code-pushregister1.3:iOS环境配置在RN项目中安装
react
-native-code-push
临川慕容吹雪
·
2024-02-08 20:58
猫头虎分享已解决Bug || Warning: Can‘t call setState (or forceUpdate) on an unmounted component in
React
博主猫头虎的技术世界欢迎来到猫头虎的博客—探索技术的无限可能!专栏链接:精选专栏:《面试题大全》—面试准备的宝典!《IDEA开发秘籍》—提升你的IDEA技能!《100天精通鸿蒙》—从Web/安卓到鸿蒙大师!《100天精通Golang(基础入门篇)》—踏入Go语言世界的第一步!《100天精通Go语言(精品VIP版)》—踏入Go语言世界的第二步!领域矩阵:猫头虎技术领域矩阵:深入探索各技术领域,发现知
猫头虎-前端技术
·
2024-02-08 19:08
已解决Bug专栏
React
bug
react.js
前端
typescript
ubuntu
javascript
前端框架
useEffect和useLayoutEffect的区别
react
hook面世已经有一段时间了,相信很多人都已经在代码中用上了hooks。而对于useEffect和useLayoutEffect,我们使用的最多的应该就是useEffect。
TurnHug
·
2024-02-08 19:25
vue3 vant 高德地图选择位置
实现位置的搜索,地图任意选点,获取经纬度及位置信息;第一步:安装@amap/amap-jsapi-loader插件:npmi@amap/amap-jsapi-loader--save;第二步:搜索import{
react
ive
web老张头
·
2024-02-08 18:55
vue
web前端
前端
javascript
高德地图
vue.js
手机的发展史
这是比较普通的智能手机1973年4月3日马丁•库帕老先生发明了第一台手机而他就长这个样子这个老头就是手机之父啦手机的发展是以G来衡量的,现实只可以通话的一G,在是
性能优化
的2G再然后就是我们熟悉的流量了鸭
小丸子是香吹
·
2024-02-08 17:22
vue3 配置自动导入API和组件
.vue3自动导入2.API的自动引入(尤雨溪推荐神器)3.组件的自动引入(尤雨溪推荐神器)2.API的自动引入(尤雨溪推荐神器)Ⅰ、使用前后对比使用插件前:import{ref}from"@vue/
react
ivity
野生切图仔
·
2024-02-08 17:14
VUE3
必备
vue.js
前端
vue3:25—其他API
目录1、shallowRef和shallow
React
ive2、readonly与shallowReadonlyreadonlyshallowReadonly3、toRaw和markRawtoRawmarkRaw4
有蝉
·
2024-02-08 17:11
vue3
javascript
开发语言
ecmascript
Why
React
Doesn‘t Need jQuery?
arevolutionlibrary–一个革命性的库greatlysimplifiedtaskssuchas…–极大的简化了…任务DOMmanipulation–DOM操作eventhandling–事件处理animationcreation–动画创建Ajaxrequest–Ajax请求withtheriseofmodernfrontframeworks–随着现代前端框架的兴起theneccess
进击切图仔
·
2024-02-08 17:03
react.js
jquery
前端
Ant Design Vue上传多个图片
模板代码:定义变量:文件限制的函数:上传的函数:样式函数:完整代码:上传图片tab:tab1:确定取消import{defineComponent,
react
ive,toRefs,watch,nextTick
ᥬ 小月亮
·
2024-02-08 16:59
UI框架
vue.js
前端
javascript
“==”与“===”之间的区别
记录一下最近在
react
的项目中遇到的问题:参数current为number类型,图一和图二判断条件的结果均为true,图三为false;结论:“==”在不同类型进行比较的时候先自动转换成同一类型的值再进行比较
Phoebe_w
·
2024-02-08 16:18
《Git 简易速速上手小册》第7章:处理大型项目(2024 最新版)
LFS)7.1.1基础知识讲解7.1.2重点案例:在Python项目中使用GitLFS管理数据集7.1.3拓展案例1:使用GitLFS管理大型静态资源7.1.4拓展案例2:优化现有项目中的大文件管理7.2
性能优化
技巧
江帅帅
·
2024-02-08 16:53
《Git
简易速速上手小册》
git
数据分析
python
数据挖掘
人工智能
github
gitlab
#Vue3:shallowRef--shallow
React
ive--readonly--shaloowReadonly--toRow--markRow--customRef--Teleport--传
shallowRef----一层这整体修改性能更高浅层次的.value一层可以后面的层次就不行了shallow
React
ive–关注第一层绕开深度响应。
前端xiaolibao
·
2024-02-08 16:39
Vue3篇
vue.js
前端
react
antd-mobile ActionSheet+tag实现多选
实现效果如下在手机下方弹出弹窗选择月份点确定后再次点击申请月份,之前已选的月份会自动选上全部功能描述:1、点击输入框,自动弹出选择弹窗(使用actionsheet,这部分不过多阐释)2、弹窗可多选的内容由后台接口传入(或自己写数据,看需求)3、灰色部分为后台返回的不可选择的标签,不允许用户点击选择(disabled)4、选择一个或多个标签后,点击确定,保存选择的标签,并在输入框中显示选择的内容。倘
YING-FINE
·
2024-02-08 15:47
react
react
前端
React
JS+antd+select标签组件(可单选,多选,可将输入项作为选项)
MySelectTag代码块如下:import
React
,{useState}from'
react
';import{Select}from'antd';/***@paraminitialValue默认值
流砂飞雪
·
2024-02-08 15:17
react
antd
reactjs
使用
react
18 + antd (v5.3.0) 如何设置用户管理? 后续部分
antd专门为
react
定制的中后台组件库,提供了大量的组件供开发者使用,官网地址点击跳转在中后台中,用户管理是必不可少的。外部用户和内部用户的管理,都涉及到用户、角色和权限的管理。
前端布道人
·
2024-02-08 15:16
前端杂货铺
react.js
前端
javascript
react
+antd 制作Checkbox+Tag联动标签
实现效果:父组件:importGameTabAllfrom'./GameTabAll';constonSelect=(arr)=>{console.log('onSelect='+arr);onSelectTags(arr);};//taglist:所有标签列表//tagid:默认选中标签//onSelect:乘接子组件修改后返回值子组件1,创建一个div,包含两层div,一层为展示选中tag标签
前端梳理记录
·
2024-02-08 15:16
react
react.js
javascript
前端
react
+antd+CheckableTag实现Tag标签单选或多选功能
1、效果如下图实现tag标签单选或多选功能2、环境准备1、
react
182、antd4+3、功能实现原理:封装一个受控组件,接受父组件的参数,数据发现变化后,回传给父组件1、首先,引入CheckableTag
小浣熊喜欢揍臭臭
·
2024-02-08 15:46
React
Antd
react.js
前端
前端框架
redis特点
1、IO模型维度的特征IO模型使用了多路复用器,在linux系统中使用的是EPOLL类似netty的BOSS,WORKER使用一个EventLoopGroup(threads=1)单线程的
React
or
xmh-sxh-1314
·
2024-02-08 15:42
redis
海量数据展示(二)-
性能优化
背景 之前做的海量数据数据展示,在预处理速度和在线渲染上还有有所欠缺,本文中进行一些优化工作,使得九分钟处理完一千多万面数据的3-12级矢量切片,在线浏览数据请求时间控制在10s左右。准备 软件环境:PostGIS(3.0.0rc2r17909)和PostgreSQL(12.0,compiledbyVisualC++build1914,64-bit),数据是微软开源的部分房屋数据pub
polong
·
2024-02-08 14:44
看完这篇文章,Nginx 拿下!
0什么是NginxNginx(“enginex”)是一个高性能的HTTP和反向代理服务器,特点是占有内存少,并发能力强,在同类型的网页服务器中表现较好,Nginx专为
性能优化
而开发,性能是其最重要的考量
JavaJasper
·
2024-02-08 14:42
nginx
github
运维
java
后端
《Django+
React
前后端分离项目开发实战:爱计划》 01 项目整体概述
01Introduction《Django+
React
前后端分离项目开发实战:爱计划》01项目整体概述WelcometoBeginningDjangoAPIwih
React
!
Python私教
·
2024-02-08 12:08
Django
React
django
react.js
python
react
使用hook实现一个ActionSheet(下拉弹窗选择)
目录
react
使用hook实现一个ActionSheet(下拉弹窗选择)ActionSheet使用组件效果(有个问题,就是关闭的时候没有动画,有没有大佬帮忙优化下)
react
使用hook实现一个ActionSheet
小小亮01
·
2024-02-08 12:00
react组件
reactjs
【
React
工作记录七十八】
React
+hook+ts+ant design封装一个table的组件
前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷微信公众号前端小歌谣需求分析在前端项目中最常见的就是封装一个table的一个功能功能思维初始化版本(基础样式和分页){...resetProps}onChange={onTableChange}
前端大歌谣
·
2024-02-08 12:28
前端总结
前端项目工作实战
react.js
前端
javascript
react
中hook封装一个table组件
目录
react
中hook封装一个table组件依赖CommonTable/index.tsx使用组件效果
react
中hook封装一个table组件依赖cnpmi
react
-resizable--savecnpmiahookscnpmi
小小亮01
·
2024-02-08 12:57
react组件
react.js
javascript
前端
vue3.0 watch函数案例
Demo}}Demo代码:当前求和为:{{sum}}点我+1当前的信息为:{{msg}}修改信息姓名:{{person.name}}年龄:{{person.age}}修改姓名增长年龄import{ref,
react
ive
前端程序员路易
·
2024-02-08 12:20
vue
vue.js
前端
Watch 在 vue 3 中使用说明
constnums=ref(9)watch(nums,(newValue,oldValue)=>{console.log('watch已触发',newValue)})二、监听复杂类型constdemo=
react
ive
刺客-Andy
·
2024-02-08 12:20
vue3
vue.js
前端
javascript
vue
vue3中 watch、watchEffect区别
watchEffect都会执行(忽略watch第三个参数的配置,如果修改配置项也可以实现立即执行)2、watch需要传递监听的对象,watchEffect不需要3、watch只能监听响应式数据:ref定义的属性和
react
ive
默默无闻的小人物
·
2024-02-08 11:37
性能优化
技巧:外键序号化
一、问题背景与适用场景在《
性能优化
技巧:部分预关联》一文中,我们介绍了将维表内存化并预关联的技术,但事实表与维表关联时,仍需进行hash计算和比对,怎么提高这一步的性能呢?
小黄鸭呀
·
2024-02-08 11:17
react
-native-vector-icons的使用
1.安装三方包yarnadd
react
-native-vector-icons或npminstall
react
-native-vector-icons--save2.自动link
react
-nativelink
react
-native-vector-iconsios
marlti7
·
2024-02-08 10:42
上一页
19
20
21
22
23
24
25
26
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他