typescript elements useref react
TypeScript入门到精通——安装 TypeScript
安装 TypeScript 一、安装 TypeScript 安装 TypeScript 语言最简单的方式是使用 npm 工具。如果你的计算机中还没有安装 Node.js,则需要到 Node.js 的官网(https://nodejs.org/zh-cn/download)上下载 LTS 版本的安装包 ......
TypeScript入门到精通——什么是 TypeScript ?
什么是 TypeScript ? https://en.wikipedia.org/wiki/TypeScript TypeScript is a free and open-source high-level programming language developed by Microsoft ......
vue:自定义validator/验证规则(element-plus@2.3.12)
一,官方文档地址: https://element-plus.gitee.io/zh-CN/component/form.html#%E8%87%AA%E5%AE%9A%E4%B9%89%E6%A0%A1%E9%AA%8C%E8%A7%84%E5%88%99 二,js代码: 1 2 3 4 5 6 ......
vue:el-table在resize时报错(element-plus@2.3.12)
一,报错信息: Uncaught runtime errors: × ERROR ResizeObserver loop completed with undelivered notifications. at handleError (webpack-internal:///./node_modu ......
vue_error_Runtime directive used on component with non-element root node. The directives will not function as intended
翻译: '运行时指令,用于非元素根节点的组件。这些指令将无法发挥预期的作用'; 这个错误发生在我将v-show放在自定义组件上时, 我想是因为自定义组件在渲染时会被自定义组件的内部元素替换, 因此设置是无效的 解决: 在自定义组件外加一个div, 把v-show写在div上 ......
[LeetCode] 2334. Subarray With Elements Greater Than Varying Threshold_Hard tag: dp, stack
You are given an integer array nums and an integer threshold. Find any subarray of nums of length k such that every element in the subarray is greater ......
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 ......
下载vue.js、element-plus的js和样式、locale.js、icon-vue.js
一、下载vue.js 地址:https://www.bootcdn.cn/vue/ 找到vue.global.js 点击复制链接,在浏览器中打开,如下所示: 二、下载element-plus的js和样式 进入element-plus的官网:https://element-plus.org/zh-CN ......
基于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 ......
element ui踩坑
项目适配需要rem转换 ,但UI组件内部未转换 问题:由于组件内 ,某些组件宽度和高度是通过prop传参,然后对行内样式动态赋值,所以单位还是px 网上找的方法: 将element ui的 github源码拉下来,然后修改组件源码,然后打包,然后打补丁替换lib文件夹。 个人觉得太繁琐,问题在于,所 ......
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 ......
element-ui plus 修改对话框的样式,无效
<el-dialog v-model="dialogVisible" title="Tips" width="30%" :before-close="handleClose" append-to-body > <span>This is a message</span> <template #foo ......
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 释放配 ......
Vue3 element plus el-dialog (对话框)
首先得是 Vue3项目 并已经引入 element plus 引入 element plus 方法:https://www.cnblogs.com/hailexuexi/p/17730724.html 效果图 这个对话框代码 和 头部 菜单 都在 一个 HeaderComponent.vue 文件中 ......
Vue3 引入 Element Plus
Element Plus简介Element Plus是一个基于Vue3的UI组件库,其设计原则可分为一致(Consistency)、反馈(Feedback)、效率(Efficiency)、可控(Controllability)四个方面。 目前Element Plus可使用的UI组件种类丰富,除了按钮 ......
element ui 的picker-option 30天前限制和30天后限制
pickerOptionsStart:{ disabledDate:(time)=> { // 获取当前日期并减少30天 // console.log(time,'..........tiem'); // console.log(time,'..........tiem'); if (this.en ......
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 ......
vue3 模糊搜索 不区分大小写 多选框 element plus
```javascript<div class="select-part" ref="selectRef"> <div class="check-type"> <input type="text" class="check-type-title" :placeholder="placeholder" ......
Vue3-vite 按需引入Element-plus
1.下载unplugin-vue-components,unplugin-auto-import 包 npm i -D unplugin-vue-components unplugin-auto-import 2.vite.config.js 文件中配置 1 import AutoImport fr ......
React表单合理取值方式
React表单完全使用受控组件,即使用value和onChange来控制input状态 <input value={email} onChange={(e) => setEmail(e.target.value)} /> 在input输入字符时候,会频繁触发表单重新渲染,因为state改变,reac ......
TypeScript: Factory Method in TypeScript
npm install -g typescriptnpm install -g ts-node index.ts //import * as fs from "fs"; //TypeScript 工厂方法模式 Factory Method in TypeScript /** * The Creato ......
element-plus 表单验证demo
<template> <div class="container my-4 mx-auto p-4"> <el-radio-group v-model="labelPosition" label="label position"> <el-radio-button label="left">Left ......
React:我们的用法习惯可能是错误的(不优雅)
React:我们的用法习惯可能是错误的(不优雅) 今天学到了 2023-01-088,361阅读4分钟 在我们React的日常开发中一些常用的写法,看似运行的很好,实际可能并不优雅。学习React并不是如何如何使用它,而是如何写出优雅,干净的代码。下面举一些例子,总结了一些React开发中不好的写法 ......
immerjs:React开发必会技能
immerjs:React开发必会技能 龙骑士尹道长 关注 2 人赞同了该文章 我们都知道React追求的泛式是数据不可变,一般情况下state或者props改变才进入render阶段;如果我们创建的state是一个一般数据类型,他就是一个不可变的值,如果需要改变我们需要重新创建一个state去覆 ......