【TypeScript入门】TypeScript入门篇——枚举(enum)

TypeScript是一种静态类型、可选的编程语言,它在JavaScript的基础上添加了类型检查、接口、枚举等新特性,可以让开发更加高效、代码更加健壮。在TypeScript中,枚举是一种特殊的数据类型,它可以用来定义一组命名的常量,让代码更具可读性和可维护性。

fly-barrage 前端弹幕库(2):弹幕内容支持混入渲染图片的设计与实现

如果弹幕内容只支持文字的话,只需要借助 canvas 绘图上下文的 fillText 方法就可以实现功能了。但如果想同时支持渲染图片和文字的话,需要以下几个步骤: 1. 设计一个面向用户的数据结构,用于描述弹幕应该渲染哪些文字和图片; 2. 框架内部对上述数据结构进行解析,解析出文字部分和图片部分;

fly-barrage 前端弹幕库(1):项目介绍

fly-barrage 是我写的一个前端弹幕库,由于经常在 Bilibili 上看视频,所以对网页的弹幕功能一直蛮感兴趣的,所以做了这个库,可以帮助前端快速的实现弹幕功能。

tsconfig.json参数详解

可以是 'es3', 'es5', 'es6', 'es2015', 'es2016', 'es2017','es2018','es2019','es2020','esnext'.可以是 "none', 'commonjs', 'amd', 'system', 'uma, 'es6', 'es201

HarmonyOS(二十)——管理应用拥有的状态之LocalStorage(页面级UI状态存储)

LocalStorage是页面级的UI状态存储,通过@Entry装饰器接收的参数可以在页面内共享同一个LocalStorage实例。LocalStorage也可以在UIAbility实例内,在页面间共享状态。

解决react+ts开发中编辑器找不到react模块的错误

解决react+ts开发中编辑器找不到react模块的错误 Cannot find module ‘react’ or its corresponding type declarations

使用WebStorm创建和配置TypeScript项目

有的人可能找不到run这个命令,这个时候进行如下操作:①安装直接运行所需依赖包: `npm install -g ts-node`②settings->plugins,安装ts-node插件

Vue 缓存Hook:提高接口性能,减少重复请求

在开发 Web 应用时,我们经常会遇到需要重复调用接口的场景。例如,当用户频繁刷新页面或进行某个操作时,我们可能需要多次请求相同的数据。这不仅会增加服务器负担,还会导致用户体验下降。为此,我们可以使用缓存机制来优化这一问题。本文将教你一步一步实现一个功能较完善的Vue缓存Hook(钩子函数),它可以

利用路由懒加载和CDN分发策略对极客园项目进行性能优化

极客园项目的完成之后,我们需要对项目进行打包以及性能优化,优化用户体验以及加快响应时间,本文只列举了路由懒加载和cdn分发的策略前端优化的方式有很多种,这里只列举出了依靠路由懒加载和cdn分发的方法,在可视化界面上用户可以看见构建下的资源体积大小,通过压缩和利用缓存也可以减少体积,加快加载时间。

【Vue3实战】TypeScript前端实战基础

经过多年的全栈开发经验和多种编程语言的开发经验,编程语言的规范的重要性与日俱增对未来的前端编程而言,TypeScript的比重相信一定会日新月异所以这边对于TypeScript做一篇比较详细和完整的整理日后也会逐渐更新和补充。TypeScript目前版本:5.3TypeScript官方网站传送门如果

基于JSZip实现前端多个文件流批量下载成zip压缩包

2、创建一个压缩包:在前端,你需要使用JavaScript来创建一个压缩包。这可以通过使用第三方库来实现,例如jszip、zip.js等。1、从后端获取多个流文件:首先,确保你能够从后端获取多个文件的流(stream)或者二进制数据,这些文件通常以某种格式(例如ZIP、RAR、TAR等)进行压缩。3

Service Worker Cache 和 HTTP Cache 的对比

在 HTTP 缓存中,开发者的控制权限是相对有限的。相反,Service Worker 的 Cache API 是在 JavaScript 层面提供的 API,开发者可以通过编写代码的方式,按需设置缓存的 key 、value 和存储方式,以及处理缓存的更新和删除等。比如,开发者可以根据自己的需求,

使用 OpenAPI Typescript Codegen 一键生成前端接口代码

使用 OpenAPI Typescript Codegen 一键生成前端接口代码

vite+TypeScript+vue3+router4+Pinia+ElmPlus+axios+mock项目基本配置

volar插件支持 获取对Element UI Plus 的提示 需要在tsconfig.json做如下设置。数据的访问了,这里我们使用之前创建公共 api 请求方法 request。新增"types": ["element-plus/global"]文件,使用路由懒加载,优化访问性能。组件,路由匹

详解如何使用VSCode搭建TypeScript环境(适合小白)

因为TypeScript不能直接在浏览器上运行。它需要编译器来编译并生成JavaScript文件。所以需要首先安装好javascript环境,可以参考文章

TypeScript实战——ChatGPT前端自适应手机端,PC端

可以在线体验哦:体验地址

TypeScript(三)对象类型

在TS中除了之前的基本类型外,还包含Array(数组),Object(对象),Function(函数)等等继承于对象的其他对象,以及Tuple(元组),Enum(枚举)等高级类型,以及泛型,never,unknown类型。这些类型是TS强类型检查的基础Array(数组)Object(对象)Funct

何为 Vue3 组件标注 TS 类型,看这篇文章就够了!

要说今年最热门的前端技术,Vue3 和 TS 绝对榜上有名了。今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。如果有不会或者不熟的小伙伴,一起学起来吧!

TypeScript快速上手语法+结合vue3用法

本篇内容不涉及TypeScript安装以及配置,具体安装及配置篇可以看下面目录,本篇只涉及TypeScript语法相关内容,及结合vue3的用法。不讲废话,简单直接直接开撸。

VUE3 响应式 API 之 toRef 与 toRefs

相信各位开发者看到这里时,应该已经对 ref 和 reactive API 都有所了解了,为了方便开发者使用, Vue 3 还推出了两个与之相关的 API : toRef 和 toRefs ,都是用于 reactive 向 ref 转换。这两个 API 在拼写上非常接近,顾名思义,一个是只转换一个字

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈