composable component context react
react+antd-mobile+vite移动端H5前端项目
React+antd-mobile+vite ($\color{red} {注意：} $)待解决问题 （1）高版本路由第一次切换tab跳路由会出现闪烁,路由切换会延迟导致tab无法触发active(预计和缓存组件不更新路由参数有关) （2）使用ReactDOM.createRoot实例化项目，在结合 ......
Angular 17+ 高级教程 – Component 组件 の ng-template
前言 Angular 的动态组件博大精深, 没有认真学一下的话, 在开发中经常会掉坑里. 所以这篇大家要认真看一下哦. 参考 angular2 学习笔记 ( Dynamic Component 动态组件) 早年我写的文章 Angular 学习笔记 (动态组件 & Material Overlay & ......
react打包优化，使用cdn加载第三方库，cdn加速网页
1、安装 pnpm install html-webpack-externals-plugin customize-cra react-app-rewired 2、在项目根目录下新建config-overrides.js文件,package.json中改为react-app-rewired 启动和打 ......
docker-compose安装fastdfs
docker-compose安装fastdfs 编写配置文件docker-compose.yml version: '3' services: tracker: image: delron/fastdfs container_name: tracker restart: always ports: ......
redis容器docker-compose启动正常，但配置文件无法生效
问题描述 docker-compose.yml文件中进行了redis.conf配置文件的映射，并且进去容器也能找到该映射文件，但修改这个配置文件里的内容却始终无法生效！！！ 远程连接上redis服务器，使用CONFIG get 命令读取配置，却一直显示没有配置文件：redis (error) ERR ......
React函数式组件避免无用渲染的方案
在class组件中可以使用shouldComponentUpdate钩子函数，但是函数式组件中是没有这种钩子函数的，那么在函数式组件中来达到类似的效果呢? 答案是：React.Memo,如以下使用案例： // 父组件 const [values, setValues] = useState({ a: ......
深入@component注解与@Configuration
1、@Configuration 从Spring3.0，@Configuration用于定义配置类，可替换xml配置文件，被注解的类内部包含有一个或多个被@Bean注解的方法，这些方法将会被AnnotationConfigApplicationContext或AnnotationConfigWebA ......
react 将项目打包成一个js文件，并且使用 Radio Canada 字体
https://fonts.google.com/?stroke=Sans+Serif&preview.text=AI%20Assistance%20Experience&query=Noto+Sans 下载字体 放到项目中 再index.ts 中引入 import ttf from "./asse ......
Warning: [antd: Modal] Static function can not consume context like dynamic theme. Please use 'App' component instead.
react 的model.confirm报错，它意味着你在使用动态主题（Dynamic Theme）时不能在静态函数中使用上下文，需要使用contextHolder const [modal, contextHolder] = Modal.useModal(); React.useEffect(() ......
在centos上docker及docker-compose 的快速简单办法
1、docker安装参考下面两个链接： https://zhuanlan.zhihu.com/p/625244906?utm_id=0 Install Docker Engine on CentOS | Docker Docs 2、docker-compose的安装参考下面这个链接： https:/ ......
Docker Compose安装wordpress和mysql
`` services: db: image: mysql:8.0.27 container_name: mysql volumes: - db_data:/var/db/mysql restart: always environment: MYSQL_ROOT_PASSWORD: su123com ......
如何在 Ubuntu 22.04 LTS 中安装 Docker 和 Docker Compose
如何在 Ubuntu 22.04 LTS 中安装 Docker 和 Docker Compose 在 Ubuntu 中使用 Docker Compose 安装 Docker 引擎的分步指导。 Docker 依赖项 为了安装并配置 Docker ，你的系统必须满足下列最低要求： 64 位 Linux ......
【react.js + hooks】useRef 搭配 Houdini 创造 useRipple
水波纹点击特效 really cool，实现水波纹的方案也有很多，笔者经常使用 material 组件，非常喜欢 mui 中的 ripple，他家的 ripple 特效就是通过 css Houdini 实现的。 今天，我们将复刻一个 ripple，并封装成 hooks 来使用！ CSS Houdin ......
React 类组件转换为函数式
函数式的 React 组件更加现代，并支持有用的 hooks，现在流行把旧式的类组件转换为函数式组件。这篇文章总结了转换的一些通用的步骤和陷阱。 ......
Docker部署系列之Docker Compose安装Redis三主三从集群
总结/朱季谦 在日常开发或者编程当中，经常需要用到redis集群，若是按照传统的方式，一个机器一个机器搭建，难免过于繁琐，故而可以通过dock er-compose编排方式，快速搭建。我在搭建过程当中，将操作记录下来，方便以后需要搭建三主三从节点时，可以基于以前的成功经验，快速搭建起来。 一、环境准 ......
Ubuntu安装Docker和Docker-compose WSL2可用
安装 Docker Compose 的过程如下 使用脚本安装 curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun systemctl enable docker #启动Docker服务： systemctl start ......
Docker Compose
https://docs.docker.com/compose/
Compose是一个用于定义和运行多容器Docker应用程序的工具。使用Compose，您可以使用YAML文件来配置应用程序的服务。然后，只需一个命令，就可以从配置中创建并启动所有服务。 ......
BigDataAIML-Kaggle-How to Calculate Principal Component Analysis (PCA) from Scratch in Python
How to Calculate Principal Component Analysis (PCA) from Scratch in Python https://www.kaggle.com/code/aurbcd/pca-using-numpy-from-scratch PCA using N ......
react项目经验，以及一些骚写法
语法糖 1.const logged = !!getToken(); 这里的`!!`是求布尔值的快捷方式 类似的： 2.var a=b*1 是转数字的快捷方式 3.var a=b+'' 是转字符串的快捷方式 架构相关 1.webpack 2.qiankuan 通过package.json 可以查看r ......
使用hook封装表格常用功能（react）
实现内容 配置分页：usePagination 生成过滤项：useFilter 获取表格选择配置：useSelect 生成批量删除按钮：useDelete 生成模态框：useModal 示例 render部分： <React.Fragment> <Form layout="inline"> {Del ......
react 文件选择器
export type FileSelectorType = { emit: boolean; type: "file" | "dir"; callBack: (path: string, fileList: FileList) => void; }; export const FileSelect ......
php 安装 Composer
原文地址：php 安装 Composer 准备工作 1、已经下载，并安装了 php。 2、你要知道你当前使用的 php 是什么版本，目录在哪里 3、以下命令是在 D:\php\72 目录下完成的，php版本为 7.2 开始安装 1、执行命令，执行 PHP 命令下载 composer.phar 到对应 ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
【 react 】《 React实现图片比对效果 》
这里使用 img-comparison-slider 组件进行实现，官网地址如下 https://img-comparison-slider.sneas.io/examples.html#always-show 实现效果 拖动中间分割线来切换展示旧图片与新图片 安装组件 ## 安装组件 npm in ......
完美解决SqlServer2012启动报错（cannot find one or more components.Please reinstall the application。）
原因：默认安装在C:\Program Files (x86)\Microsoft Visual Studio 10.0文件夹，以支持sql server2012.（我之前不小心把这个文件夹删除了）。 解决方案：下载了visual studio 2010 Isolated shell 完美解决问题，下 ......
React 页面崩溃问题
今天遇到一个页面崩溃问题，很神奇的是初始化打开的时候会崩溃，但是切到其他内容，再切回来又好了 因为 React 是 prod 的版本，所以报错其实没卵用，最后定位到这个代码上： 尝试了下，一个组件，return null 或者 return false 都是 work 的，但是 return und ......
React Hook 之 Effect ：同步与外部系统的数据
有时组件中的数据需要与外部系统的数据或操作同步，React提供了Hook Effect。 Effect 会在组件渲染后运行一些代码，以便将组件与 React 之外的某些系统同步，包比如浏览器 API、第三方小部件，以及网络请求等。 如以下的video播放器的简单加载： // 声明 Effect im ......
【教程】React Native 应用中的代码混淆与安全性管理
混淆是指对源代码进行加密、重命名等操作，以增加代码的复杂度，使其难以理解和反编译。 在React Native中，混淆可以通过以下步骤实现： 1. 将JavaScript源代码转换为基于本机平台的二进制代码，可以使用工具如Metro Bundler或babel进行转换。 2. 使用混淆工具，例如 ......
【代码混淆】react-native 代码混淆
【代码混淆】react-native 代码混淆 使用react native开发app，实现代码混淆的操作。 无论是加密还是运行时虚拟机，最后都可以通过执行时调试把代码反向生成出来原来的代码，虽然能抵御低端的黑客攻击，但是对高端黑客却形同虚设。 代码混淆是通过修改源代码结构和变量名，使得代码难以 ......
React拖拽效果实现
基于 React 的拖拽效果 Demo 一个基于 React 的拖拽功能实现的 Demo. 两个关键点 1, draggable 属性 2, drag 事件 draggable 属性 img 标签默认是支持拖拽的, 当时其他 HTML 标签, 想要其拖动的话, 需要为其添加 draggable="t ......