LocalStorage/sessionStorage 封装 - 基于TypeScript

实际上社区已经有非常成熟的库了,可以轻量化引入并使用store2,当然,我们这篇文章分享日常简单or局部使用时的简单封装。 我们经常需要在 localStorage 或者 sessionStorage 去持久化存储值,但是 localStorage 和 sessionStorage 提供的 api ...

用Typescript 的方式封装Vue3的表单绑定,支持防抖等功能。

Vue3 的父子组件传值、绑定表单数据、UI库的二次封装、防抖等,想来大家都很熟悉了,本篇介绍一种使用 Typescript 的方式进行统一的封装的方法。基础使用方法Vue3对于表单的绑定提供了一种简单的方式:v-model。对于使用者来说非常方便,v-model="name" 就可以了。自己做组件...

使用vue3+TypeScript手动封装tabs组件

使用vue3+TypeScript手动封装tabs组件

前言🚴‍♀🚴‍♀之前在写项目的时候,用到了element-plus,在这个项目中需要使用tabs组件,于是我便萌生了一个想法:自己封装一个tabs组件,感觉应该也不是很难。最终效果图实现的思路和步骤🤔🤔首先一个tabs我认为由两部分组成:头部和内容区域࿰...

带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(1)

十七、TypeScript封装Fetch1. 安装与配置TypeScript首先,你的电脑上安装TypeScript。在命令行中输入以下命令: npm install -g typescript 在你的项目根目录中,生成一个 tsconfig.json 文件来...

带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(2)

带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(1)https://developer.aliyun.com/article/1348429?groupCode=tech_library3. 使用FetchService类import { FetchService...

带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(3)

带你读《现代TypeScript高级教程》十七、TypeScript封装Fetch(2)https://developer.aliyun.com/article/1348428?groupCode=tech_library4. 拦截器实现在这个版本的 FetchService 中,我们把公共的请求逻...

《现代Typescript高级教程》实战之封装Fetch

TypeScript封装Fetch1. 安装与配置TypeScript首先,你需要在你的机器上安装TypeScript。在命令行中输入以下命令:npm install -g typescript 接着,在你的项目根目录中,生成一个 tsconfig.json 文件来配置TypeS...

typescript封装LocalStorage并支持过期时间

typescript封装LocalStorage并支持过期时间

思考在我们使用cookie的时候是可以设置有效期的,但是localStorage本身是没有该机制的,只能人为的手动删除,否则会一直存放在浏览器当中,可不可以跟cookie一样设置一个有效期。如果一直存放在浏览器又感觉有点浪费,那我们可以把localStorage进行二次封装实现该方案。实现思路在存储...

antd组件库封装2-为什么要使用typescript

antd组件库封装2-为什么要使用typescript

antd组件库封装2-为什么要使用typescript

antd组件库封装1-什么是typescript

antd组件库封装1-什么是typescript

antd组件库封装1-什么是typescript

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

社区圈子

阿里巴巴终端技术
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。
1504+人已加入
加入
相关电子书
更多
现代TypeScript高级教程
立即下载