TypeScript
文章平均质量分 52
TS是js的超集,学吧,不学等着被淘汰吗。
雪狼之夜
node同构工程师(全端全栈)、云开发、PC端、H5、谷歌插件、安卓端、ios苹果、各系小程序,小程序插件、除桌面应用程序未实践外,其他端均有3到10年经验。博主分享的这些开发经验是为了让你早点下班陪女朋友,陪老婆孩子。不是让你能者多劳!!!!!!
展开
-
vue3渲染函数加入自定义指令(图文教程)
嗯,公众号“”收到提问==》问了自己几个群里小伙伴,总算是有了结果。原创 2024-07-04 14:29:25 · 827 阅读 · 0 评论 -
vue3ts的透传$attrs用法
我举个例子,你一个组件有一个props是style,正常我们是要在子组件的props去搞个接收这个参数定义它的default、type的,但是这个style在我们的script里是不做处理的,那你写个props就意义不大。注意,这是因为子组件只有一个根节点,你要是如下,有两个ul根节点节点,渲染的时候style是不会默认加到ul上的!我们可以看到运行后,style是自动加到了子组件ul标签上的,这个就叫做。,意识就是穿透传播,从组件外面穿透进来到组件内部!inheritAttrs 设置成false。原创 2023-08-22 15:40:13 · 945 阅读 · 0 评论 -
vue3 清空/重置reactive
首先你不能const,因为定义常数,在reactive里你是不能重新赋值的。 变量类型申明不能少!,三个支付方式切换的同时,下面的input的字段也跟着切换、而且最主要的是。form是const定义的常量,本身是响应的,所以.age会响应到。1、适用场景:表单切换验证如下图。然后就是感兴趣的小伙伴,博主微信公众号:“这个方法我想大家会关系,新增age这个属性,会不会,就不。转载请附上本文链接!:“获取到form的所有响应属性,删除。原创 2023-08-21 15:19:12 · 3454 阅读 · 0 评论 -
naive-ui的dialog.warning 关闭和阻止关闭
博主主要讲的怎么 主动关闭dialog和阻止dialog 自动关闭。前提是你前面要先定义let dialogObj=dialog.warning({看到代码了吗dialogObj.destroy();三、还有一点,怎么关闭全部的dialog.warning?return false,就不会关闭,记得博文开头那个引入的要写进代码里哦。onPositiveClick里,博主看到有时间再帮你去试。return true就会关闭。原创 2023-07-26 10:54:50 · 633 阅读 · 0 评论 -
类型“T”的参数不能赋给类型“string”的参数
直接可以直接解决。原创 2023-07-24 18:03:40 · 383 阅读 · 0 评论 -
vue3 h函数使用图文教程
1、他有什么好处,我提一个点你估计就知道了,他可以封装在你的.ts的文件,你写通用组件也不用单独一个.vue(因为有些组件确实就是很简单,一个充值功能弹窗有时候就一个message包一个h("input")),看的懂吗,上面是jquery代码,把这个字符串变成一个虚拟dom节点,然后把这个节点的内容111,变成22,而$(str),就是把一个字符串dom节点化。看明白了吗,其实h()博主理解是有函数重载的,也就是不用配置属性,直接设置返回的文字,像这样嵌套下去,你是不是可以嵌套好多子集,原创 2023-07-18 20:59:41 · 1263 阅读 · 0 评论 -
naive-ui 的n-date-picker改变成中文
你要是卡到前端难题,但是百度不到的,可以去关注博主公众号。,下面留言,博主看到可以搞定就给你回复。那改完之后就要变成 如下。原创 2023-07-11 14:35:15 · 1069 阅读 · 4 评论 -
vite打包可视化工具rollup-plugin-visualizer图文教程
举个例子,你的项目引用了jquery@2.1,的依赖,而你npm instal的第三方插件引用了jquery@2.2,这样你vite可能会将两个jquery版本依赖都打包进去。你体积就变大了,这个插件就是方便你查看打包后,有哪些依赖。2、vite.config.ts 配置。1、github地址==》中文翻译看博文头部的序中第二点。配置中文翻译文档,关注公众号“原创 2023-07-11 10:38:40 · 2346 阅读 · 0 评论 -
ts开发npm依赖包(插件)demo
这里注意typescript@5.0.2版本最好是跟你本地项目一个版本,如果你直接npm install --save-dev typescript,你到时候项目vue+ts用的ts5.12,他就会变成是在你build的时候ts2个版本都打包了!,然后你在npm run dev你的项目!说多了都是泪,他就会自动在重新去找你重命名之后的路径了!dist是生成的,node_modules、package-lock.json是你npm install的,所以你。如果你依赖已经放进去之后,你改名了!原创 2023-07-10 17:47:47 · 633 阅读 · 0 评论 -
ts报错7006,forEach、map箭头函数变量类型定义
参数“row”隐式具有“any”类型。ts(7006)这个报错编译也是过不去的博主发现row:any不行,于是就百度了下,也没有相关定义说明,暂且人为不能这么定义,有一个解决办法tsconfig.json 修改下面代码。原创 2023-07-10 10:40:51 · 1324 阅读 · 0 评论 -
vue3ts分离头部变量单独一个ts
2、ts就单纯定义接口和类型,还有的就是怎么把 const的变量全部抽出来到ts里。这就意味着 你的vue单页面可以专心写逻辑 代码不会太多太乱了!但是你碰到这个a是 组件的 ref的话,如下 ,是会报错的哦!本博文就是主要解决怎么让他们都可以!1、vue的就处理逻辑。a.value是undefined。主要是页面代码太多,你看下面。index.ts部分。原创 2023-07-06 15:49:39 · 828 阅读 · 0 评论 -
‘SelectOption‘ is declared but its value is never read.
直译过来,就是已经申明变量但是没有引用原创 2023-06-20 16:15:58 · 197 阅读 · 0 评论 -
naive-ui h()渲染组件个人示例
陆续更新,卡到我就更新!你要是卡到,去公众号=》私信,或留言,博主看到了,来更新本博文,因为csdn没有经常在线。目前 NPopselect、NButton、NPopconfirm正文。原创 2023-06-20 11:20:03 · 1540 阅读 · 2 评论 -
naive-ui NPopconfirm怎么用vue3的h()渲染
因为h(a,b,c) a是组件,b是属性,c是包含啥,所以如图,这里下面就是c的可以填啥,trigger就相当于 你的 h("div",[h(),h()]) 这个案例里面的 [h(),h()],然后其实你就知道怎么搞了。然后同样的方法查看ButtonProps,你就知道里面的size,color这些要怎么写。文章后面我教你怎么 添加这种有template,有slot插槽的组件。然后我先贴代码, 你们看懂的先运行下,以提示窗组件为例,官方地址为==》会跳到下面的页面===》原创 2023-06-16 18:04:13 · 1564 阅读 · 0 评论 -
naiveui 的n-menu使用字体icon解决方案
先看效果好,来直接说操作方法。原创 2023-06-13 14:29:37 · 1287 阅读 · 1 评论 -
naive-ui在setup引用message的方法
先说好,能用,而且不用新建啥目录,但是官方不推荐!我的main.ts是这样的,你们可以看下,但是关系不大。原创 2023-06-12 18:08:16 · 1547 阅读 · 2 评论 -
vue3ts安装sass(scss)
这里提一嘴,-D是安装到开发环境,因为sass在你bulid的时候会编译成css所以生产环境打包他没啥用,开发环境安装就可以。-S是开发环境安装。3、main.ts引入( 提示 @报错的小伙伴===》2、src/assets下 新增2个文件。原创 2023-06-09 11:21:26 · 2404 阅读 · 2 评论 -
pinia 持久化插件pinia-plugin-persistedstate 安装、使用(图文详解)
5、压缩localStorage 要存的数据,我记得每个浏览器对localStorage 的存储是有限制大小的有的1M 有的6M。序那边博主开头说了,每个浏览器对localStorage 是有限制大小的,你不压缩,有时候你触发了某个bug,你都不知道怎么回事,来,跟着博主操作。3、其实就是省略掉localStorage 这一步,会自己写的小伙伴自己写个也是蛮快的。1、博主vue3、ts 5.x、pinia 2.1.3版本,2、配置stores/index.ts。1、这个是两个变量(原创 2023-06-08 14:50:03 · 14652 阅读 · 9 评论 -
vue3ts目录别名“@“配置图解
【代码】vue3ts目录别名。原创 2023-06-07 14:40:40 · 604 阅读 · 0 评论 -
ts别名案例
【代码】ts别名案例。原创 2023-06-06 15:55:52 · 69 阅读 · 0 评论 -
ts泛型案例
【代码】ts泛型。原创 2023-06-06 14:27:20 · 234 阅读 · 0 评论 -
ts泛型 不能将类型“string”分配给类型“U”。 “U”可以使用与“string”无关的任意类型进行实例化。
U”可以使用与“string”无关的任意类型进行实例化。不能将类型“string”分配给类型“U”。原创 2023-06-05 17:05:38 · 738 阅读 · 0 评论 -
ts 模块笔迹
第6章里也是提到的。是不是很眼熟,在你的vue项目里仔细找找编译输出模块格式。这里也就顺便提一嘴。编译后,你就会发现,多出来了3个文件。常见的 就es 系列和commonjs.是指编译后的js要用哪种模块系统。上面看懂了是吧,来,在换个写法。关于--module 的选项,来,我留个官方传送门==》原创 2023-05-31 15:35:30 · 51 阅读 · 0 评论 -
An import path can only end with a ‘.ts‘ extension when ‘allowImportingTsExtensions‘ is enabled.
其实是不需要.ts直接引入文件名就好了。原创 2023-05-31 13:58:33 · 10784 阅读 · 0 评论 -
ts reference 报错 ReferenceError: AA is not defined解决方案
他只是引用而已,vs code里,引用/// 是不做打包操作的!,所以不是你代码问题!他把1.ts 和2.ts都打包到一个文件之后,他才生效,到这里你应该就懂了,如果你还不懂,我这么来跟你说。像上面这种代码是要编译后才有效果的,所以有些小伙伴发现教程demo也跑不了,跟命名空间啥的没关系!博主简单说下,这个命令是把1.ts和他!你把2.ts里的代码都复制到1.ts里面,你编译就直接可以用了,也就是说,你在。(别问为啥建这个html,跟着敲!原创 2023-05-30 16:47:10 · 1608 阅读 · 0 评论 -
ts命名空间笔记
来,ts引用ts直接在vscode运行时会报错的!去看博主另一篇博文==》命名空间里调用另一个命名空间里的类。跨TS文件调用命名空间方法。原创 2023-05-30 16:50:25 · 97 阅读 · 0 评论 -
ts报错“this“ 隐式具有类型 “any“,因为它没有类型注释。解决方案
1、参考博文===》①严格模式 - 知乎,②ts的tsconfig.json中文说明③TypeScript Number | 菜鸟教程2、解决(ts报错“this“ 隐式具有类型 “any“,因为它没有类型注释。)3、解决(函数内this是undefined 的问题) 4、解决(其目标缺少构造签名的 "new" 表达式隐式具有 "any" 类型。)原创 2023-05-30 10:54:55 · 6877 阅读 · 0 评论 -
ts的tsconfig.json中文说明
esModuleInterop:是否通过为所有导入模块创建命名空间对象,允许CommonJS和ES模块之间的互操作性,开启改选项时,也自动开启allowSyntheticDefaultImports选项,默认:false。emitDeclarationOnly:是否只发出.d.ts 文件,不发出.js 文件,使用该选项时,需要配合 declaration 或 composite 一起使用,默认:false。启用该选项让 TypeScript 打印有关每个处理文件的解析过程的信息,默认:false。转载 2023-05-29 16:26:15 · 213 阅读 · 0 评论 -
ts 接口interface笔记
/代表可以添加添加任意数量,任意类型参数 那个key你可以改成paramsName啊,随便命名,不重要。var a=new A(), 这个new A()是获取A的实例,以下案例实现的是怎么把new抽出来公共。全靠你的悟性了,孩子。这里注意,我因为只有一个变量,才id=>,如果你有2个变量你就得(id,name)=>格式 [propName:string]:any,类型断言绕过接口必填项和未声明项。利用接口返回类的实例。只读readonly。原创 2023-05-30 11:54:31 · 114 阅读 · 0 评论 -
ts Map对象笔记
基础的后台返回数据处理has 是判断key不是判断valuedelete。原创 2023-05-29 14:23:47 · 258 阅读 · 0 评论 -
ts函数笔记
用三个点来表示剩余。因为是数组,所以string后面要加 [ ],其实学完c和c++在来看ts,容易多了。也不能像c/c++那样写多个函数实体,气死我了,找了半天。你这个不如弄个联合类型算了。就算三元运算符 a>b?"1":"2"存在的意义一样的,就是短!Lambda 又被称为箭头函数,一般配合匿名函数一起用。参数不能同时设置为可选和默认!原创 2023-05-26 15:45:30 · 52 阅读 · 0 评论 -
TS新增遍历方法
ts 循环遍历object对象原创 2023-05-26 10:11:15 · 1180 阅读 · 0 评论 -
ts 类笔记
抽象类,博主理解是为了规范同一场景的操作,比如增、删、改各新增一个抽象类,abstract userInfo():void;//表示 抽象类里不实现,但是派生类要实现,那你新增的时候提交动作是不是一定要有,提交前的表单验证动作是不是要有,这时候就得用到抽象方法abstract +方法命来约束派生类里必须有userInfo这个方法的。private 和protected 都是不能用cyc.log和cyc.a来调用的!但是protected 可以被 继承,但是private不行。原创 2023-05-24 10:56:49 · 266 阅读 · 0 评论 -
Ts变量类型笔记
void和any是相反的两个类型,void表示不是任何类型,any表示可以是任何类型。不能将类型“undefined”分配给类型“number”。不允许把null、undefined赋值给其他类型的变量,lastIndexOf 最后一次出现的索引,从0开始。所以void可以用来定义 null和undefined;设置true就是允许!要是不知道怎么定义对象数组。never作为返回值。原创 2023-05-23 15:13:55 · 155 阅读 · 0 评论 -
vs code ts运行、断点调试解决方案
1、解决ts运行和断点调试问题 2、ts-node : 无法加载文件 C:\Program Files\nodejs\ts-node.ps1,因为在此系统上禁去看这篇===》ts-node : 无法加载文件 C:\Program Files\nodejs\ts-node.ps1,因为在此系统上禁_雪狼之夜的博客-CSDN博客3、步骤跟紧,不然错一步就不行!!!!!原创 2023-05-22 14:52:11 · 1931 阅读 · 0 评论 -
ts-node : 无法加载文件 C:\Program Files\nodejs\ts-node.ps1,因为在此系统上禁
ts-node : 无法加载文件 C:\Program Files\nodejs\ts-node.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。拿currentUser举例,如果他后面不是undefined,执行一下代码,然后以此类推。这localMachine上面那几个不是undefined!所在位置 行:1 字符: 1。原创 2023-05-22 11:22:28 · 587 阅读 · 0 评论 -
vue3+ts之忽略ts类型警告
语言不是为了节省开发者的开发时间,而是为了规范开发者开发规范的话,对于全公司自有一个前端的我!(当然你们前端开发人员多,进程要协作开发的话另当别论),博主只是当初图vue3和ts结合比较丝滑。当然如果大公司我也就忍了,就我一个前端,我定义给谁看,也没带其他前端,当然是效率第一,大不了中文备注清楚点。取消忽略全文 // @ts-check 看你要到文中哪个地方还要校验你在加上这个。他是不是提示你没定义a为string类型!加要取消校验的哪行代码上面。博主忍了1年多,还是决定把他忽略掉,原创 2022-11-02 17:35:54 · 8272 阅读 · 3 评论 -
experimental support for decorators is a feature that is subject to change i
vue ts报错的,别问为什么,你先加代码。jsconfig.json加入代码。原创 2022-08-29 11:38:02 · 1537 阅读 · 2 评论 -
vue3 富文本tinymce安装图解
序:富文本编辑很多,只不过碰到vue3时要么1、有些安装成本高(你懂得,百度的ueditor,安装半条命,改上传图片在半条命)2、有些又不支持dom节点复制(你发现安装完,复制个微信文章排版直接错位了)3、轻量级的功能又太少然后我就找到了这款截图嗯,就是会把html的 dom节点像复制到word文档那样完整复制下来,而且可以复制源代码,博主之前用的百度编辑器,因为业务是和微信公众号文章相关的,所以找编辑还是找了半天,原来百度的ueditor 在vue2里面还是挺好..原创 2022-02-14 11:50:50 · 2739 阅读 · 9 评论 -
vue-socket.io Cannot set property ‘$socket‘ of undefined 解决方案
博主原创转载附上 本博文链接xuelang532777032的博客_雪狼之夜_CSDN博客1、博主环境vue3typescript4.1.5vue-socket.io 3.0.10看了vue-socket.io 作者好像没啥心情更新依赖,提交的也没怎么管,无奈,直接debugger着调吧。对是这个报错,很明显是挂载vue出了问题,看了源码,vue.prototype 肯定是不行的,install(Vue) { Vue.prototype.$so....原创 2021-10-28 11:17:00 · 2085 阅读 · 14 评论