react learn road the
初识React Navigation
React Navigation是React社区自己维护的导航的解决方案。文档参见：https://reactnavigation.org/docs/getting-started 常见的几种类型的navigation如下：1. Tab菜单： 参见https://reactnavigation.or ......
Hack The Box-Starting Point-Crocodile
## 答案： 1. 任务1：What Nmap scanning switch employs the use of default scripts during a scan? `-sC` 
尽管写过 outlet 路由的配置。 考虑到 token 判定和 路由页 变更，我不了解v6是不是有更详解的做法。 决定调一下配置，期望 在任何页面异步更新时，token 都可以在跳转前 被检测到，防止无 token 跳转发生。 为 src 文件配置 v6版本：路由子组件 App.js ``` im ......
React - 判断当前点击是组件的外部或内部
1.先获取当前要监听的那个组件的ref import React, { useRef } from 'react'; // 类组件获取 this.Ref = React.createRef(); // 函数组件获取 const Ref = useRef(); 2.通过addEventListener ......
react-router v6 路由
## 前言 之前写react的时候 路由真的是难用，这次更新后，极为好用！ ## 嵌套路由  main.jsx ```j ......
Mysql用户建立触发器报错You do not have the SUPER privilege and binary logging is enabled
分析原因：是log_bin_trust_function_creators值为off导致，因为Table中有Trigger，如果不创建Trigger，不会出现这样的错误信息，但Trigger必须创建临时解决办法:用root用户登录： mysql -u root -pmysql>set global ......
React ISR 如何实现 - 最后的 Demo
之前写了两个 `demo` 讲解了如何实现 `SSR` 和 `SSG`，今天再写个 `demo` 说在 `ISR` 如何实现。 ## 什么是 ISR `ISR` 即 `Incremental Static Regeneration` 增量静态再生，是指在 `SSG` 的前提下，可以在收到请求时判定页 ......
has been blocked by CORS policy: The request client is not a secure context and the resource is ...
该报错原因为：Chrome浏览器禁止外部请求访问本地，被CORS策略阻止解决方案：1、打开chrome的设置： chrome://flags/#block-insecure-private-network-requests2、将 Block insecure private network requ ......
Hack The Box-Starting Point-Appointment
## 答案 1. 任务1：What does the acronym SQL stand for? `Structured Query Language` ![image](https://img2023.cnblogs.com/blog/1367845/202306/1367845-2023062 ......
Vue报错之 Property or method "XXX" is not defined on the instance but referenced during render
原因1：真的没定义， 原因2：定义了，但是需要检查大小写是否一致 ......
React关于UseRef
## useRef简单介绍 ```javascript const refContainer = useRef(initialValue); ``` useRef 返回一个可变的 ref 对象，其 .current 属性被初始化为传入的参数（initialValue）。返回的 ref 对象在组件的整 ......
React基础
一、React Hook（部分） 1.useEffect useEffect 用于处理组件中的 effect，通常用于请求数据，事件处理，订阅等相关操作。 1.当 useEffect 没有第二个参数时，useEffect 会不停的调用 2.当 useEffect 第二个参数为空数组时，仅在组件挂载和 ......
SAP Restful ABAP Programming 和 HTML Over the wire 的一些对比
Restful ABAP Programming(简称RAP)旨在找到 SPA 和 MPA 之间的`最佳平衡点`。 RAP 丰富了 JSON 本身或初始 OData 请求的元数据中的响应，并且视图和模型是先前在 CDS 中定义的后台 annotation：  => {fo ......
React文件夹结构 - 构建坚实的基础
我们将深入探讨组织项目文件夹结构的关键方面。 关键是保持清晰且有组织的结构，以便轻松查找和管理文件。 精心设计的文件夹结构对于维护干净且可扩展的代码库、改善团队成员之间的协作以及提高整体开发效率至关重要。 React项目中常用的文件夹结构有多种类型，包括基于组件的结构、 基于特征的结构和基于领域的结 ......
组件结构 - 在React中构建可重用和可维护的组件
我们将探讨组件结构的重要性以及它如何有助于创建高度可重用、模块化且易于维护的组件。 在 React 中构建可重用和可维护的组件不仅仅是编写代码；还需要编写代码。它涉及采用最佳实践并遵循合理的架构原则。 通过仔细构建我们的组件，遵守单一职责原则，并采用原子设计和组件组合等概念，我们可以创建更加模块化、 ......
React命名约定 - 整洁代码的基础
我们将深入探讨命名约定的关键主题，以及它们如何作为 React 中干净且可维护的代码的基础。 命名约定在提高代码可读性、可维护性、组织和通信方面发挥着至关重要的作用。它们有助于创建一个有凝聚力和结构化的代码库，该代码库更易于使用、减少错误并促进开发人员之间的协作。 在这一部分中，我们将特别关注 Re ......
HTML Over the wire 框架 Unpoly 和 React 的使用场合比较
Unpoly 是一个轻量级的 JavaScript 框架，它允许您通过 HTML over the wire 的方式进行 Web 应用程序开发。HTML over the wire 是一种网络通信模式，它将由服务器生成的 HTML 片段作为响应发送给客户端，而不是传统的 JSON 数据。这样，服务器 ......
HTML Over the wire 框架和单页面应用的区别
HTML Over the wire 方法包括类似于多页面应用程序 (MPA) 的服务器端渲染 (SSR)。 然而，在初始请求之后，浏览器仅通过 AJAX 异步检索 HTML 片段，因此整个页面不再重新渲染。 与单页应用程序 (SPA) 不同，服务器还处理应用程序的逻辑和状态： [图片] 单页面应用 ......
[LeetCode] 2485. Find the Pivot Integer
Given a positive integer n, find the pivot integer x such that: The sum of all elements between 1 and x inclusively equals the sum of all elements bet ......
HTML Over the wire 的代表框架 hotwire 介绍
HTML over-the-wire作为一种更直接的创建Web应用程序的方式而不需要使用太多JavaScript，已经逐渐流行起来。它通过“html over the wire”的思路，发送HTML而不是JSON来实现。 现在，一种名为Unpoly的“非侵入式JavaScript框架”出现，成为Ba ......
什么是 HTTP Over the wire
我们可以通过在服务器上生成HTML，并将其（在一些帮助下）直接传递到浏览器，来编写快速、现代、响应式的Web应用程序。这种思路不需要将JSON作为中间格式。不需要客户端MVC框架。不需要复杂的捆绑和转译流程。但是我们需要换一种思考方式。 因为过去十年左右的Web开发主流故事一直是 `JavaScri ......
【Linux】systemd.timer replace the crontab or at jobs
### systemd 架构 ``` 学习 Systemd 的第一步，就是搞懂"单元"（unit）是什么。 简单说，单元就是 Systemd 的最小功能单位，是单个进程的描述。一个个小的单元互相调用和依赖，组成一个庞大的任务管理系统，这就是 Systemd 的基本思想。 由于 Systemd 要做的 ......
6月26日java&React学习日记
今日学习java的异常处理，了解了多try，catch，以及单try多catch（需注意子类在上父类在下）异常捕获的方法。同时也学习了React框架，该框架确实比较好用但上手难度较高，需理解其组件化原理，改框架涉及ES6比较深，需加强js或ts的学习。 ......
4am,name-of-the-rose-and-dayflower
4a.m., 玫瑰之名和兰花草 Created: 2023-06-05T18:59+08:00 Published: 2023-06-26T19:35+08:00 Categories: Fragment [toc] # 跳一段忠字舞  { retur ......