composable component context react
Angular | standalone Component （一）
指导链接：angular-Standalone-guide 1.概述：standalone 时在angular 14版本引入的特性，作用是可以让组件、指令和管道独立。以后就可以独立的直接被引入其他组件，而不依赖 ngmodule 来引入，也可以在路由中实现组件的懒加载。 1.1定义一个standal ......
Angular 17+ 高级教程 – Component 组件 の Query Elements
前言 Angular 是 MVVM 框架。 MVVM 的宗旨是 "不要直接操作 DOM"。 在 Component 组件 の Template Binding Syntax 文章中，我们列举了一些常见的 DOM Manipulation。 const element = document.query ......
docker-compose 快速运行java程序
1、任意目录新建docker-compose.yml touch docker-compose.yml mdkir config touch config/application.yml 2、复制jar文件到docker-compose.yml所在目录 cp 3、修改docker-compose.y ......
如何在 WindowManager.addView 中使用 Jetpack Compose
如何在 WindowManager.addView 中使用 Jetpack Compose 一、引出问题 Android 开发中，很常见的一个场景，通过 WindowManager.addView() 添加一个 View 到屏幕上。Android 最新的视图框架 Jetpack Compose，如何 ......
CATIA Composer R2023：创新设计的3D魔力盒
DS CATIA Composer R2023是一款全球领先的3D辅助设计软件，它为设计师提供了强大的设计和建模工具，帮助他们在虚拟环境中创建、修改和优化产品设计。 点击获取DS CATIA Composer R2023 该软件采用了先进的3D建模技术，可以轻松处理复杂的产品设计任务，并提供了丰富的 ......
react_hooks系列 useMemo
一、概念和作用 写在函数式组件里的 “函数调用代码”。如果函数式组件重新渲染时，每次都会执行“调用函数的代码”。如果不是必须的，那么就是性能的浪费。useMemo就是解决这个问题的。即：useMemo是防止不必要的的函数调用。 文字描述总是让你很难理解。很抽象。还是要看代码的。 格式：useM ......
docker compose 常用命令
docker compose down docker compose build docker compose up –d docker compose up --remove-orphans docker compose up --force-recreate docker compose rm ......
盘点前端的那些Ajax请求：从ES5到React
说起前端开发，Ajax请求是绕不开的技术点。然而，程序语言更新换代越来越快，Ajax请求的方式也是各有不同。 在使用ES5开发的时候，我们还在使用最原始的XMLHttpRequest对象： // createXHR函数，返回浏览器支持的异步请求对象 function createXHR() { if ......
React 基础 —— 各种 hooks 的使用场景
hooks 1. useRef ref 属于组件实例的共享变量（相当于class 组件中的 this.xxx）。直接修改 ref.current 不会触发组件的重渲染。 Caveats ① 常用于事件处理函数中共享与读写 ref import { useRef } from 'react'; exp ......
docker-compose gitlab
version: '3'services: gitlab: image: 'yrzr/gitlab-ce-arm64v8:latest' restart: unless-stopped hostname: 'test.gitlab.com' environment: TZ: 'Asia/Shangh ......
Vite Components插件
作用 Components 引于 unplugin-vue-components，用于解决vue文件内无需手动引入组件，减少import的调用 基本配置 在vite配置文件中，作为插件使用 import { defineConfig } from 'vite' import Components f ......
[论文阅读] Learning Component-Level and Inter-Class Glyph Representation for few-shot Font Generation
Pre title: Learning Component-Level and Inter-Class Glyph Representation for few-shot Font Generation accepted: ICME 2023 paper: https://ieeexplore.ie ......
React Native记录
React Native记录 真机调试 adb devices 保证手机使用adb可以正常连接 adb kill-server 如果无内容，断开手机连接，执行此命令后重新连接手机 操作包 react-native-fs 操作文件系统 react-native-image-picker 允许您从设备库 ......
react Hooks+Context 实现响应式布局
1. 创建文件 viewportContext.tsx import React from "react"; const defaultValue = { width: window.innerWidth } const viewportContext = React.createContext(d ......
React 项目启动在 chrome 上报错 之 Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
chrome上报错如下： 原因：安装React Developer Tools导致的，关闭这个插件就行 ......
React 之使用 antd 实现全局 loading
使用 antd 的 Spin 实现 Loading 代码如下： fullLoading.tsx import ReactDOM from "react-dom/client"; import { Spin } from "antd"; // 全局加载 loading // 当前请求的个数 // 当同 ......
react问题集
视图层报错 分析原因：当渲染子组件AuthMenuAdd时，导致Com组件无法更新。并没有明确的具体原因。经排查： 如何让子组件在父组件加载完或一定条件下才开始加载？ （1）类组件可以用 shouldComponentUpdate ； （2）函数组件可以通过useEffect监听redux（使用us ......
React Antd Table 数据渲染按钮触发onClick事件解决办法
react在渲染时会触发table里面的rander函数下的onClick方法 我的onClick是触发Modal 弹窗 且close后还是会一直触发Modal弹窗 初始代码如下 { title: '操作', key: 'operation', fixed: 'right', width: 100, ......
React项目中报错：Parsing error: The keyword 'import' is reservedeslint
记得更改完配置后，要重启编辑器（如：VSCode）!!! 记得更改完配置后，要重启编辑器（如：VSCode）!!! 记得更改完配置后，要重启编辑器（如：VSCode）!!! 这个错误通常发生在你尝试在一个不支持 ES6 模块语法的环境中使用 import 关键字。 ESLint 默认使用的是 ES5 ......
PCA(Principal Components Analysis)主成分分析: 一维列向量坐标的变换是左乘变换矩阵 而 一维行向量的坐标系基元的变换 是 右乘变换矩阵
总结： 一维列向量的 坐标变换是 左乘变换矩阵； 一维行向量的 坐标系基元变换 是 右乘变换矩阵； 坐标变换 坐标变换定义：把一个向量(或一个点)从一个高维(或3D)坐标系，转换到另一个高维(或3D)坐标系去。 举个栗子：东北天坐标系上的点A坐标为 (1, 2, 3)，通过坐标变换到北西天坐标系，点 ......
components之infiniteScroll 注意事项
先吐槽，看官方示例代码看的一头雾水 使用方式： 1.按官方文档来 <InfiniteScroll ref={ref} style={{ backgroundColor: '#ffffff' }} hasMore={hasMore} loadMore={loadMore} data={list} ke ......
React Hooks的使用规范和最佳实践
React Hooks自从推出以来，彻底改变了React组件的编写方式。它们提供了一种在函数组件中使用state和其他React特性的能力，从而使得函数组件更加强大和灵活。本文将深入探讨useEffect、useMemo、useCallback和useState这四种常用Hooks的特点、优缺点，以 ......
DBus.server服务启动报错->"/etc/selinux/*/contexts/dbus_contexts": No such file or directory
系统启动后很多使用dbus1的命令没法使用，查看日志发现dbus.service没有启动，并伴随下面报错： Failed to start message bus: Failed to open "/etc/selinux/targeted/contexts/dbus_contexts": No s ......
React中在非组件中获取到路由信息
1. 安装history包：yarn add history 2. 创建 utils/history.js文件 3. 在app.js中使用我们新建的路由并配置history参数 4. 通过响应拦截器处理 token 失效，如果发现是401调回到登录页 代码实现 utils/history // ht ......
docker-compose 安装
一、下载 sudo curl -L "https://github.com/docker/compose/releases/download/1.29.0/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose ......
linux直接下载docker-compose可执行文件
地址：https://github.com/docker/compose/releases ......
100道React高频题整理(附答案背诵版)
1、简述React有什么特点？ React是一个用于构建用户界面的JavaScript库，由Facebook开发并维护。React有以下几个主要特点： 声明式设计： React采用声明式设计，让代码更易于理解，且方便调试。你只需描述出你希望程序的最终状态，React会自动确保用户界面与你描述的状态保 ......
react native 中使用 Expo Haptics 实现长按按钮获得震动反馈效果
一、背景： 项目中有长按按钮开始录音功能，需要在长按开始时添加一次震动反馈以提高用户体验。由于项目使用expo开发，所以找到了 Expo Haptics 库。 二、使用过程： 1. 安装： npx expo install expo-haptics 2. 引入并使用： import * as Hap ......
docker-compose 安装
一、下载 sudo curl -L "https://github.com/docker/compose/releases/download/1.29.0/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose ......
让你 React 组件水平暴增的 5 个技巧
让你 React 组件水平暴增的 5 个技巧 神说要有光 关注他 你经常看 TA 的内容 最近看了一些 Ant Design 的组件源码，学到一些很实用的技巧，这篇文章来分享一下。 首先，我们用 create-react-app 创建个 React 项目（选择 typescript 模版）： ......