typescript elements useref react
VSCode 中如何指定和切换 TypeScript 的版本 All In One
VSCode 中如何指定和切换 TypeScript 的版本 All In One Command + Shift + P demos --> (🐞 反爬虫测试！打击盗版⚠️）如果你看到这个信息, 说明这是一篇剽窃的文章，请访问 https://www.cnblogs.com/xgqfrms/ 查 ......
Leetcode 34. Find First and Last Position of Element in Sorted Array
题解 用了两次二分，分别计算第一个>=target的元素位置和第一个>target的元素位置。闭区间二分，[l,r]是未知的，保证每次答案都在[l,r]中，定义清楚nums[l-1]和nums[r+1]和target的关系。因为是while(l < r)，所以到l == r时跳出循环，分析l == ......
React学习笔记03-编写第一个react应用程序
react开发需要引入多个依赖文件:react.js,react-dom.js,分别又有开发版本和生成版本，creat-react-app里已经帮我们把这些东西都安装好了。把通过CRA创建的 工程目录下的src目录情况，然后在里面重新创建一个index.js写入以下代码。 //从react的包当中引 ......
React学习笔记02-创建React项目
1.全局安装create-react-app npm install -g create-reat-app 2.创建一个React项目 create-react-app myapp 注意命名规范不能大写，中文等 如果不想全局安装，可以直接使用npx npx create-react-app myap ......
React学习笔记01-React的基本认识
1.React起源与发展 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决 定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源 了。 2.React与传统MVC的关系 轻 ......
remotion 基于react 创建视频的框架
remotion 可以让我们直接基于react 创建视频,使用到的技术webgl，css,canvas,svg 说明 对于希望使用web 创建使用的场景这个是一个不错的选择（比如营销动画），很值得学习下 参考资料 https://www.remotion.dev/docs/https://githu ......
初探富文本之React实时预览
初探富文本之React实时预览 在前文中我们探讨了很多关于富文本引擎和协同的能力，在本文中我们更偏向具体的应用组件实现。在一些场景中比如组件库的文档编写时，我们希望能够有实时预览的能力，也就是用户可以在文档中直接编写代码，然后在页面中实时预览，这样可以让用户更加直观的了解组件的使用方式，这也是很多组 ......
TypeScript function overload All In One
TypeScript function overload All In One TypeScript 函数重载 errors // This overload signature is not compatible with its implementation signature.(2394) f ......
快速理解 TypeScript 的逆变和协变
快速理解 TypeScript 的逆变和协变 发布于 2022-06-06 08:36:42 8081 举报 深入学习 TypeScript 类型系统的话，逆变、协变、双向协变、不变是绕不过去的概念。 这些概念看起来挺高大上的，其实并不复杂，这篇文章我们就来学习下它们吧。 类型安全和型变 TypeS ......
How to fix TypeScript tsc CLI option --jsx errors All In One
error TS6142: Module '' was resolved to '/index.tsx', but '--jsx' is not set.
error TS5023: Unknown compiler option '--jsx=react'.
......
定位元素封装find_element(增加显性等待等)
封装 # find_elementUtil.py import os import time from selenium.webdriver.support import expected_conditions as EC from appium.webdriver.common.appiumby ......
typescript: Strategy Pattern
/** * Strategy Pattern 策略是一种行为设计模式， 它将一组行为转换为对象， 并使其在原始上下文对象内部能够相互替换。 * * file: Strategyts.ts * The Context defines the interface of interest to clien ......
typescript: Visitor Pattern
/** * * Visitor Pattern 访问者是一种行为设计模式， 允许你在不修改已有代码的情况下向已有类层次结构中增加新的行为。 * file: Visitorts.ts * The Component interface declares an `accept` method that ......
typescript打包成类库 typescript编译成一个文件
一、typeScript安装以及基础编译 npm i -g typescript 安装完，进入ts文件的项目目录下，在命令行执行 tsc hello.ts（hello.ts是ts文件，执行这个命令可以把ts文件编译为hello.js文件） tsc hello.ts 这个命令，ts文件里的代码每改变一 ......
Element type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got undefined
原因就是组件引入错误，应该是 import {BillReverse} form '../xx' 写成了 import Reverse from '../xx' 两个错误 1. 没写大括号 2. 组件名错误 如何从打包后的文件分析导出内容格式，待解决 ......
TypeScript数据类型
TypeScript数据类型：string：字符串number：数字boolean：true/falsestring[]:数组 any：可以是任何类型。当你不希望某个特定的值导致类型检查错误时，你可以使用它。以下都不会报编译异常let value: any;value.foo.bar; // OKv ......
react中关于父子组件传值已经方法调用总结
问题： 1、封装自定义组件后，父子组件的传值与方法调用则是必须进行的操作，但是在网上看到多种的方法后， 有的方法一个组件下好使，但是换一个组件后就不好用了 有的方法根本就不好使，不知道是什么原因 2、父子组件之间的传值都是用props这个毫无疑问，也没有什么问题 3、父子组件方法调用则是上面提到的问 ......
element表格的表头添加*星号
vue怎么实现element表格里表头信息提示功能？第一、给el-table添加:header-cell-class-name <el-table :header-cell-class-name="func"></el-table> 第二、在vue的methods中编写方法 // 给头部添加星星 f ......
element-ui 解决 table 里包含表单验证
实际项目中的场景，需要在table里做表单的验证，如图效果： 其实问题关键就在于如何给el-form-item动态绑定prop :prop="'tableData.' + scope.$index + '.字段名'" ......
typescript: Observer Pattern
/** * Observer Pattern 观察者是一种行为设计模式， 允许一个对象将其状态的改变通知其他对象 * file: Observerts.ts * The Subject interface declares a set of methods for managing subscrib ......
使用useState实现一个简单好用的局部react状态管理方案
partModel为一个接收状态变量，抛出状态变量及设置状态变量方法的函数。 用法预览： 在顶部组件引用，传入局部的状态变量，会返回一个对象，此对象包含初始变量和每个变量各自的set方法，以及一个批量修改变量的changeState方法。 例： const model = partModel({ c ......
react hooks定时器，值增1
使用函数式更新的方法实现定时器的代码： import React, { useState, useEffect } from 'react'; function App() { const [count, setCount] = useState(0); useEffect(() => { cons ......
typescript: Mediator pattern
/** * * Mediator pattern 中介者是一种行为设计模式， 让程序组件通过特殊的中介者对象进行间接沟通， 达到减少组件之间依赖关系的目的。 * file: Mediatorts.ts * The Mediator interface declares a method used b ......
ELement UI 项目中实现多语言(转载)
注意:这里包含了ELementul带组件的多语，跟自定义的(自己创建的en，zh文件，然后调用，然后放上去实现多语)那个不一样，ElementUl的只需要再i18n.is里面调用即可 1.{{$t('Role.roleName')}} 2.$t('Role.roleName') 3.this.$t( ......
React学习之diff算法
1. 前言 找到了一篇特别好的笔记——diff 2. 验证diff <!DOCTYPE html> <html lang="en"> <head> <style> .box { width: 300px; height: 150px; overflow: auto; background-color ......
3.web前端开发(Axios,前端工程化,Element,路由)
web前端开发(Axios,前端工程化,Element,路由) Axios Axios官网：https://www.axios-http.cn/ 定义: 引入Axios的js文件； <script src="js.axios-0.18.0.js"></script> 使用Axios发送请求，并获取响 ......
typescript: Template Method pattern
/** * Template Method pattern 模版方法是一种行为设计模式， 它在基类中定义了一个算法的框架， 允许子类在不修改结构的情况下重写算法的特定步骤。 * file: Templatets.ts * The Abstract Class defines a template m ......
typescript: State Pattern
/** * State Pattern 状态是一种行为设计模式， 让你能在一个对象的内部状态变化时改变其行为。 * The Context defines the interface of interest to clients. It also maintains a * reference to ......
typescript: Iterator Pattern
/** * Iterator Pattern 迭代器是一种行为设计模式， 让你能在不暴露复杂数据结构内部细节的情况下遍历其中所有的元素 * file: Iteratorts.ts npm install -g babel-cli * Intent: Lets you traverse element ......
typescript: Memento Pattern
/** * Memento Pattern 备忘录是一种行为设计模式， 允许生成对象状态的快照并在以后将其还原。 * The Originator holds some important state that may change over time. It also * defines a me ......