typescript elements useref react
element-ui校验表单只能输入数字
element-ui校验表单只能输入数字 原文链接：https://blog.csdn.net/q879936814/article/details/126788782 接到需求，让表单中只能输入数字，使用v-model的.number可以实现，但是不能以0为开头；又试了rule加type=numb ......
Typescript实现指定属性变成readonly
1. 存在的问题 typescript内置的Readonly类型只能为所有的属性加上readonly关键字，假设已经有如下的interface叫Circle： interface Circle { kind: "circle"; radius: number; x: number; y: numbe ......
react学习好办法
###1、B站视频 https://www.bilibili.com/video/BV1Z44y1K7Fj/ 19个小时，2倍速的情况下，还是很快就能看完的。 可以略过类组件。 视频涉及技术栈 React + Hook + React-router-v6 + Mobx + AntD ###2、全家桶 ......
react-three-fiber
npx create-react-app . 当前目录下面安装 className / htmlFor 注视 { /* */ } useState 第二个参数：最好使用 函数来设置值，因为 可能有异步的情况导致 值设置不正确 getItem('count')?? 0 undefined或者null ......
OpenTiny 跨端、跨框架组件库升级TypeScript，10万行代码重获新生
摘要：一份精心准备的《JS项目改造TS指南》文档供大家参考，顺便介绍TS 基础知识和 TS 在 Vue 中的实践。 本文分享自华为云社区《历史性的时刻！OpenTiny 跨端、跨框架组件库正式升级 TypeScript，10 万行代码重获新生！》，作者：Kagol。 根据 The Software ......
城市选择react
import React, { useEffect, useState } from 'react'; import { Cascader } from 'antd'; import { SysCityList } from '../../services/citys'; interface Opt ......
python browser.find_element_by 方法过期browser.find_element_by_tag_name;browser.find_element_by_class_name;browser.find_element_by_id;browser.find_element_by_name;
python3.0以后 selenuim.webdriver 库不在推荐使用find_element_by_接后缀的方法 browser.find_element_by_id('slogan') browser.find_element_by_name('slogan') browser.find_ ......
React Native UI界面还原，组件布局与动画效果
react native还原UI界面跟写web react 差不多，布局及样式有css基础在StyleSheet里面写一样。其实跟Android写xml大同小异而已。只是react native动画方面，设置起来还是风格迥异 ......
ReactJS到React-Native，架构原理概述
React是一个纯JS的UI库，只能干HTML/CSS/JS 提供的Web服务（新的H5 API不一定支持）， React-Native厉害在于它能打通JS和Native Code, 让JS能够调用丰富的原生接口,充分发挥硬件的能力, 实现非常复杂的效果,同时能保证效率和跨平台性。 在一定程度上，R ......
element-ui按需使用-2023年
element-ui按需引入报错 Error: Cannot find module ‘babel-preset-es2015‘ 版本需要更新了 下载babel npm i @babel/preset-env -D 因为是使用es6编译，所以在babel.config.js中写成 module.ex ......
【ABAQUS】finite element review
学习笔记，from abaqus document "getting start with ABAQUS" abaqus 两大类单元：finite element 和 rigid body 。 finite element is deformable. rigid body is umdeforma ......
Element-ui表格根据数值条件显示不同内容
从后端获取的 status 是数字格式的 0 或 1，没有语义可读性 |产品|启用状态| | | | |产品一|0| |产品二|1| <el-table-column prop="status" label="启用状态"> </el-table-column> 现在要 status 为 0 时显示 ......
TypeScript必知三部曲（一）TypeScript编译方案以及IDE对TS的类型检查
TypeScript代码的编译过程一直以来会给很多小伙伴造成困扰，typescript官方提供tsc对ts代码进行编译，babel也表示能够编译ts代码，它们二者的区别是什么？我们应该选择哪种方案？为什么IDE打开ts项目的时候，就能有这些ts代码的类型定义？为什么明明IDE对代码标红报错，但代码有 ......
react native项目初始化bundle资源无法加载
React Native 创建报错 环境： macOS Monterey 12.6 node v16.13.0 报错： error warn Multiple Podfiles were found: ios/Podfile,vendor/bundle/ruby/2.7.0/gems/cocoapo ......
element-plus —— 如何对elementUI-plus进行debugger
前言 无论什么UI其实操作都一样，至于为什么debugger，那肯定是有问题而且涉及到源码了，哈哈哈； 内容 引入组件后在对应的组件里面进行debugger即可 <template> <el-select></el-select> <el-dialog v-model="dialogVisible" ......
vue全家桶进阶之路29：Element Plus
Element Plus是一个用于Vue.js的UI组件库，为开发人员提供了一组可重用和可定制化的组件，用于构建现代Web应用程序。它是流行的Element UI库的扩展，重点是提高性能和可访问性。 Element Plus包括广泛的组件，如按钮、表单、表格、对话框等。 除了常规的UI组件外，Ele ......
element Compressor图片压缩且上传-
上传了压缩后的照片 <template> <div> <!-- <el-upload :class="uploadDisabled" ref="upload" :action="action" :headers="headers" list-type="picture-card" :limit="1 ......
React 井字棋
React 井字棋 参考 React 的文档，用 React 搞个井字棋。代码实现主要还是参考的文档，不过也在原有的基础上也做了点优化和美化。 原型 先看原型的构成（其实是最终做完的效果，暂且当原型用）： 且页面的 HTML 结构和 CSS 样式已经完成： <!DOCTYPE html> <html ......
react native打包
react native打包文档 1、准备环境 当前打包环境：JDK11、Android studio 2021.1.1 Patch3 、react native 0.68.1、Node 16.14.2 2、生成密钥 使用JDK自带的keytool命令生成一个私有密钥 进入JDK的bin目录，执行如 ......
免费分享前端面试题，vue面试题，TypeScript基础知识点 PDF格式
免费分享前端资料，面试题，电子书 接前端开发，带徒弟，一对一教学，远程协助，bug修改 微信： ......
react 路由拦截
import React, { lazy, Suspense } from 'react'; import Edit from '../pages/ceshi/table/AddEdit'; import Details from '../pages/ceshi/table/Details'; im ......
element input输入框控制字符长度，汉字算两个字符
<el-input v-model="inputValue" maxlength="10" style="width: 20%" placeholder="请输入(一个汉字等于两个字符)" @input="checkLength"></el-input> <script setup lang="ts ......
element-plus中Container 布局容器左右留白
index.vue代码如下： <script lang="ts" setup> </script> <template> <el-container class="layout"> <el-aside class="aside" width="200px">Aside</el-aside> <el- ......
TypeScript 学习笔记 — 自定义类型:部分属性可选，反选 key，求对象交差并补集等（十三）
上文中介绍了 对象操作的内置类型的使用，本文介绍几个基于内置类型，扩展的自定义类型，(类型名称自定义的) 将部分属性变为可选属性 实现思路：先将 name 属性挑出来变为可选的 & 除了 name 属性的 // 有时处理类型之后，对象类型结构不明显。只是简单做一个映射，并未其他意义。 type Co ......
思考 TypeScript namespace，复习 class 语法
前言 据我所知，早期 JavaScript 没有 class 语法，很多都是函数，即便是现在的 class 本质上也是一个函数。在这里不说函数与 class 之间的关系和区别。 下面将从 class 语法上讲解，阐述为什么有 class 以及作用； 对 class 语法进行了探讨之后，再思考 Typ ......
React的行内样式与CSS
如何为组件添加 CSS 的 class？ 传递一个字符串作为 className 属性： render() { return <span className="menu navigation-menu">Menu</span> } CSS 的 class 依赖组件的 props 或 state 的情 ......
将前端图片转为base64存储至本地服务器，并返回URL存入数据库。Vue、Element-UI、axios、node.js
核心步骤：将base64转为buffer并用fs.write()存入.png文件中，即可得到一张可展示的图片，将其路径写入数据库即可。非二进制或blob对象 第一：获取图片文件，将其转为base64，通过axios发送至后台node.js服务器 HTML： methods中： getBase64(f ......
微信公众号 过滤 typescript cheerio
E:\公众号文章采集\fi_filter_过滤器\src\exact_新浪博客手机版提取连接.js const fs = require('fs'); const jsdom = require('jsdom'); const { JSDOM } = jsdom; fs.readdir('./htm ......
浅谈React与SolidJS对于JSX的应用
React将JSX这一概念深入人心。但，并非只有React利用了JSX，VUE、SolidJS等JS库或者框架都使用了JSX这一概念。网上已经有大量关于JSX的概念与形式的讲述文章，不在本文的讨论范围。 前言 实际上，JSX并不是合法有效的JS代码或HTML代码。目前为止也没有任何一家浏览器的引擎实 ......