typescript strongly render react
TypeScript入门到精通——TypeScript类型系统基础——单元类型、顶端类型、尾端类型
单元类型 单元类型（Unit Type）也叫作单例类型（Singleton Type），指的是仅包含一个可能值的类型。由于这个特殊的性质，编译器在处理单元类型时甚至不需要关注单元类型表示的具体值。 TypeScript 中的单元类型有以下几种： undefined 类型 null 类型 unique ......
TypeScript入门到精通——TypeScript类型系统基础——字面量类型
字面量类型 TypeScript 支持将字面量作为类型使用，我们称之为字面量类型。每一个字面量类型都只有一个可能的值，即字面量本身。 1、boolean 字面量类型 boolean 字面量类型只有以下两种： true 字面量类型 false 字面量类型 原始类型 boolean 等同于由 true ......
什么是 TypeScript 的类型增强功能
TypeScript 的类型增强（Type Augmentation）是一种功能，它允许您扩展现有类型的成员，以添加新的属性或方法，以及修改已有属性或方法的类型定义。这个功能让您可以更好地适应第三方库或原始代码，以便在不修改源代码的情况下添加自定义的类型信息。在本文中，我将详细介绍 TypeScri ......
如何使用 TypeScript 的 module augmentation 技术增强 Spartacus Feature Library
module augmentation 技术是一种强大的 TypeScript 功能，它允许开发人员在不修改原始代码的情况下扩展现有模块的功能。这种技术在 Angular 生态系统中的应用尤为广泛，特别是在构建功能库和插件时，以确保代码的可维护性和可扩展性。 概述 Module augmentati ......
eslint爱彼迎规范 React18+typescript
eslint终极规范 爱彼迎 eslint-config-airbnb 什么是eslint，为什么要使用eslint eslint 的配置项过多，针对js针对ts针对vue针对jsx、tsx等等不同的规则，小公司或者个人项目可以使用成熟的eslint社区规范，如airbnb、standard、goo ......
react17源码中部分二进制计算的解释
theme: qklhk-chocolate highlight: a11y-dark react17放弃了之前的expirationTime而启用了lane模型，故而在原来16的基础上又产生了更多的二进制运算，在接下来的一段时间我打算把这些二进制运算都整明白了、 关于react为什么会启用lane ......
超级实用！React-Router v6实现页面级按钮权限
大家好，我是王天～ 今天咱们用 reac+reactRouter来实现页面级的按钮权限功能。这篇文章分三部分，实现思路、代码实现、踩坑记录。 嫌啰嗦的朋友，直接拖到第二章节看代码哦。 前言 通常情况下，咱们为用户添加权限时，除了页面权限，还会细化到按钮级别，比如、新增、删除、查看等权限。 如下效果， ......
ypeScript入门到精通——TypeScript类型系统基础——枚举类型
TypeScript类型系统基础——枚举类型 枚举类型由零个或多个枚举成员构成，每个枚举成员都是一个命名的常量。 在 TypeScript 中，枚举类型是一种原始类型，它通过 enum 关键字来定义。例如，我们可以使用枚举类型来表示一年四季，示例如下: enum Season{ Spring, Su ......
D. Strong Vertices
D. Strong Vertices 条件转移一下即可 由a[u]−a[v]≥b[u]−b[v]，可得a[u]-b[u]>=a[v]-b[v]。 设c[i]=a[i]-b[i],由题意得只要c[i]>=cj，点i就有指向j的路。 因此题目就转化成：求c数组中最大元素的个数及其位置。 点击查看代码 # ......
TypeScript入门到精通——TypeScript类型系统基础——原始类型
TypeScript类型系统基础——原始类型 JavaScript 语言中的每种原始类型都有与之对应的 TypeScript 类型。除此之外，TypeScript 还对原始类型进行了细化与扩展，增加了枚举类型和字面量类型等。 到目前为止，TypeScript 中的原始类型包含以下几种： boolea ......
TypeScript入门到精通——类型系统基础——类型检查
TypeScript类型系统基础——类型检查 类型检查是检查程序中类型约束是否正确的过程。类型检查既可以在程序编译时进行，即静态类型检查；也可以在程序运行时进行，即动态类型检查。TypeScript 支持静态类型检查，JavaScript 支持动态类型检查。 为了满足不同用户的需求，TypeScri ......
TypeScript入门到精通——TypeScript类型基础
TypeScript类型基础 一、类型注解 在 TypeScript 中，我们可以使用类型注解来明确标识类型。类型注解的语法由一个冒号 ":" 和某种具体类型 "type" 组成，示例如下： ......
防止react-re-render: Why Suspense and how ?
近期内部项目基础项目依赖升级，之前使用的路由缓存不再适用，需要一个适配方案。而在此过程中react re-render算是困扰了笔者很久。后来通过多方资料查找使用了freeze解决了此问题。本文主要论述react re-render问题一般的解决方案和freeze在react内部的实现原理。reac ......
React 18 useEffect 代码执行两次的问题
https://github.com/zjy4fun/notes/issues/62 React 18 提出的新特性“并发渲染”，为了防止组件重复挂载的问题，React 在开发模式 && 严格模式下，useEffect 会执行两次（模拟组件挂载和组件卸载，让问题提早暴露），但是线上模式不会。 开发模 ......
TypeScript入门到精通——TypeScript语言基础
TypeScript 语言基础 TypeScript 是 JavaScript 的超集。更确切的说，TypeScript 是 ECMAScript 2015（ES6）的超集。 TypeScript 语言支持 ECMAScript 2015 规范中定义的所有特性，例如类和模块等。JavaScript ......
TypeScript入门到精通——安装 TypeScript
安装 TypeScript 一、安装 TypeScript 安装 TypeScript 语言最简单的方式是使用 npm 工具。如果你的计算机中还没有安装 Node.js，则需要到 Node.js 的官网（https://nodejs.org/zh-cn/download）上下载 LTS 版本的安装包 ......
Cesium加载三维模型rendering.Rendering has stopped
使用Cesium加载数据量大、精度高的三维模型数据经常在运行一段时间后，会报如下错误： An error occurred while rendering.Rendering has stopped. TypeError：Failed to execute 'shaderSource' on 'We ......
TypeScript入门到精通——什么是 TypeScript ?
什么是 TypeScript ? https://en.wikipedia.org/wiki/TypeScript TypeScript is a free and open-source high-level programming language developed by Microsoft ......
a Higher Kinded Type package in TypeScript
a Higher Kinded Type package in TypeScript Weykon [一名学生](weykon.com) 关注他 展开目录 Higher-Kinded-Types-Toolbelt Higher-Kinded-Types-Toolbelt(gitee) ts-t ......
React Native 动画（Animated）
实现效果 代码 从react-native中引入 import { Animated, Easing, } from 'react-native'; js实现 const opacity1 = useRef(new Animated.Value(0.2)).current; const opacit ......
基于react18+vite4+arco.design搭建极简版后台管理模板
趁着国庆前夕整了一个vite4结合react18搭建后台管理模板，搭配上字节团队react组件库ArcoDesign，整体操作功能非常丝滑。目前功能支持多种模板布局、暗黑/亮色模式、国际化、权限验证、多级路由菜单、tabview标签栏快捷菜单、全屏控制等功能。极简非凡的布局界面、高定制化模块，用心打 ......
React-Native之Gradle下载慢的解决方案
一、解决gradle下载慢的问题 1.使用国内镜像 maven脚本如下: buildscript { repositories { maven { url 'https://maven.aliyun.com/repository/gradle-plugin' } maven { url 'https ......
jenkins 编译react项目报错
报以下错误10:16:17 + npm run build:qa10:16:17 10:16:17 > xxx-web@0.1.0 build:qa10:16:17 > DISABLE_ESLINT_PLUGIN=true cross-env NODE_STAGE=qa node scripts/b ......
react嵌套多层问题排查
杭州参与的一个项目中遇到一个react模块(人资)，封装很多，嵌套层次很多，而且子组件全部使用 props传递，跟踪很困难 第一次排查，推测出应该是一个枚举缺少枚举项，但是数据传递流程未搞清楚，不敢确定，也未尝试验证 第二次排查， 先从源码入手，从报错方法，排查到对应父组件的写值方法，子组件使用pr ......
401-react基础，jsx
一、概述 1.1、基础概念 React 基础、React-Router、PubSub、Redux、AntD 定义：用于构建用户界面的JavaScript库；是一个将数据渲染为HTML视图的开源JavaScript库。 为什么要学，痛点 1、原生js操作DOM繁琐、效率低（DOM-API操作UI） 2 ......
react + react-router + less +antd 开发环境
react + react-router + less +antd 开发环境 react + react-router + less +antd 开发环境搭建 1.基于create-reacte-app，需要先安装这个脚手架，然后初始化项目。2.进入项目目录，首先 npm run eject 释放配 ......
TypeError: cli.init is not a function。 React-Native创建新项目时的错误解决方法。
最近在玩React-Native的时候，创建项目出现cli.ini错误，找了好久才知道这个方法，分享给大家。 TypeError: cli.init is not a function – Code Example Akash Mittal August 30, 2022 No comments S ......
How to fix TypeScript error: expression of type can't be used to index type All In One
How to fix TypeScript error: expression of type can't be used to index type All In One
type guard
......
react综合（未完）
组件：将html/css/js写在组件内 根组件包裹子组件 React 组件是返回标签的 JavaScript 函数 组件化思想的应用： 有了组件化的思想，我们在之后的开发中就要充分的利用它。 尽可能的将页面拆分成一个个小的、可复用的组件。 这样让我们的代码更加方便组织和管理，并且扩展性也更强。 R ......
React表单合理取值方式
React表单完全使用受控组件，即使用value和onChange来控制input状态 <input value={email} onChange={(e) => setEmail(e.target.value)} /> 在input输入字符时候，会频繁触发表单重新渲染，因为state改变，reac ......