最近在做社交网站开发，过程中需要用到三种组件：通知列表组件、聊天列表组件和虚拟列表组件。这三种组件都是社交网站必备的，现在把我在开发中遇到的问题以及代码全部分享给大家，希望对大家有所帮助。

水合是我们在next.js项目中引入next-redux-wrapper插件之后给出的一个新概念，它是连接和统一客户端和服务端数据的一个重要纽带。

最近买了台新电脑，之前的电脑上面k8s多集群访问配置方式现在忘了当时是怎么配置了，于是自己再次摸索配置成功，记录下来分享给大家。注意：本人电脑是Mac，接下来的操作默认是在Mac上面的zshell上面执行。

我从2020年开始一直使用next.js做为我的前端SSR框架，使用@reduxjs/toolkit做为全局状态管理器，使用next-redux-wrapper协助next.js连接和合并redux中store数据并且保持不变，否则会导致数据重复渲染性能问题，但是最近发现一个很奇怪的问题：就是router.push路由跳转的时候导致当前页面重复渲染问题！

前言跟前端篇一样，现在记录一下后台应用端开发环境的搭建，针对的是java环境，现在分享给大家。操作1、下载和安装Java下载地址JDK19和17JDK8和11下载dmg安装即可，接着查询安装java的位置 {代码...} 找到java安装位置 之后，现在我们来编辑.bash_profile文件,添加java环境 {代码...} 保存完之后，别忘了source ~/.bash_...

引言最近新买了台macbook pro电脑，于是马上搭建起自己的前端开发环境，写这篇文章的目的是记录过程分享给大家。操作1、安装nodejs到官网上面下载安装即可查看node和npm版本 {代码...} 2、配置阿里镜像安装好之后，我们配置一下加速镜像地址 {代码...} 3、安装nn可以安装和切换不同版本的nodejs安装： {代码...} 查看当...

最近项目中使用antd的tooltip组件的时候发现它有点不稳定，经常会出现漂浮到左上角的情况，让人困惑之余还不知道如何解决，再加上它是在每个dom上面添加的tooltip这样数据量一大的话就会产生冗余的dom元素，于是想起react-tooltip组件，它可以在全局设置tooltip，并且只要在想要提示的dom上面添加data-tip='xxxx'即可，...

之前通过阅读《Spring微服务实战》写过关于spring-cloud+spring-security+oauth2的认证服务和资源服务文章，以及写过关于spring-gateway做token校验的文章，但是在实战过程中还是发现一些问题，于是通过跟朋友沟通收获了不了新知识，之前的框架设计有问题，想通过这篇文章重新梳理下校验和认证流程。

我的阿里云ACK 也就是k8s之前是2021年创建的，当时的版本是1.18，中间也升级过一次到1.22，但是最近k8s的1.24版本发布之后从docker runtime变到了containerd，所以打算再升级一下，之前的镜像制作和镜像发布包括编写dockerfile等等操作不变。

最近公司需要制作地图截图功能，一开始准备使用html2canvas但是发现生成的图片中地图是空白也不知道咋回事，然后发现百度地图有现成的生成静态图片的办法，而且可以生成折线图、标记、标签等还能控制中心点，试了一下挺好的，分享给大家。

阿里云oss上传文件包含有好多SDK，一般像客户端的百度云盘这样的C端会使用如java相关的SDK，而浏览器端，也就是web端最好使用browser.js相关的SDK,下面就来讲解下如何使用，希望能够帮助到大家。

最近在使用Next.js的时候发现用户认证和刷新token时候跟之前单页面应用SPA的token认证和刷新token方案有所出入，实现起来也更复杂，于是自己参考B站、掘金、思否和简书的SSR网站折腾了一段时间终于解决了这个问题，分享给大家做参考，如果你们觉得文中有不妥的地方也希望不吝指出。

在开发SSR网站的时候，我相信大家或多或少会遇到好多问题，但是了解SSR网站的本质之后，这些都不是问题，下面就分享一下我的总结，希望能够帮助到大家！

前端通过axios(或者fetch也可以)调用后台接口的时候通过request请求头header的cookie属性(前端是你的浏览器中存在Cookie)带到后台，前提是要同源，如：前端地址是：www.baidu.com，后台是：www.baiud.com/api或者api.baidu.com，这样的才能访问浏览器中的cookie。

我们分析下A和B数组，A和B中都存在name=李四的对象，所以要替换，而B中的name=刘六A中不存在，所以要新增，话不多说，我们通过js的reduce方法来做，代码如下：

最近使用next.js来开发前端网站，在登录环节发现cookie的存储和跨域存在问题，一直没弄懂cookie的原理，看了网上好多大佬的文章，大有收获分享给大家。

1、配置Pom.xml引用spring-cloud-security和oauth2的jar包2、配置主类@EnableResourceServer注解，开启资源服务3、创建JWTTokenStoreConfig类，配置和解析token4、创建ResourceServerConfiguration类配置访问权限以及自定义异常5、自定义springsecurity异常信息(注意：认证和资源服务的自定义异常是统一的没有区别，下面...

操作步骤：1、下载ik分词包2、制作带有ik分词的docker镜像3、修改bitnami/elasticsearch的values.yaml文件，并使用刚刚制作的docker镜像4、安装elasticsearch和kibana5、在kibana中使用develop tools验证ik是否安装成功

因为自己的网站要做全文检索功能，本身我是使用mongodb做为数据库的，但是考虑到后期数据量非常大而且用户体验也要跟上，所以准备入手elasticsearch做为我的站内搜索，现分享给大家。

之前写过K8S使用阿里云存储卷,并在helm安装redis、rabbitmq和elasticsearch的过程中使用alicloud-nas-fs，但是事后发现，每次安装都会重复生成NAS，但是NAS每个账号最多添加20个，所以这不符合需求，通过跟阿里工程师的沟通之后，他们推荐使用CNFS来做为存储媒介，所有服务都共享同一个NAS文件系统，现在记录下来分享给...

最近把阿里云k8s组件Cloud Controller Manager从v2.1.0升级到v2.3.0，发现不是特别顺利，把解决过程记录下来，防止后面再出现一模一样的问题。

前言本文来分析javascript开发中经常会遇到的浅拷贝和深拷贝以及总结网上各种实现方式，希望对大家有所帮助。什么是浅拷贝和深拷贝？先聊一下Javascript的数据类型有哪些？基本类型：数字型(Number)字符类型(String)布尔类型(Boolean)NullUndefinedSymbol引用类型：对象类型(Object)数组类型(Array)函数类型(Function)正...

之前自己在阿里云ECS上面安装了Jekins(安装jenkins的文章)，最近因为服务器中了挖矿木马于是准备重新安装一下，但是想到每次安装jenkins都要手动安装jdk、maven、docker、kubectl，感觉好麻烦，于是使用官方推荐的blue ocean docker镜像来安装并使用，在安装和使用的过程中遇到一些问题记录下来分享给大家。

记得去年2021上半年的时候自学了k8s并且使用helm安装了rabbitmq和redis，可以在开发、测试和生产环境上用起来，但是下半年之后就没有用，再拾起来的时候发现好多知识点都忘了，这篇文章就是总结使用helm安装rabbmitmq和redis的个人总结分享给大家。

SpringBoot项目集成 webSocket,当客户端与服务器端建立连接的时候，发现 server对象并未注入而是为 null。产生原因：spring管理的都是单例（singleton），和 websocket （多对象）相冲突。详细解释：项目启动时初始化，会初始化 websocket （非用户连接的），spring 同时会为其注入 service，该对象的 service 不是 null...

最近在学习如何使用springcloud，当学习到跨服务调用接口时接触到Feign和Ribbon，网上有好多文章是介绍他们俩的区别的，有兴趣的可以看看，本文主要推荐使用Feign并记录操作过程。

next.js框架是主流的SSR框架，强大的开箱即用加上社区非常活跃让它能够在众多框架中脱颖而出。最近为了实现next.js页面之间来回跳转加上loading效果提升用户体验写下这篇文章，希望能够帮助到大家。

前言最近发现自己的macbook 使用chrome连接github一直连接不上，于是网上找解决办法，记录下来分享给大家。操作1、获取github.com的IP打开网站websites.ipaddress.com/github.com`复制里面的ip2、打开iTerm2命令行工具，编辑/etc/hosts文件，并添加ip到里面，如下所示 {代码...} 再次打开chrome就可以正常访问github了。...

之前使用SQL语法来查询oracle、sqlserver、mysql表之间的关联，但是到mongodb之后完全无从下手，写法完全不一样，于是到网上查询mongodb关联表查询的写法，于是参考代码自己试着写了下，但是发现有好多问题，比如我有两个表user和apple，

SSR和SPA最大的区别就是SSR会区分客户端Client和服务端Server，并且SSR之间只能通过cookie才能在Client和Server之间通信，例如：token信息，以往我们在SPA项目中是使用localStorage或者sessionStorage来存储，但是在SSR项目中Server端是拿不到的，因为它是浏览器的属性，要想客户端和服务端同时都能拿到我们可以使用Cook...