E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
tsx
Vue3 企业级优雅实战 - 组件库框架 - 10 实现组件库 cli - 下
由于.vue类型的组件的样式就直接写在了style中,故首先判断组件类型是否是
tsx
,
tsx
类型的组件才进行这一步的操作:在scss/components/目录下创
程序员优雅哥
·
2023-04-07 00:41
javascript
前端
vue.js
架构
Vue3 封装 Element Plus Menu 无限级菜单组件【建议收藏】
本文分别使用SFC(模板方式)和
tsx
方式对ElementPlusel-menu组件进行二次封装,实现配置化的菜单,有了配置化的菜单,后续便可以根据路由动态渲染菜单。
程序员优雅哥
·
2023-04-07 00:11
vue
前端
基于 vite 创建 vue3 全家桶项目(vite + vue3 +
tsx
+ pinia)
vite最近非常火,它是vue作者尤大神发布前端构建工具,底层基于Rollup,无论是启动速度还是热加载速度都非常快。vite随vue3正式版一起发布,刚开始的时候与vue绑定在一起,但之后的v2版本便比较独立,vite不仅支持vue,还支持React、Preact、Vanilla等前端库。由于vite出现的时间不是很久,基于vite创建的项目没有vue-cli那么完整,如果要使用vue全家桶、E
程序员优雅哥
·
2023-04-07 00:41
vue
前端
vue.js
前端框架
StaMPS结合TRIAN 做GACOS大气校正
下安装ROI_PAC,ubuntu16.04安装StaMPS及常见问题解析,StaMPS的step_read_whole_ERS,step_read_whole_RSAT,step_read_whole_
TSX
珠峰上的蓝天
·
2023-04-06 01:12
InSAR
GACOS
StaMPS
TRAIN
大气校正
[效率提升]webstorm配置Prettier:代码自动格式,格式化时清除空行,修改使用代码模板
{js,ts,jsx,
tsx
,vue}二、使
南北极之间
·
2023-04-05 20:05
前端开发
webstorm
前端
npm
Prettier
前端插件
Umi +React + dva + Ant Design Pro 的项目学习(二) Umi项目的目录结构介绍
其他的例如用/layouts/index.
tsx
来放置全局布局文件,app.ts来动态修改路由,public目录来存放静态文件等等,用到再加,加了再学。下
Biu_Destiny
·
2023-04-05 17:11
前端开发
react
js
前端
vue2升级vue3:class component的遗憾
在vue2,class写法真的非常爽import { Component as tsc } from 'vue-
tsx
-support';import { Component, Watch } from
周陆军的个人博客
·
2023-04-05 02:30
javascript
vue.js
typescript
TypeScript入门知识
我们约定使用TypeScript编写的文件以.ts为后缀,用TypeScript编写React时,以.
tsx
为后缀。ts在对数值类型的定义的区别是:在定义数据类型的时候,都是通过在变量
ass_ace
·
2023-04-03 21:08
TypeScript
typescript
当我们聊前端部署时,我们在聊什么
为大家准备了一份大礼包,为大家职业道路上助助力作者:字节架构前端链接:https://juejin.cn/post/7017710911443959839先上灵魂拷问在文章之前,先抛一些灵魂拷问:前端代码从
tsx
好码农
·
2023-04-02 02:46
前端
vue.js
javascript
TypeScript——JSX(一)
基本用法想要使用JSX必须做两件事:给文件一个.
tsx
扩展名启用jsx选项TypeScript具有三种JSX模式:preserve,react和r
2o壹9
·
2023-04-01 16:49
React自定义hooks学习
43398820/article/details/123776338使用自定义hooks实现2个小例子例1获取鼠标当前坐标的自定义hooks新建src–>hooks->useMousePosition.
tsx
Aaron_1127
·
2023-04-01 13:34
#
react
react.js
javascript
hooks
vue3的
tsx
写法(v-show、v-if、v-for、v-bind、v-on),父子组件传值
1、如下就是vue3的
tsx
写法,
tsx
写法中支持使用v-show,如下:import{ref}from'vue'letappData=ref('');letflag=false;constrenderDom
唐长老521
·
2023-04-01 08:38
vue3
tsx
vue.js
javascript
前端
Taro自定义模态框(modal)
创建组件myModal文件夹然后新建index.
tsx
以及index.scss1,index.tsximportTaro,{useState,useEffect}from"@tarojs/taro"import
friendshi洛初Udo邭
·
2023-03-30 20:35
react+typescript+antd 项目实战(2)
添加组件目标:通过添加组件的方式,做一个主页,显示welcometoreact在src下新建components文件夹,然后新建Home.
tsx
,具体代码如下import*asReactfrom'react
没有注定的结局
·
2023-03-28 16:16
React环境搭建
cnpmicreate-react-app-gcreate-react-appreact-admin--templatetypescriptcdreact-adminnpmstart文件命名:.js/.jsx/.ts/.
tsx
落幕12
·
2023-03-28 08:07
修改Ant Design Pro底部版权信息的方法
找到路径下文件src/components/Footer/index.
tsx
修改内容为:exportdefault()=>{constintl=useIntl();constdefaultMessage
python小智
·
2023-03-26 07:26
antd table 可伸缩列 react-resizable 多表头实现
antd自带的可伸缩列控制列宽,不能对多表头、合并单元格的table起效果,于是优化了一下奉上截图2张,没有录屏拖动前.png拖动后.pngResizableTable.
tsx
组件代码如下import{
亲了你一下宝宝
·
2023-03-25 14:35
问题集
css模块化在
tsx
文件引入不正确搭建好的React项目。
lovinglili
·
2023-03-24 23:09
一文详解如何在Vue3中使用jsx/
tsx
目录JSX如何用插值条件渲染(v-if)列表循环(v-for)事件绑定事件修饰符v-model插槽最后我们都知道,通常情况下我们使用vue大多都是用的SFC(SignleFileComponent)单文件组件模式,即一个组件就是一个文件,但其实Vue也是支持使用JSX来编写组件的。这里不讨论SFC和JSX的好坏,这个仁者见仁智者见智。本篇文章旨在带领大家快速了解和使用Vue中的JSX语法,好让大家
·
2023-03-23 20:30
搭建 vite + vue3 +
tsx
项目
锁死npm版本号npmconfigsetsave-prefix=''1.创建项目以下命令二选一pnpmcreatevite@2.9.0mangosteen-fe-1----templatevue-tsnpmcreatevite@2.9.0mangosteen-fe-1----templatevue-ts然后进入项目,分别运行pnpmrundevpnpmrunbuild运行build的时候报错解决方
sweetBoy_9126
·
2023-03-23 11:50
Vite2+vue3+ts引用axios,配置环境变量
vite-vue-ts-eslintatvite+vue3+ts引入axios并做二次封装(github.com)1.安装使用Axiosinstallyarnaddaxios封装在src文件夹下新建api文件,并在api文件夹下新建index.
tsx
东方三篇
·
2023-03-21 02:24
关于css获取属性值
constcolor=['#fff','#000']color.map(c=>)定义变量,获取变量外部参数申明成变量,css文件使用var()获取变量值,使用setproperty更改变量的值例://
tsx
蹲在旮旯的木鱼
·
2023-03-20 18:07
React Hooks之封装表格组件
组件目录结构image.pngindex.
tsx
就是我们的组件主文件,index.less用于自定义表格样式,type.ts用于定义接口类型组件实现1.组件的功能支持自定义表头配置支持自定
萧雪圣
·
2023-03-20 08:47
支付二维码整合 - 三码合一支持支付宝、QQ、微信
下面是我的内容:支付宝:https://qr.alipay.com/
tsx
108134acakckixsivtd4微信:wxp://f2f0kIl6qSrlWNFu
阿兵
·
2023-03-20 07:05
记录git删除 由于文件大小写重命名导致的同步更新的其中一个文件
背景我在window系统做开发,前两天重命名工作区一个FullState.
tsx
为fullState.
tsx
,可能由于提交反复的问题(commit时没成功被误以为成功了,后续修改直接执行了amend,导致需要
mlight_月光
·
2023-03-19 13:48
版本管理
git
github
vue3 ts 使用 vue-meta
vue-metanpmi-Svue-meta@next目前vue-meta3还是处于alpha阶段,不要低于3.0.0-alpha.7项目结构.src├──App.vue├──global│└──vue-meta│├──component.
tsx
ci0n
·
2023-03-19 12:00
vue2升级vue3:TypeScript下vuex-module-decorators/vuex-class to vuex4.x
因为vue2下vue-property-decorator+vue-
tsx
-support+vuex-module-decorators/vuex-class,classcomponents用的爽的也是不要不要的但是
zhoulujun
·
2023-03-18 04:28
保荐人制度
加拿大的多伦多证券交易所(
TSX
)、香港交易所创业板市场(GEM)也采纳了这一制度。我国的证券保荐人制度主要参考借鉴了香港、英国做法,但将其应用范围拓
O_O_57ba
·
2023-03-16 10:13
babel6升babel7 出现Object.isSpreadProperty信息问题
将babel6升级至babel7后编译js(ts/
tsx
)出现Object.isSpreadProperty信息如下图image出现原因:babel-plugin-transform-object-rest-spread
fyAgent
·
2023-03-16 02:55
自定义ant-design-vue中TABLE表格的展开图标 expandIcon 改写
expandIcon这个属性支持prop传参以及slot写法,但是实际测试下来并不能像expandedRowRender一样用slot来改写,阅读源码以后也验证了我的想法然后在网上找寻了一些解决办法但都是以
tsx
snakeninja110
·
2023-03-13 22:17
vue3+ts+
tsx
+vite封装一个树ui组件(element-ui,ant等相同效果)
树形结构相信大家在日常生活中都见过,它的特点是一层一层嵌套,比如文件系统。以下是vite的源码目录结构(部分):/vite├──docs├──packages|└──vite|├──CHANGELOG.md|├──LICENSE.md|├──README.md|├──api-extractor.json|├──bin||├──openChrome.applescript||└──vite.js|├
Shaka@
·
2023-03-13 11:08
vue
javascript
typescript
开发语言
vue.js
Next.js - 读取静态文件数据
/pages/user.
tsx
,示例内容如下import{readFileSync}from'fs'importpathfrom"path"constPage=({user})=>{return({user.name
Anoyi
·
2023-03-12 15:24
Ant Design Pro V4 -- 后端动态菜单
AntDesignProv4.5.0umiv3.2.14umi-requestv1.0.8Pro-layoutv6.9.0TypeScriptv4.0.5Flask后端v1.1.202过程思路后端使用flask提供菜单接口使用reacthooks的useEffect中使用dva的dispatch来请求菜单BasicLayout.
tsx
2010jing
·
2023-03-12 02:50
从0搭建Vue3.0+TypeScript+antd-Vue+axios+JSX前端框架
所需主要库包括:UIantd-Vue2.0TypeScriptAxios状态管理采取的Provide、Inject的方案JSX(
TSX
)Vue-routerpackage.json的依赖如
Benzic
·
2023-03-11 00:51
Vue3.0+TS 项目上手教程
转自:Vue3拥抱TypeScript的正确姿势:https://juejin.im/post/6875713523968802829一个完整的Vue3+Ts项目,支持.vue和.
tsx
写法项目地址:https
前端达人
·
2023-03-10 18:41
react学习笔记-5:react路由
react旧版本路由旧版本的路由是按照组件的方式来写的编写router/index.
tsx
文件importAppfrom"../App"importHomefrom"..
snipercai
·
2023-03-09 15:24
前端开发
react
前端
react
TypeScript简单入门(十):TypeScript类型断言
语法值as类型或值在
tsx
语法(React的jsx语法的ts版)中必须使用前者,即值as类型。形如的语法在
tsx
中表示的是一个ReactNode,在ts中除了表示类型断言之外,也可能是表示一个泛型。
曲昶光
·
2023-03-09 13:09
error TS2322: Type {} is not assignable to type ‘IntrinsicAttributes & IntrinsicClassAttributes
具体build报错src/components/columnSelectorC/index.
tsx
(159,7):errorTS2322:Type'{useDragHandle:true;helperClass
miaomiao_1024
·
2023-02-24 13:03
javascript
typescript
error TS2786: ‘SortableBody‘ cannot be used as a JSX component.
报错信息如下3829[2022-11-01T20:29:05.463][CompileProject][INFO]src/components/columnSelectorC/index.
tsx
(155,6
miaomiao_1024
·
2023-02-24 13:33
react
git
react
webpack4+react+ts项目搭建
创建项目创建目录与远程仓库克隆你的项目到本地gitclone项目地址npm初始化npminit-ywebpack初始化初始化webpack-cliyarnaddwebpackwebpack-cli--dev新建lib/index.
tsx
sweetBoy_9126
·
2023-02-17 20:00
react.js 实现发送短信验证码后的倒计时功能(无视页面刷新)
首先写了一个CookieUtils.
tsx
工具类/***添加cookie*@paramname名称*@paramvalue值*@paramexpiresHours过期时间*/exportfunctionaddCookie
Yanghc
·
2023-02-07 12:07
vue支持typescript踩坑记录
happyPackMode置为true;appendTsxSuffixTo中添加vue;注:happyPack:多进程模式构建,实现构建加速;appendTsxSuffixTo:为表达式列表匹配到的文件添加.ts或.
tsx
关山Kwan
·
2023-02-05 01:30
费点时间
页面里有组件Tabsindex.
tsx
页面importReact,{useRef}from'react';importTabsfrom'.
chenjieyi
·
2023-02-04 09:11
Vue3 拥抱 TypeScript 的完整项目结构搭建
大厂技术高级前端Node进阶点击上方程序员成长指北,关注公众号回复1,加入高级Node交流群一个完整的Vue3+Ts项目,支持.vue和.
tsx
写法项目地址:https://github.com/vincentzyc
傲娇的koala
·
2023-02-02 14:15
python
java
vue
typescript
编程语言
Vue3拥抱TypeScript的完整项目结构
一个完整的Vue3+Ts项目,支持.vue和.
tsx
写法项目地址:https://github.com/vincentzyc/vue3-demo.git作者:TinssonTaihttps://juejin.im
voanit
·
2023-02-02 14:45
java
typescript
python
编程语言
go
icop
全局组件或配置1.表格查询页搜索框点击reset或点击下拉选择框的清空按钮需要专为实体默认选中位置:src\components\SearchPageCore\search_field\select\index.
tsx
李昂李三光
·
2023-02-02 00:17
webpack 5 background-image 图片引入问题
然后发现scss里的background能引入不报错,但是展示不出来,但是
tsx
文件能正常引入。
躺希腊额阿毛
·
2023-02-01 03:04
ant design pro(ts) V5 问题2:动态路由图标渲染
直接上代码(关键截取)全在src/app.
tsx
修改1:import添加iconimport*asIconfrom'@ant-design/icons';2:添加处理图标constloopMenuItem
Xmaxdev
·
2023-01-31 05:01
react 开发规范
2.命名规范•扩展名:用.
tsx
作为组件扩展名。•文件名:用大驼峰作为文件名,如:ReservationCard.
tsx
。•参数命名:Re
·
2023-01-30 19:34
react.js
TypeScript 笔记 FAQ(不定时更新)
TypeScript如何向HTMLDOM元素扩展类型声明组件如何传递泛型/>在
tsx
中,引入的组件是jsx写的时,ts会报无法找到模块的声明文件无法找到模块“@/component/XXX”的声明文件。
虚拟J
·
2023-01-30 08:28
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他