React小记第22页

Netty代码示例及Reactor主从多线程模型

Netty通讯示例Netty的maven依赖：io.nettynetty-all4.1.35.Final服务端代码：publicclassNettyServer{publicstaticvoidmain(String[]args)throwsException{//创建两个线程组bossGroup和workerGroup,含有的子线程NioEventLoop的个数默认为cpu核数的两倍//boss

Super_Javaer_Chen·2024-02-09 02:38

Netty（1）线程模型

前言对于Netty框架的学习前置知识点：线程模型目录线程模型概述传统阻塞IO线程模型Reactor基本思想单Reactor单线程单Reactor多线程主从Reactor多线程总结线程模型概述在学习Netty

有机后浪·2024-02-09 02:37

Netty Reactor模型之主从多线程模型】

1.前言通过上节的分析，我们知道单Reactor多线程模型它的性能瓶颈在于单个Reactor，本节主要讲解如何优化单个Reactor带来的性能瓶颈问题。

蛋炒喜红柿·2024-02-09 02:07

近期感悟小记（二）

发现今年写的很多小短文都是这种形式，分享自己近来的启发和感悟，我想一是作为自己的成长记录，让自己在认知和思维方式上的进化过程留下痕迹；二是这样写文章特别自然，因为都来自自己的真实感受和思考；另外非常重要的是，兴许也能给阅读文章的你，带来一点点思考和启发呢。没有边界，等于撕裂这是某天在对自己进行反思的时候，忽然出现在脑海中的话。我常常反思自己，怎么样能够专注于某一个领域，而不是像现在这样，兴趣爱好特

阿轩的未来简史·2024-02-09 02:03

6月修身启智小记（十七）

2021年6月17日咸阳渭城区天气小雨空气质量优环境温度18～23摄氏度，地质灾害黄色预警，西风微风。睡眠质量良好，睡眠时长4小时28分钟。睡的不多，只因为睡前想写篇故事。尽管情节，主旨什么的，都没有，只是脑海里随意的思路，但是不写出来就永远没有下一步了。万事开头难，有一才能有二，看看我写到第几章烂尾，会不会写个一百章完结。《大梦初醒～新生》每天从学习～工作～生活中选取最重要的三件事，去执行。1、

超潜翔Sutron叔超·2024-02-09 01:27

【Fabric.js】监听画布or元素的点击、选中、移动、添加、删除销毁、变形等各事件

例子就用vue项目组件里的代码，fabric的使用跟vue、react、angular之类的框架都没任何关系！并且本demo只对功能进行讲述，实际项目使用肯定要进行封装，别直接就照抄导致写的丑！

oumae-kumiko·2024-02-09 01:43

vue3跨组件(多组件)通信：事件总线【Event Bus】

oumae-kumiko·2024-02-09 01:13

初秋小记

图片发自App图片发自App一转眼，已到秋天。可能是天气的原因，最近又开始失眠，失眠质量极差，我经常会在凌晨3点左右惊醒，然后就久久不能入睡。中午也睡不着，我知道是心里装着事。去年的今天，我还在跟前夫打离婚官司，官司之后，大病了一场。生病那段时间是最痛苦的。一直流冷汗，人非常虚弱，走几步就喘得不行。心里跟生理上的痛，让我差一点就恢复不回来。现在我留下了病根，一疲劳就人要垮掉。

孤寡老阿姨·2024-02-09 01:29

redux基础

Reduxreact-reduxReact-routerRedux1、基本用法：Redux中存在几个概念：state,action,dispatchstate:依旧是组件的内部的状态action:组件动作

华戈的小书·2024-02-09 01:14

无题:此时小记

我为什么要去思考这样的坚持到底有何意义？因为我的坚持并没有什么意义，我的坚持也不需要什么意义，坚持就够了。说坚持毫无意义的，那不防看看自己坚持的意义是什么，若是像我这样坚持的意义就是为了保持一个良好的习惯，就是为了让自每天有事可做，为了让自己的生活不再那么的死板，枯燥与乏味。

諦羽沐楓·2024-02-09 00:52

拾柒小记//记我兵荒马乱的高三生活

天边翻起了鱼肚白，而闹钟也像掐了点似的响起。于是，我被烦人的闹钟吵醒，但是周公硬是把我拉住，不忍心让我起床。于是乎，我便成全了周公的乞求，再睡几分钟罢，但是烦人的闹钟再次响起。这次周公没有挽留，只好起了床。洗漱之后，拖着疲惫不堪的躯壳来到了学校。看着饱尽沧桑的校门，心中不禁沉思，我还有几次再穿着校服光明正大的走进校门。仔细算了一下，也不过二十来天。图片发自App正沉思着，牺牲呵斥声传进了我的耳朵。

阿拉斯加_d6a7·2024-02-08 23:45

班级小记

中午，正在电脑前忙碌，电话突然响了。“你真的要好好批评一下你班上的孩子，扫地不扫，居然把劳动工具放在地上，躺在地上聊天！”顿时怒火中烧，这帮孩子！说了多少次了，这点事都做不好！真是越来越懒了！“好，我这就下来。”我的鞭子呢？哦，压根没有鞭子，嗯，桌子上有个接力棒，啊，还是算了。下楼的路上，一路都在盘算着该怎么惩罚一下他们，一定要让他们一排排给我站好。先狠狠训斥一番，尤其是队长，怎么带的头？然后扫不

逆旅yun·2024-02-08 23:39

react-rnd 实现拖拽移动。放大缩小功能

react实现鼠标拖拽移动我们可以引入一个组件是react-rnd即通常的引用npmireact-rnd-S安装后引用就可以了import{Rnd}from'react-rnd'用的时候只需要在想要被拖动的内容外面套上标签就可以了如

不7而遇_·2024-02-08 23:05

react项目如何修改默认3000端口号

最近在学react，发现项目默认设置的端口号是3000，那要怎么修改默认的端口号呢？

啥啥啥娜娜·2024-02-08 22:28

实现简单render函数

什么是VirtualDomReact和Vue2都使用了VirtualDom技术，VirtualDom并不是真正意义上的Dom，而是一个轻量级的JavaScript对象，在状态发生变化时，VirtualDom

初晨的风儿·2024-02-08 22:58

用React实现基于Canvas的涂鸦画板

canvasContext的strokeStyle更改画笔颜色；3、利用canvasContext的lineWidth更改画笔宽度；一、支持的功能：1、调整画笔的颜色；2、调整画笔的宽度；二、效果图：三、React

Groople·2024-02-08 22:45

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（其实就是一个图片裁剪的依赖不需要图片裁剪可以不用）importReact,{Component}from"react";importLayoutfrom"antd

看不起的笨小孩·2024-02-08 22:32

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

webpack.config.js和vue.config.js的区别

webpack.config.js是webpack的配置文件，所有使用webpack作为打包工具的项目都可以使用，vue的项目可以使用，react的项目也可以使用。

武当王也拜见老天师·2024-02-08 20:27

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

useEffect和useLayoutEffect的区别

reacthook面世已经有一段时间了，相信很多人都已经在代码中用上了hooks。而对于useEffect和useLayoutEffect，我们使用的最多的应该就是useEffect。

TurnHug·2024-02-08 19:25

沟通小记｜可怕的两岁？早教课堂的小情绪

图文｜Miko是凉茶麻麻01自我介绍教师节这天的早教课，依照惯例是先进行自我介绍。老师与孩子们及家长们沿着地板上的一个四边形席地而坐，老师跟大家打过招呼后，开始邀请小朋友来到她的身边做自我介绍。率先走到老师身边的是一位两岁半的女孩子，这位小女孩自我介绍完毕回到位置后，其他小朋友都没有动静。麻麻征求茶茶的意见：“你要不要到老师那边做自我介绍？”茶茶向前走了几步停了下来。于是麻麻提议陪同她一起过去，姐

小茶细语·2024-02-08 19:27

vue3 vant 高德地图选择位置

实现位置的搜索，地图任意选点，获取经纬度及位置信息；第一步：安装@amap/amap-jsapi-loader插件：npmi@amap/amap-jsapi-loader--save;第二步：搜索import{reactive

web老张头·2024-02-08 18:55

你该如何参加基层公务员面试 ——当评委小记

十年时间从考生到评委，看到了很多以前没有注意的地方。特此记录。或许可以对参加基层公务员面试的亲们提个醒。2018年末参加基层遴选面试，担当评委。考生共四组，我所在的三组共19名考生，其中4名男生，15名女生。得分90分以上的共4人，2男2女。一、着装与行为1.得分90分以上的4人都衣着整洁得体。得体的衣服是对人对己的一种尊重。没有人有义务透过你的油腻看出你的实力。2.着装必须要和应聘岗位相适应。像

ms李雨芯·2024-02-08 18:44

小记｜枣下酒

图片发自App水浒未曾多读，对它的了解，也只是限于初高中的语文课本和一些周边读物。其中印象最深刻一个故事是智取生辰纲，大致情节依稀记得，而记得最清楚的一句话却是吴用七人给杨志等人舀酒送枣时说的：“就送这几个枣子与你们过酒。”一直在想用枣子下酒是什么滋味，用的什么枣子喝的什么酒，书里也没细表。枣子是干枣冬枣还是青枣？酒只道是白酒，这白酒又是什么白酒三伏天里用海碗盛了喝还能解渴？想必不是如今的白酒了，

魏庸·2024-02-08 17:50

vue3 配置自动导入API和组件

.vue3自动导入2.API的自动引入（尤雨溪推荐神器）3.组件的自动引入（尤雨溪推荐神器）2.API的自动引入（尤雨溪推荐神器）Ⅰ、使用前后对比使用插件前：import{ref}from"@vue/reactivity

野生切图仔·2024-02-08 17:14

vue3：25—其他API

目录1、shallowRef和shallowReactive2、readonly与shallowReadonlyreadonlyshallowReadonly3、toRaw和markRawtoRawmarkRaw4

有蝉·2024-02-08 17:11

Why React Doesn‘t Need jQuery?

arevolutionlibrary–一个革命性的库greatlysimplifiedtaskssuchas…–极大的简化了…任务DOMmanipulation–DOM操作eventhandling–事件处理animationcreation–动画创建Ajaxrequest–Ajax请求withtheriseofmodernfrontframeworks–随着现代前端框架的兴起theneccess

进击切图仔·2024-02-08 17:03

Ant Design Vue上传多个图片

模板代码：定义变量：文件限制的函数：上传的函数：样式函数：完整代码：上传图片tab：tab1：确定取消import{defineComponent,reactive,toRefs,watch,nextTick

ᥬ 小月亮·2024-02-08 16:59

“==”与“===”之间的区别

记录一下最近在react的项目中遇到的问题：参数current为number类型，图一和图二判断条件的结果均为true，图三为false；结论：“==”在不同类型进行比较的时候先自动转换成同一类型的值再进行比较

Phoebe_w·2024-02-08 16:18

#Vue3：shallowRef--shallowReactive--readonly--shaloowReadonly--toRow--markRow--customRef--Teleport--传

shallowRef----一层这整体修改性能更高浅层次的.value一层可以后面的层次就不行了shallowReactive–关注第一层绕开深度响应。

前端xiaolibao·2024-02-08 16:39

react antd-mobile ActionSheet+tag实现多选

实现效果如下在手机下方弹出弹窗选择月份点确定后再次点击申请月份，之前已选的月份会自动选上全部功能描述：1、点击输入框，自动弹出选择弹窗（使用actionsheet，这部分不过多阐释）2、弹窗可多选的内容由后台接口传入（或自己写数据，看需求）3、灰色部分为后台返回的不可选择的标签，不允许用户点击选择（disabled）4、选择一个或多个标签后，点击确定，保存选择的标签，并在输入框中显示选择的内容。倘

YING-FINE·2024-02-08 15:47

ReactJS+antd+select标签组件（可单选，多选，可将输入项作为选项）

MySelectTag代码块如下：importReact,{useState}from'react';import{Select}from'antd';/***@paraminitialValue默认值

流砂飞雪·2024-02-08 15:17

使用react 18 + antd (v5.3.0) 如何设置用户管理？后续部分

antd专门为react定制的中后台组件库，提供了大量的组件供开发者使用，官网地址点击跳转在中后台中，用户管理是必不可少的。外部用户和内部用户的管理，都涉及到用户、角色和权限的管理。

前端布道人·2024-02-08 15:16

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+antd+CheckableTag实现Tag标签单选或多选功能

1、效果如下图实现tag标签单选或多选功能2、环境准备1、react182、antd4+3、功能实现原理:封装一个受控组件，接受父组件的参数，数据发现变化后，回传给父组件1、首先，引入CheckableTag

小浣熊喜欢揍臭臭·2024-02-08 15:46

redis特点

1、IO模型维度的特征IO模型使用了多路复用器，在linux系统中使用的是EPOLL类似netty的BOSS,WORKER使用一个EventLoopGroup(threads=1)单线程的Reactor

xmh-sxh-1314·2024-02-08 15:42

180725 今天关键词：投资晨间小记第547天

我们每个人每天都在做着各种投资。以前一直觉得，投资是一个金融词汇，但现在仔细想来，它何尝不是一个自我成长的词汇？首先，想要成长和进步，我们每时每刻都要对自我投资。生命是父母给的，但在拥有这个健康的皮囊之后，我们是否给它注入价值？我们是否向这只有一次的生命里投资过有价值，有意义的体验、知识和技能。我们投资过自己，自己才能在某一关键时刻，绽放出光彩灿烂，让人惊艳的一面。我们的婚姻是投资。良好的婚姻不但

营养私教西西·2024-02-08 15:14

2019.6.3带班小记

天一天天的热起来了，又是周一，随着学校大门的打开，孩子们像一群可爱的小鸟“飞”进教室。孩子们今天的状态还不错，有序地交作业，读书。周一的第一节是围棋课，围棋老师晨读基本是不上的。我刚好利用这段时间来教授孩子们一首新诗—《凉州词》，也许是对于古诗词的挚爱，一读诗我就很激动，貌似孩子们总会被我读诗时“如痴如醉”的傻样吸引，瞪着大眼或小眼直溜溜地看着我，我示范着读一遍，再让他们试读，最后我再领读，这样三

希墨麻麻·2024-02-08 14:50

2021.12.29小记

早上又是很晚起床，XW说想去吃拉面，于是我们找了一家韩餐店，看推荐说便宜又好吃。离我们住的地方也不远，坐地铁十几分钟，我们买了天票，就可以在市里随便坐了，很方便。去这家店的路上不小心经过了红灯区，看网上说汉堡的红灯区很值得一看，XW也一直想来看看，但是我总觉得太危险，毕竟这是很乱的地方。今天恰好路过，不过白天不开灯并不好看。墙上的一幅画，一整个惊艳到了，好立体！之后去吃韩餐，我点了一份炸鸡饭，我很

轻小云·2024-02-08 13:17

定位内网中毒主机IP经历小记

一、事件起因客户向公司反映使用IDS设备捕获到木马上线域名需要处理，虽然是逆向岗但还是有预感未来应急响应的工作只会越来越多。所以作为新人的我选择了跟带头BOSS去现场学习，并且将自己参与应急响应中的工作和思路进行记录。二、前置知识1）动态域名解析用户每一次上网时运营商都会随机分配一个IP地址。安装在用户主机里的动态域名软件会把这个IP地址发送到动态域名解析服务器。Internet上的主机要访问这个

weixin_30266829·2024-02-08 13:40

《Django+React前后端分离项目开发实战：爱计划》 01 项目整体概述

01Introduction《Django+React前后端分离项目开发实战：爱计划》01项目整体概述WelcometoBeginningDjangoAPIwihReact!

Python私教·2024-02-08 12:08

react使用hook实现一个ActionSheet(下拉弹窗选择)

目录react使用hook实现一个ActionSheet(下拉弹窗选择)ActionSheet使用组件效果(有个问题，就是关闭的时候没有动画，有没有大佬帮忙优化下)react使用hook实现一个ActionSheet

小小亮01·2024-02-08 12:00

【React工作记录七十八】React+hook+ts+ant design封装一个table的组件

前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷微信公众号前端小歌谣需求分析在前端项目中最常见的就是封装一个table的一个功能功能思维初始化版本（基础样式和分页）{...resetProps}onChange={onTableChange}

前端大歌谣·2024-02-08 12:28

react中hook封装一个table组件

目录react中hook封装一个table组件依赖CommonTable/index.tsx使用组件效果react中hook封装一个table组件依赖cnpmireact-resizable--savecnpmiahookscnpmi

小小亮01·2024-02-08 12:57

vue3.0 watch函数案例

Demo}}Demo代码：当前求和为：{{sum}}点我+1当前的信息为:{{msg}}修改信息姓名：{{person.name}}年龄：{{person.age}}修改姓名增长年龄import{ref,reactive

前端程序员路易·2024-02-08 12:20

Watch 在 vue 3 中使用说明

constnums=ref(9)watch(nums,(newValue,oldValue)=>{console.log('watch已触发',newValue)})二、监听复杂类型constdemo=reactive

刺客-Andy·2024-02-08 12:20

vue3中 watch、watchEffect区别

watchEffect都会执行（忽略watch第三个参数的配置，如果修改配置项也可以实现立即执行）2、watch需要传递监听的对象，watchEffect不需要3、watch只能监听响应式数据：ref定义的属性和reactive

默默无闻的小人物·2024-02-08 11:37

推荐频道

React小记