typescript elements useref react
typescript 数组根据指定字段去重
this.listDataIn = data.Result.data; const uniqueItems: Item[] = Array.from( new Set(this.listDataIn.map(item => item.MyLandID)) ).map(id => { return o ......
element表单验证~提交
💎目标界面： 1.引入elementUI组件，路由和axios配置 2.实现表单页面布局 <!-- 注册的表单区域 --> <el-form :model="regForm" :rules="regRules" ref="regForm" label-width="10px" class="dem ......
element+Sortable 实现表格拖拽
<template> <div class="draggable" style="padding: 20px"> <el-table row-key="id" :data="state.tableData" style="width: 100%"> <el-table-column v-for="( ......
Element tree树形控件，多选改为单选
参考：https://blog.csdn.net/yfq946910096/article/details/130145519 ......
element 树形控件，父节点不显示复选框，子节点显示复选框，需增加特定样式
代码复用参考： /deep/ .stafftree .el-tree .el-tree-node .is-leaf + .el-checkbox .el-checkbox__inner { display: inline-block; } /deep/ .stafftree .el-tree .el ......
创建web应用程序，React和Vue怎么选？
React和Vue都是创建web应用程序的绝佳选择。React得到了科技巨头和庞大的开源社区的支持，代码库可以很大程度地扩展，允许你创建企业级web应用程序。React拥有大量合格甚至优秀的开发人员粉丝，可以解决你在开发阶段可能遇到的任何问题。 毫无疑问，React是创建跨平台解决方案的最佳框架。V... ......
React Router 6 快速上手
## 1.概述 1. React Router 以三个不同的包发布到 npm 上，它们分别为： 1. react-router: 路由的核心库，提供了很多的：组件、钩子。 2. **react-router-dom:** 包含react-router所有内容，并添加一些专门用于 DOM 的组件，例如 ......
Vite + Vue3 + Element-Plus
搭建 Vite 项目 注意 Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。 使用 NPM: npm create vite@latest 使用 Yarn: yarn cr ......
react-player学习
## 一个适用于 react 的视频插件—react-player ``` 说明文档 转载说明：来源于npm库中的readme.md 侵权删 调试工具地址： https://cookpete.com/react-player 1. 可以自动播放 2. 可以实现画中画、倍速、可控播放等功能 ``` R ......
[React Typescript] ElementType, ComponentType
The ElementTypetype helper is a bit unusal because it accepts some props and derives what types of components would be able to recieve those props. He ......
[React Typescript] JSX.IntrinsicElements
interface IntrinsicElements { // HTML a: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>; abbr: React.Detail ......
typeScript学习-泛型
typeScript学习 泛型 为什么要用泛型？泛型定义。 泛型在类中的应用？封装一个面向对象的 ArrayList 类。 泛型默认值。 泛型约束。 泛型在Vue3 源码中的应用。 exends keyof + keyof 的联合应用。 泛型反向赋值。 具有以下特点的数据类型叫泛型： 特点一：定义时 ......
通过一个实际的 Fiori Elements 扩展开发需求，介绍什么是 SAP Fiori Extension API 试读版
本教程前一篇文章，介绍了如何在 SAP Fiori Elements List Report 应用的 Table 区域里创建自定义 Action，并且在该 Action 对应按钮的点击事件处理函数里，使用 JavaScript 代码打印出当前选中的表格行项目的业务数据。 效果如下图所示：  应用开发和 SAP OData 服务开发。 笔者将自己在 SAP 领域 `16年`( ......
如何使用 Guided Development 给 Fiori Elements List Report 的工具栏添加自定义按钮试读版
本教程之前的步骤，我们介绍了如何使用 SAP Fiori Tools 这个扩展包的 Application Modeler 提供的 Page Map 来给 List Report 的 Table 控件添加自定义列的步骤。 本文介绍另一种在 Fiori Elements 应用里进行扩展开发的方式，即 ......
typeScript学习-自定义守卫
typeScript学习 自定义守卫 function 函数名(形参：参数类型【参数类型大多数为any】): 形参 is A 类型{ return true or false } class Customer { pay(payMethod: BankPay | MobilePay) { if (i ......
typeScript学习-类型守卫
typeScript学习 类型守卫 为什么要用类型守卫： 类型守卫定义：在 语句的块级作用域【if 语句内或条目运算符表达式内】 缩小变量的一种类型推断的行为。 类型守卫产生时机：TS 条件语句中遇到下列条件关键字时，会在语句的块级作用域内缩小变量的类型。这种类型推断的行为称作类型守卫（Type G ......
typeScript学习-类型断言、类型转换
typeScript学习 类型断言、类型转换 1、类型断言： 语法格式：A 数据类型的变量 as B 数据类型。 let b: B let c: C = b as C 理解：是绕过TS 编译检查，类型断言就是对编译器说：我是这个类型了，无需检查。 2、类型断言使用场景 export class Ve ......
[React Typescript] React.ReactNode > React.ReactElement = JSX.Element = React.JSX.Element
This is ReactNode: type ReactNode = | ReactElement | string | number | ReactFragment | ReactPortal | boolean | null | undefined This is React.ReactEle ......
vue-element-admin项目中tagView嵌入iframe不刷新重载
#vue-element-admin项目中tagView嵌入iframe不刷新重载 > 最近使用vue-element-admin来开发项目，因为以前老项目太大，暂不重构，如要通过iframe嵌套在新项目中，通过router来重写url加载，但是业务需要切换菜单或者tagView不能刷新重载ifra ......
WPF实现Element UI风格的日期时间选择器
### 背景 业务开发过程中遇到一个日期范围选择的需求，和Element UI的DateTimePicker组件比较类似，由两个日历控件组成，联动选择起始时间和结束时间。 ### 问题 WPF中提供了一个`DatePicker`的控件，主要由`DatePickerTextBox`、`Button`和 ......
VUE element-ui之table表格全局排序
### 一 调用后端接口排序功能 步骤： 标签中定义排序方法： ``` ``` 要排序的字段定义排序关键字sortable ： ``` //注意：调用接口排序时必须sortable="true"，表格自带排序则只需sortable sortable="true" ``` methods中实现全局排序 ......
采用typescript编写，实现ofd前端预览、验章。
前言 浏览器内核已支持pdf文件的渲染，这极大的方便了pdf文件的阅读和推广。ofd文件作为国产板式标准，急需一套在浏览器中渲染方案。 本人研究ofd多年，分别采用qt、c# 开发了ofd阅读器。本人非前端开发人员，对js、typescript并不熟悉，所以对开发web版阅读器迟迟没有下手。但是，本 ......
[React Typescript] React namespace
export = React; export as namespace React; declare namespace React { // // React Elements // type ElementType<P = any> = { [K in keyof JSX.IntrinsicEl ......
[React Typescript] Inferring Type Arguments in Curried Hooks
import { DependencyList, useMemo, useState } from "react"; import { Equal, Expect } from "../helpers/type-utils"; const useCustomState = <TValue>(init ......
[React Typescript] Function overload in React hook
import { useState } from "react"; import { Equal, Expect } from "../helpers/type-utils"; type UseStateReturnValue<T> = { value: T; set: React.Dispatch ......
element-plus使用中文
element-plus默认是英文，要显示中文需要安装中文包 1.Element Plus 提供了全局配置国际化的配置。 ```js import ElementPlus from 'element-plus' import zhCn from 'element-plus/es/locale/lan ......
react hooks 子传父
父组件中： import React,{useState } from "react"; import HeXiaoDialog from "../components/hexiaoDialog"; //引入的子组件 function ShuoMing(props){ let [flag , set ......
Deno 中使用 @typescript/vfs 生成 DTS 文件
## 背景 前段时间开源的 [STC](https://github.com/long-woo/stc) 工具，这是一个将 OpenApi 规范的 Swagger/Apifox 文档转换成代码的工具。可以在上一篇（[《OpenApi（Swagger）快速转换成 TypeScript 代码 - STC ......
Widget、Element、RenderObject三者之间的关系
Widget不是真正渲染UI的对象，它只是Element的一个配置描述，去通知Element应该如何去渲染，Widget和Element 之间是⼀对一的关系 Element持有RenderObject和Widget。 RenderObject才是实际渲染的对象， 三者的关系是： 配置⽂件 Widge ......