typescript elements useref react
VS Code开发React-Native及Flutter 开启无线局域网安卓真机调试问题
VS Code开发React-Native及Flutter 开启无线局域网安卓真机调试问题 发布于 2020-10-20 15:48:47 1.7K0 举报 笔者前段时间在做react-native开发，一直是有线连接安卓真机进行调试的。有线调试确实带来诸多麻烦，因为在调试过程中需要频繁和手机进行交 ......
React in patterns
In brief > Foundation 1. Communication - Input - Output 2. Event handlers 3. Composition - Using React's children API - Passing a child as a prop - Hi ......
React 路由
React 路由 1.ReactRouter 5.x 功能概述：点击切换展示区内容，并切换浏览器地址 /about /home About 组件 import React, { Component } from 'react' export default class About extends C ......
Element.closest()方法
在上图中我们想在点击bi-pen的时候获取到td绑定的id,常用 这是一种常见的方式来访问一个元素的祖父节点。这种写法在简单的情况下是有效的，但在某些情况下可能不够灵活或可维护。所以我们考虑使用 closest 方法： Element.closest() 方法允许你查找最接近当前元素的祖先元素，满足 ......
typescript: Adapter pattern
/** * Adapter pattern 适配器是一种结构型设计模式， 它能使不兼容的对象能够相互合作。 * file: Adapterts.ts * * */ /** * The Target defines the domain-specific interface used by the c ......
typescript: Singleton Pattern
/** * file: Singletonts.ts * Singleton Pattern 单例是一种创建型设计模式， 让你能够保证一个类只有一个实例， 并提供一个访问该实例的全局节点。 * The Singleton class defines the `getInstance` method ......
webpack - 构建支持TypeScript的React应用
1. 初始化package.json 创建项目文件夹 mkdir webpack-react-ts cd webpack-react-ts 初始化项目package.json yarn init -y { "name": "webpack-react-ts", "version": "1.0.0", ......
typescript: Prototype Pattern
/** * Prototype Pattern 原型是一种创建型设计模式， 使你能够复制对象， 甚至是复杂对象， 而又无需使代码依赖它们所属的类。 * The example class that has cloning ability. We'll see how the values of fi ......
vue3最基础入门，vue3 + element plus实战pc端后台管理，从零到一设计pc端项目
https://www.bilibili.com/video/BV1C3411s7bV Normalize.css 使浏览器呈现所有 HTML 元素更加一致，并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式。 https://www.bootcdn.cn/normal ......
typescript: Builder Pattern
/** * TypeScript 实体类 Model * Builder Pattern * 生成器是一种创建型设计模式， 使你能够分步骤创建复杂对象。 * https://stackoverflow.com/questions/12827266/get-and-set-in-typescript ......
typescript: model
/** * TypeScript 实体类 Model geovindu,Geovin Du * https://stackoverflow.com/questions/12827266/get-and-set-in-typescript * https://github.com/Microsoft/ ......
TypeScript入门到精通——TypeScript类型系统基础——单元类型、顶端类型、尾端类型
单元类型 单元类型（Unit Type）也叫作单例类型（Singleton Type），指的是仅包含一个可能值的类型。由于这个特殊的性质，编译器在处理单元类型时甚至不需要关注单元类型表示的具体值。 TypeScript 中的单元类型有以下几种： undefined 类型 null 类型 unique ......
TypeScript入门到精通——TypeScript类型系统基础——字面量类型
字面量类型 TypeScript 支持将字面量作为类型使用，我们称之为字面量类型。每一个字面量类型都只有一个可能的值，即字面量本身。 1、boolean 字面量类型 boolean 字面量类型只有以下两种： true 字面量类型 false 字面量类型 原始类型 boolean 等同于由 true ......
搭建Springboot+Vue+Element的简单系统流程
今天研究了一下如何把Springboot+Mybatis和Vue+Element结合起来使用 详细写一篇博客来记录一下流程吧，因为途中发现了很多的问题 首先，创建Springboot项目，惯例添加依赖 <?xml version="1.0" encoding="UTF-8"?> <project x ......
什么是 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 ......
在vue3中使用element-plus页面重置报ResizeObserver loop completed with undelivered notifications.
在main.js中 const debounce = (fn, delay) => { let timer = null; return function () { let context = this; let args = arguments; clearTimeout(timer); time ......
超级实用！React-Router v6实现页面级按钮权限
大家好，我是王天～ 今天咱们用 reac+reactRouter来实现页面级的按钮权限功能。这篇文章分三部分，实现思路、代码实现、踩坑记录。 嫌啰嗦的朋友，直接拖到第二章节看代码哦。 前言 通常情况下，咱们为用户添加权限时，除了页面权限，还会细化到按钮级别，比如、新增、删除、查看等权限。 如下效果， ......
ypeScript入门到精通——TypeScript类型系统基础——枚举类型
TypeScript类型系统基础——枚举类型 枚举类型由零个或多个枚举成员构成，每个枚举成员都是一个命名的常量。 在 TypeScript 中，枚举类型是一种原始类型，它通过 enum 关键字来定义。例如，我们可以使用枚举类型来表示一年四季，示例如下: enum Season{ Spring, Su ......
Springboot+Echarts+Element（二）
今天主要是记录一些问题，主要是在使用vue通过axios发送请求的时候，起初我认为需要把vue和springboot整合到一块 但是在听完课之后发现并不需要，因为vue的目的是实现前后端分离的开发，因此两个项目可以同时运行，调整vue项目 就是改前端代码，调整springboot就是改后端代码，前端 ......
TypeScript入门到精通——TypeScript类型系统基础——原始类型
TypeScript类型系统基础——原始类型 JavaScript 语言中的每种原始类型都有与之对应的 TypeScript 类型。除此之外，TypeScript 还对原始类型进行了细化与扩展，增加了枚举类型和字面量类型等。 到目前为止，TypeScript 中的原始类型包含以下几种： boolea ......
TypeScript入门到精通——类型系统基础——类型检查
TypeScript类型系统基础——类型检查 类型检查是检查程序中类型约束是否正确的过程。类型检查既可以在程序编译时进行，即静态类型检查；也可以在程序运行时进行，即动态类型检查。TypeScript 支持静态类型检查，JavaScript 支持动态类型检查。 为了满足不同用户的需求，TypeScri ......
Springboot+Echarts+Element（一）
算作是之前的Springboot+Echarts的进阶版 因为引入了更多前端的知识，主体是Vue，今天学习了Vue的部分语法，但是说实话，我认为对我来说意义不是特别大 因为多数情况下我们所做的都是把后端数据库内容传输到前端，而在老师的Vue语法部分讲解的大部分是纯前端写死的一些知识 因此我把重心放在 ......
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 ......