typescript elements useref react
vue.js:5108 [Vue warn]: Cannot find element: #body_container
1、原因：我把 Vue 挂载元素的JS放在了html加载完成的前面了 2、解决：放到html加载完成之后就可以了 ......
react项目搭建-路由封装
router v6 路由统一管理与添加，对是否登录进行判断。 1.使用脚手架创建项目 新建一个文件夹 ，在文件夹内部打开命令行工具。 执行命令：npx create-react-app 项目名字 将项目放在开发工具中，打开项目终端运行项目（npm start / yarn start) 注：npx命 ......
Vue中使用Element
Vue中使用Element.UI菜单完成主体页面搭建一.搭建ElementUI基础环境（基于脚手架）1.新建空的文件夹,文件夹命名自定义2.在文件资源管理器上方输入cmd3.然后在控制台中输入vue create (自定义名称)注意:只支持小写 输入完后按Enter4.在第一个选择项中选择Manua ......
关于 Element-UI 的完整分页
1.首先要在Elment-ui的官网下载安装包 2.然后项目中的 manin.js 中配置组件，使其可以正常使用 3.正确写入配置。 4.然后去复制官网他所给的分页代码，修改参数 <el-pagination @size-change="handleSizeChange" @current-chan ......
TypeScript学习
TypeScript 快速入门  - JavaScript 是一种属于网络的高级脚本语言，已经被广泛用于 Web ......
ElementUI——vue2+element-ui 2.x的动态表格和表单
# 前言 一个基于vue2.x + element-ui 2.x版本的项目，里面都是CURD的东西，但是前人并未封装组件，而是直接CV，现在要新增一个大模块的功能，就想着封装个组件，后面再基于这个组件对老项目进行改造； > 虽然是一个大模块，但是功能还是比较简单的，结构如下； ![](https:/ ......
React请求机制优化思路
说起数据加载的机制，有一个绕不开的话题就是前端性能，很多电商门户的首页其实都会做一些垂直的定制优化，比如让请求在页面最早加载，或者在前一个页面就进行预加载等等。 ......
List集合异常：list All elements are null
转： List集合异常：list All elements are null https://blog.csdn.net/qq_36458574/article/details/115697287 代码中 用的不符合多态的接受方式 LinkedList 虽然有序 ，但是能够插入空值。 ......
React面试1
1.什么是虚拟DOM？虚拟DOM是真实DOM在内存中的表示，ul的表示形式保存在内存中，并且与实际的DOM同步，这是一个发生在渲染函数被调用和元素在屏幕上显示的步骤，整个过程被称为调和 2.类组件和函数组件之间的区别是什么？类组件可以使用其他特性，如状态和生命周期钩子，并且他有this 函数组件只能 ......
element-ui使用巧技
1.全局修改定义message提示信息 //大写的Message是个构造函数 //1是重新定义构造函数来挂载到原型覆盖原来的。 //2是直接引入Message重新定义它的原型方法。 import Element,{ Message } from 'element-ui' const message ......
[React Typescript] Discriminated Tuples in Custom Hooks
import { useEffect, useState } from "react"; export type Result<T> = | ["loading", undefined?] | ["error", Error] | ["success", T]; export const useDa ......
typeScript学习-类、静态数据、静态属性应用
typeScript学习 类、静态数据、静态属性应用 类： 定义：类就是拥有相同属性和方法的一系列对象的集合。 展开理解：类是一个模具，是从这该类包含的所有具体对象中抽象出来的一个概念，类定义了它包含的全体对象的静态特征和动态特征。 举例： people 类 静态特征【属性】name、age、add ......
typeScript学习-TS类型-其他特殊类型-可变元组
typeScript学习 可变元组： let people: [string, number, string, string, string] = ["wangwu", 23, "地址", '13312341234', '备注'] // 当前三个数据固定格式，后面数据不确认格式时 用可变元组 // ......
typeScript学习-TS类型-对象类型-Array
typeScript学习 对象类型-Array 数组和数组元素只读 const account = [10, 40, 50, 60, 90] as const // account[0] = 100 // 错误 export { } ......
typeScript学习-TS类型-其他特殊类型-元组（tuple）
typeScript学习 元组（tuple）： 满足以下3点的数组就是元组 （1）在定义时每个元素的类型都是确定 （2）元素值的数据类型必须是当前元素定义的类型 （3）元素值的个数必须和定义时个数相同 let salary: [string, number, number, number, numb ......
一文了解 history 和 react-router 的实现原理
>我们是[袋鼠云数栈 UED 团队](http://ued.dtstack.cn/)，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 >本文作者：[霜序](https://luckyfbb.github.io/blog) ## 前言 在前一篇文章中 ......
关于element树形控件
今天同事遇到一个问题，在element的属性控件的插槽里放了el-drop组件， el-drop组件包裹着一个操作按钮，希望点击操作按钮的时候不会触发树形控件的node-click。 她做了这样的尝试： 给el-drop的click加了stop的修饰符，但是没有生效，具体说是会先触发树的click事 ......
element-ui 菜单导航的使用
导航属性 原有代码启用 :router="true" 属性2.整理路由 将菜单界面作为根 将菜单对应的相应的界面 放到其下面，相当于其的子代3.在<el-main></el-main> 中放入 页面显示出口 标签 <router-view></router-view> ......
周三 element
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .el-header { background-color: #B3C0D1; color: #333; line- ......
关于element ui table回选的问题思考
业务需求 选设备，左侧树，右侧是树，下方是element的tag 原先版本是左右都是树，这样出现了一个问题 当左侧是虚拟滚动树的时候，展开的节点过多，右侧点击全选的时候会很慢， 原因：查看源码之后发现，tree-store.js中，element ui在树注册的时候，getAllNodes是页面中所 ......
[React Typescript] Well typed a React Context provider
import React from "react"; import { Equal, Expect } from "../helpers/type-utils"; const createRequiredContext = <T extends any>() => { const context = ......
[React Typescript] Fixing type inference in a Custom React Hook
// Problem import { useState } from "react"; import { Equal, Expect } from "../helpers/type-utils"; export const useId = (defaultId: string) => { cons ......
引入element-ui组件
element-ui文档：https://element.eleme.io/#/zh-CN/component/quickstart 1、完整引入，按照如下红框中的引入即可，引入后即可使用element-ui中的各组件 2、按需引入，按照文档中引入即可 ......
typeScript学习-interface和type 区别
typeScript学习 interface（接口） 和 type 区别 type 和接口类似，都用来定义类型，但 type 和 interface 区别如下： 区别1：定义类型范围不同 interface 只能定义对象类型或接口当名字的函数类型。 type 可以定义任何类型，包括基础类型、联合类型 ......
Taro react 插件提供外部插件引用
项目结构 projectName |-pages/index |-plugin |-components |-avatar index页面中引用： import Taro from '@tarojs/taro' import { Component, PropsWithChildren } from ......
react 状态管理
srore index.tsx import React from 'react'; // 仓库文件桶 import StoreContent from './StoreContent'; import SetDataBtn from './SetDataBtn'; import ShowDataB ......
[Typescript] Don't compare generic function, instead compare function arguments and return type
Typescript has its problem that when you try to compare generic function to a function signature, you will run into issue. Because for one function, i ......
[Vue warn]: Runtime directive used on component with non-element root node. The directives will not function as intended.
 ### 原因 意思是自定义指令不能放到组件上,而是要放到自有的元素上,也就是这里用到的`v-dialogDrag ......