typescript elements useref react
React - 循环滚动
1.准备工作 let timer = null; // 定时器 const BoxRef = useRef(); // 父组件ref const ChildRef = useRef(); // 子组件ref用于包裹数据循环的 const [roll, setRoll] = useState(true ......
react
what：一个将数据渲染为HTML视图的开源js库。 虚拟dom（一般对象）进行比较，虚拟dom轻，真实dom重 react事件处理的时候对原生事件做了一次封装，为了更高效（冒泡） 受控组件和非受控组件，表单数据改变时候，实时保存在state里面，就是受控组件。 函数柯里化：  由Facebook开源 1.1.3. Re ......
Element UI 中国省市区级联数据
1.下载：npm install element-china-area-data -S 2.按需导入：import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, Text ......
C# and TypeScript – Enum Flags
前言 以前就有提过 Enum Flags, 但平日不常用. 最近翻 Angular 源码, 发现它很多地方用到, 而且没有封装语义代码. 一堆符号真的看不惯啊... 于是又去复习了一遍, 熟悉熟悉. 顺便写一篇做记入呗. 这篇 C# 和 TypeScript 会一起讲. 参考 深入理解 TypeSc ......
1.element表头居中内容左对齐, 2.自定义el-table中新增编辑表格不刷新的问题。
一、 <el-table :header-cell-style="{ 'text-align': 'left' }"> ... <el-table-column :cell-style="{ 'text-align': 'left' }"> ...</el-table-column> </el-ta ......
element表格多选改为单选，且去除表头的多选框
一、利用el-table自带方法selection-change（当选择项发生变化时触发该事件）关键代码：this.$refs.serialnoTable.clearSelection() this.$refs.serialnoTable.toggleRowSelection(val.pop()) ......
提高开发效率的 TypeScript 技巧
TypeScript 是一种由 Microsoft 开发的强类型的 JavaScript 超集语言，它为 JavaScript 添加了类型检查和更强大的开发工具支持。在使用 TypeScript 进行项目开发时，掌握一些技巧可以大大提高开发效率和代码质量。本文将介绍一些实用的 TypeScript ......
提升项目水平的5个React库
长话短说 在本文中，我们将介绍 5 个库，它们可以解决 React 开发中一些最常见的痛点（例如数据获取、样式、可访问性和状态管理），从而对您的 React 开发体验产生积极影响。 （更|多优质内|容：java567 点 c0m） 介绍 掌握 React 的基础知识很重要。事实上，无需大量额外的库， ......
编写干净高效的React代码 - 最佳实践和优化技术
我们将探索各种技术和策略，以便在 React 应用程序中编写干净高效的代码。通过遵循这些最佳实践，您可以提高代码库的可维护性、性能和可读性。 让我们深入了解如何编写干净、高效的 React 代码，这些代码不仅运行良好，而且更易于理解、维护和扩展。 （更|多优质内|容：java567 点 c0m） 1 ......
create-react-app 除了NODE_ENV如何区分环境变量
比如webpack打包的时候，可能要打包到测试环境或者生产环境，但是这时候NODE_ENV的值都是production ,这个时候如何区分呢。答案是： cross-env和webpack.DefinePlugin 1. 定义环境变量到编译环境： 测试环境: cross-env NODE_STAGE= ......
百度Amis+React低代码实践
### 背景 在项目中有集成低代码平台的想法,经过多方对比最后选择了 amis,主要是需要通过 amis 进行页面配置,导出 json 供移动端和 PC 端进行渲染,所以接下来讲一下近两周研究 amis 的新的以及一些简单经验,供大家参考. ### 什么是 amis amis 是一个低代码前端框架， ......
React SSG - 也写个 Demo 吧
上次写了一个 `SSR` 的 `DEMO`，今天写个小 `Demo` 来从头实现一下 `react` 的 `SSG`，来理解下 `SSG` 是如何实现的。 ## 什么是 SSG `SSG` 即 `Static Site Generation` 静态站点生成，是指将在构建时就提前生成静态 `HTML` ......
typescript之ECMAScript5、ES6
1、基础常识 1.1 简介 ECMAScript(/ekma/,简称ES)是javascript的标准化规范，其实javascript是ECMAScript的扩展语言。ES定义了一些标准的语法，JS对其进行了DOM、BOM扩展。 1.2 ES迭代史 ES6(又叫ES2015)是ECMA协会在2015 ......
element ui 穿梭框宽度调整
element ui 穿梭框宽度调整 ``` //... ... /* 穿梭框 赋值后*/ this.$nextTick(function () { this.$refs.grant_transfer.$el.querySelectorAll('div.el-transfer-panel').for ......
TypeScript函数
1. ts函数定义 // es5函数声明 function run3(){ return 'run' } // es5匿名函数 var run4 = function(){ return 'run' } // ts函数声明 function run5():string{ return 'run' } ......
TypeScript中的数据类型
1.js有的类型 boolean类型、number类型、string类型、array类型、undefined、null 2.ts多出的类型 tuple类型（元组类型）、enum类型（枚举类型）、any类型（任意类型） 3.特别的类型 void类型（没有任何类型）表示定义方法没有返回值 never类型 ......
使用React和Redux进行前端应用程序：现代Web应用程序框架
[toc] 标题：《27. 使用 React 和 Redux 进行前端应用程序：现代 Web 应用程序框架》 背景介绍： 随着现代 Web 应用程序的发展，前端开发人员需要一种高效的、灵活的框架来构建现代 Web 应用程序。React 和 Redux 是两个流行的前端应用程序框架，它们提供了一种简单 ......
vue+element绑定事件使用
vue+element绑定事件使用 有时候需要写一点点前端页面，vue+element搭配是能提升效率的前端框架，因为使用还不太熟练，将一些常用的操作记录下来。 1. button绑定点击事件 1 <el-button type="danger" :data-id=123 v-on:click="c ......
react学习，实现子组件监听父组件对像的变化
我们可以结合useEffet，useRef, useState来实现子组件监听父组件对像的变化： import { useEffect, useRef, useState } from "react"; interface MyProps = { counter: number; }; const ......
VS编译错误 【xxx.exe 已退出，代码为 9】【Microsoft.TypeScript.targets(561,5): error MSB6006:】
先直接上图。 错误列表报错如下： 输出列表报错如下： 解决思路如下： 1、查了百度，没找到有用的东西。 2、看了微软的官方，MSB6006：“process”在退出时出现代码 `exit code`。 - MSBuild | Microsoft Learn 原文是“执行命令并返回非零退出代码或指示其 ......
The content of element type “web-app“ must match 解决方法
# 报错原因 问题描述 ： 在创建 SpringMVC 时 ， 选用 idea 的 webapp 模板来创建 ， xml 配置文件中进行配置时发现提示警告 警告如下： ![image](https://img2023.cnblogs.com/blog/2942345/202306/2942 ......
typescript学习：联合类型、交叉类型、可选属性和类型保护
1. 联合类型（Union Types） 联合类型是指将多个类型组合成一个类型，表示这个类型可以取这些类型中的任意一种。在 TypeScript 中，可以使用竖线 | 作为联合类型的分隔符，例如： let myVar: string | number; myVar = "hello"; // 合法 ......
React 性能優化：使用 memo、useCallback、useMemo
在寫網頁時，我們通常習慣把一個頁面切割成很多的元件 (Component) ，讓我們容易組織與管理頁面的組成。但是在 React 中複雜的元件關係，如果沒有經過優化，將有可能會造成性能上的問題。 在 Function Component 中，重新渲染 (re-render) 很輕易就會被觸發，少量的 ......
element ui 的时间控件 位置 不正确
如图： 从红箭头点击后的时间控件弹出层的位置与预计的期望偏了很多！！ 至于从<el-date-picker> </el-date-picker> 标签上修改？ 改不到控件的弹出层！ 只能在 <el-date-picker> </el-date-picker> 标签上 添加 popper-class= ......
react-native 调用系统原生分享
调用手机系统原生分享如下图 使用： react-native-sharereact-native-share官网 ......
Vue3 element-Plus el-tree 权限树 传值给后端及回显问题
内容:权限在新增人员时候选择传给后端并且编辑回显 坑: 1.传给后端的权限数组需要传父级id 例如:一级目录下有二级目录和2-2目录,选了2-2目录,需要把一级目录的id也给后端 2.回显的时候后端会把权限数组id都给你(包括一级目录),如果直接回显的话会默认一级下所有目录都选中 代码参考 <el- ......
react经典面试题解析--持续更新--day02
## 二十一、高阶组件的使用场景 1、数据获取：高阶组件可以在组件挂载时自动获取数据，并将数据通过 props 传递给被包装组件。 2、权限控制：高阶组件可以检查用户是否有访问该组件的权限，从而决定是否渲染该组件。 3、代码重用：高阶组件可以通过封装一些常见的逻辑，来提高代码的复用性。 4、状态管理 ......
typescript Any.Pack
IMessage body; UserLoginRequest req = new UserLoginRequest(); req.AuthToken = "8"; Request sy = new Request(); sy.Token = "hello"; sy.Body = Any.Pack( ......