TSX

如何结合整洁架构和MVP模式提升前端开发体验（二） - 代码实现篇

代码结构vueuserManage└──List├──api.ts├──EditModal│├──index.tsx│├──index.vue│├──model.ts│├──presenter.tsx│
·2022-09-06 17:31

React报错之Property does not exist on type 'JSX.IntrinsicElements'

//App.tsx//️namestartswithlowercaseletterfunctionmyComp
·2022-08-30 23:49

7个技巧让你写出干净的 TSX 代码

原文链接：https://dev.to/ruppysuppy/7-tips-for-clean-react-typescript-code-you-must-know-2da2“干净的代码”不仅是可以正常运行的代码。它指的是组织整齐、易于阅读、易于理解且易于维护的代码。让我们来看看React
程序员既明·2022-08-30 14:00

React封装弹出框组件的方法

本文实例为大家分享了React封装弹出框组件的方法，供大家参考，具体内容如下效果图文件目录alertList.tsx用于容纳弹出框的容器importReactfrom"react";exportconstHAlertList
·2022-08-23 16:40

TSX常见简单入门用法之Vue3+Vite

目录1.安装tsx1.安装tsx插件2.vite.config.ts里的配置3.tsconfig.json里的配置2.使用TSX1.app.vue里的代码2.app.tsx的代码注意:总结1.安装tsx1
·2022-08-19 09:51

react-router v6实现动态路由实例

目录前言思路实现动态路由router/index.ts默认路由reduxlogin/action.tsutils工具函数处理App.tsx前言最近在肝一个后台管理项目，用的是react18+ts路由用的是
·2022-08-17 17:50

React报错之Cannot find namespace context

正文从这开始~总览在React中，为了解决"Cannotfindnamespacecontext"错误，在你使用JSX的文件中使用.tsx扩展名，在你的tsconfig.json文件中把jsx设置为react-jsx
·2022-08-14 21:05

React报错之Cannot find namespace context

正文从这开始~总览在React中，为了解决"Cannotfindnamespacecontext"错误，在你使用JSX的文件中使用.tsx扩展名，在你的tsconfig.json文件中把jsx设置为react-jsx
chuckQu·2022-08-14 21:00

react最流行的生态替代antdpro搭建轻量级后台管理

目录前言项目初始化数据请求+mock配置axios配置react-querymock路由权限配置路由文件main.tsxApp.tsx页面编写login页面BasicLayout动态菜单栏封装页面通用面包屑总结前言你是否经历过公司的产品和
·2022-08-11 11:52

远程管理软件：Royal TSX 5 for Mac激活版

RoyalTSX5是mac系统上一款功能非常强大的远程连接管理工具。兼容多种连接类型，比如：RDP、VNC、基于SSH连接的终端，SFTP/FTP/SCP或基于Web的连接管理，RoyalTSX都可以满足您的要求！内置的凭证管理，安全的团队共享功能，共享连接列表，而无需共享您的个人凭据。
·2022-08-09 10:41

React实现监听粘贴事件并获取粘贴板中的截图

目录监听粘贴事件并获取粘贴板中的截图TSX中给组件添加监听粘贴事件从粘贴板获取截图文件React监听事件事件监听绑定的事件函数相关扩展监听粘贴事件并获取粘贴板中的截图TSX中给组件添加监听粘贴事件constpasteImageRef
·2022-08-08 17:23

在vue中写jsx的几种方式

目录版本render函数jsx/tsx使用jsx的几种方式使用js对象注册component使用.vue文件vue2.7在.vue文件中结合compositionApi和jsx版本本文版本配置vue:2.7.2vue-cli
·2022-08-07 11:02

（前端）「备忘录」设计模式在项目开发中的应用

1.事件起因之前做一个驾照考题的项目，有一个这样的问题，每当我选好了科目和驾照类型后（如图1），点击开始考试就会跳到考试页面（Test.tsx），并且在Test组件中对我架设的中间层发起请求获取数据（如图
红果园园长·2022-08-06 00:00

React报错之Cannot find name

正文从这开始~.tsx扩展名为了在ReactTypeScript中解决Cannotfindname报错，我们需要在使用JSX文件时使用.tsx扩展名，在你的tsconfig.json文件中把jsx设置为
·2022-07-30 23:10

React报错之Cannot find name

正文从这开始~.tsx扩展名为了在ReactTypeScript中解决Cannotfindname报错，我们需要在使用JSX文件时使用.tsx扩展名，在你的tsconfig.json文件中把jsx设置为
chuckQu·2022-07-30 23:00

React报错之组件不能作为JSX组件使用的解决方法

//App.tsx//⛔️'App'cannotbeusedasaJSXcomponent.//Itsreturntype
·2022-07-30 12:32

React报错之组件不能作为JSX组件使用

//App.tsx//⛔️'App'cannotbeusedasaJSXcomponent.//Itsreturntype'Element[]'isnotavalidJSXelemen
·2022-07-28 23:52

React报错之组件不能作为JSX组件使用

//App.tsx//⛔️'App'cann
chuckQu·2022-07-28 22:00

vue2升级vue3：Vue Demij打通vue2与vue3壁垒，构建通用组件

如果你vue2的代码不是使用类组件（大部分应该都是vue-class-componentvue-tsx-support，官方停摆了，再次dissvue），而是使用@vuecomposition-api，
zhoulujun·2022-07-25 23:00

jsx/tsx使用cssModule和typescript-plugin-css-modules

1，前言在vite/webpack搭建的项目中，不管是vue还是react，都可以写jsx/tsx，为了避免样式污染，常用的方式有两种。
鹏多多·2022-07-25 13:00

超强远程管理工具Royal TSX

RoyalTSX是一款超强的远程工具工具，容多种连接类型，比如：RDP、VNC、基于SSH连接的终端，SFTP/FTP/SCP或基于Web的连接管理，RoyalTSX都可以满足您的要求！内置的凭证管理，安全的团队共享功能，共享连接列表，而无需共享您的个人凭据！下载：https://www.macz.com/mac/7308...
·2022-07-18 14:46

Redux入门与小案例

Redux工作流Redux安装Redux集成(React)案例应用1.创建相应的文件夹2.Action模块内容3.Reducer内容4.store内容5.使用Provider作为项目根组件index.tsx6
chen_晨风·2022-07-18 09:52

用 vite 构建 vue3 + TS 项目实战

在开发和构建中进行代码规范校验5、GitCommit规范6、Vite中的TS环境说明7、Vue3中Ts支持8、Vue3中的script-setup语法9、script-setup中的编译宏10、配置转换JSX和TSX11
Daisy__yangyang·2022-07-15 07:29

vue3.0实践之写tsx语法实例

目录测试tsx新建一个App.tsx页面tsx使用v-model指令(App.tsx组件)使用v-show、与三目运算符tsx之数组的遍历(map)自定义属性data-indextsx绑定事件tsx之props
·2022-07-14 18:28

React项目中如何配置Eslint

在保存代码时自动用eslint做格式化步骤：打开设置工作区设置{"eslint.run":"onType","eslint.options":{"extensions":[".js",".vue",".jsx",".tsx
aichixiangcaia·2022-06-27 09:26

Vue3+ElementPlus 表单组件的封装实例

目录form文件夹FormItem.tsx在页面中引用总结在系统中，表单作为用户与后端交互的重要传递组件使用频率极高，故对其进行封装是必然的，也是一个编写规范代码的前端程序员必须做的一件事。
·2022-06-26 12:02

vue3+vite使用jsx和tsx详情

目录安装@vitejs/plugin-vue-jsx配置vite.config.js使用实战第一种写法使用this第二种写法第三种写法安装@vitejs/plugin-vue-jsxyarnadd-D@vitejs/plugin-vue-jsxnpmi-D@vitejs/plugin-vue-jsx配置vite.config.js...importvueJsxfrom'@vitejs/plugin
·2022-06-22 16:52

以 JSX 的方式来编写 Vue 代码

TSX优势代码效验、代码提示、错误提示支持ts里直接写标签及组件还可以将组件写在函数里，结合一下动态值，然后调用函数，实现组件参数的复杂计算//main.ts中将importAppfrom'.
wyc0859·2022-06-02 15:26

ReactHooks+ts(函数组件)实现原生轮播的示例

目录1.下载依赖（第一个是js依赖，第二个是ts依赖）2.创建tsx文件3.创建less文件1.下载依赖（第一个是js依赖，第二个是ts依赖）npminstallsmoothscroll-polyfill
·2022-05-30 20:02

Vue3使用TypeScript的正确姿势

作者：TinssonTaihttps://juejin.im/post/6875713523968802829一个完整的Vue3+Ts项目,支持.vue和.tsx写法项目地址：https://github.com
前端开发博客·2022-05-30 11:27

redux在项目中使用

页面截图：截图1截图2src下目录如下src├─actions│└─choose-question.tsx├─assets│└─images├─components├─reducer│└─actionTypes.tsx
咕嘟咕嘟li·2022-05-24 15:07

react类组件及函数组件中使用typescript

本文目录一、ts在类组件中的应用1.1普通应用1.2类型断言1.3父子组件二、ts在函数组件应用2.1普通应用2.2ref引用2.3父子组件一、ts在类组件中的应用1.1普通应用创建TsClass.tsx
你华还是你华·2022-05-04 08:29

使用pdfh5.js预览pdf 使用jspdf与html2canvas导出pdf

VScode2.使用框架Taro3.安装pdfh5yarnaddpdfh54.安装jspdfyarnaddjspdf5.安装html2canvas```yarnaddhtml2canvas```6.使用在tsx
笑语解愁苦·2022-04-02 14:35

Cesium地形地貌加载

ImageryProvider基础环境：Umi环境下的Cesium搭建_生活真难的博客-CSDN博客1、在线地图数据加载1.1、加载ArcGIS在线地图数据效果：代码：在CesiumMap/index.tsx
生活真难·2022-03-25 08:08

一个基于vue3+vite+ts的完整项目

项目基于ant-design-vue,typescript,vue3.0,vite,tailwindcss,tsx实现的vue3风格的后台管理系统，gitHub地址vue-vben-admin
vvvben·2022-03-24 12:10

react tsx组件中使用 antd From 表单，父组件传值到子组件类型定义报错

reacttsx组件中使用antdFrom表单，父组件传值到子组件类型定义报错解决方案：引入antd类型Form类型声明继承antd类型声明中的类import{FormComponentProps}from'antd/lib/form';interfaceMyPropsextendsFormComponentProps{text?:string;}constSon=(props:MyProps):
K403·2022-03-24 04:11

Vite打包组件库

动机去年使用vue3+TSX封装组件，结果卡在了打包上，直到最近发现，vite提供了tsx的打包插件。
·2022-03-23 00:15

通过vue3学习react17(二) - 父组件调用子组件方法Ref(ts)

使用useRef子组件(Child.tsx)#Child.tsxexportinterfaceChildProps{count:number;setCount:(params:Chi
·2022-03-22 14:21

tsx开发vue3：从零到全面覆盖

本篇介绍在vue3中使用tsx的使用方法，之前博主有一篇根据路由生成菜单的文章，里面也介绍了jsx语法的基本使用：vue3+jsx使用递归组件实现无限级菜单本篇聚焦于vue3中使用tsx，从基础语法到复杂使用
超人鸭·2022-03-18 22:41

styled-components 基本用法

styled-components基本用法安装npminstall-savestyled-components或yarnaddstyled-components注：如使用tsx语法请同时安装相应的@types
星河幻舞·2022-03-18 21:10

介绍一个文本语音神器，几行代码就能搞定！

#初始化语言转换引擎tsx=pyttsx3.init(
·2022-03-15 21:43

html烟花代码在线编程,canvas实现烟花的示例代码

index.tsx就
知乎职场·2022-03-05 12:04

基于React实现流量趋势图同轴联动的效果（Echarts实现）

1、基本效果截图image.png2、基于React自定义hook的代码实现：SeriesChart.tsx组件封装：importReact,{useState,useEffect,useRef}
蜀城走马·2022-03-03 19:05

TypeScript Error 2304: Cannot find name 'div' - CRA TS Template

背景使用react官方文档上的命令npxcreate-react-appmy-app--templatetypescript创建个一个ts项目，打开后发现index.tsx和App.tsx文件有报错。
·2022-02-28 19:45

react中配置路由

页面之间的跳转其实就是路由的切换，所以每个应用的路由配置是必须的，浅谈react中怎么配置路由首先你要在src文件夹下新建一个router的文件下，在router文件下新建一个index.js(我用的是TS,所以是index.tsx
冰中焱·2022-02-28 18:00

React Native Typescript Redux快速搭建

原来的样子首先我们修改我们的src/index.tsx实现一个简单的计数器代码如下importReac
ArthurWang·2022-02-18 04:15

关于怎么在vue项目里写react详情

我们可以直接创建jsx/tsx文件这次的项目结构是这样的：在vue文件里这么使用//index.vueimport{Component,Vue}from"vue-property-decorator";
·2022-02-17 11:52

vs code 前端常用插件

vscode汉化gitGitLens：显示每一行代码的作者及提交时间JavaScript(ES6)codesnippets:ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx
yokohu·2022-02-03 18:39

React滑动条扫描图片组件(.tsx + .less, hooks组件)

ps:滑动条样式直接搬运的下方https://www.chaos.com/blog/ho...组件实现部分重点:visibility:"hidden"一份左半的图片兜底占位，左右两半图片都绝对定位。配置滑动条的鼠标下按、抬起事件，并在鼠标下按时监听mousemove事件。为了实现“即使鼠标移动到滚动条、浏览器外、浏览器内的f12控制台处松开”也能取消鼠标拖拽————事件监听直接配在了documen
·2022-01-07 15:49

为了生成唯一id，React18专门引入了新Hook：useId

但如果应用是SSR（服务端渲染），那么App.tsx会经历：React在服务端渲染，生成随机id（假设为0.1234），这一步叫dehydrate（脱水）
·2021-11-26 10:46
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他