技术栈
typescript
凡二人
7 小时前
前端
·
typescript
Flip-js 优雅的处理元素结构变化的动画(解读)
基于 FLIP 动画思想,处理元素结构变化的动画,并且同时处理元素样式变化引起的动画之前分享过一篇关于 flip 动画的文章,介绍了我编写的fan-flip-js如何使用。
烛阴
8 小时前
javascript
·
设计模式
·
typescript
【TS 设计模式完全指南】TypeScript 装饰器模式的优雅之道
装饰器模式(Decorator Pattern)是一种结构型设计模式,它允许你在不修改现有对象结构的情况下,动态地为对象添加新的功能。它通过将对象包装在一个“装饰器”对象中来实现,这个装饰器对象提供了与原对象相同的接口,并增加了额外的行为。
YaeZed
8 小时前
typescript
TypeScript7(元组)
在 TypeScript 中,元组(Tuple)是一种特殊的数组类型,它允许你明确地定义数组中每个元素的类型和数量。与普通数组不同,元组的长度是固定的,并且每个位置的类型都是预先确定的。
闲云野鹤_
8 小时前
typescript
typeScript学习笔记总结(常用)
ts:是js的超级!为什么选择ts?type类型断言的方式:概述:抽象类是一种无法被实例化的类,专门用来定义类的结构和行为,类中可以写抽象方法,也可以写具体实现。抽象类主要用来为其派生类提供一个基础结构,要求其派生类必须实现其中的抽象方法。 简记:抽象类不能实例化,其意义是可以被继承,抽象类里可以有普通方法、也可以有抽象方法。
之恒君
8 小时前
typescript
TypeScript(tsconfig.json - references)
在 TypeScript 中,references(项目引用)是用于管理多项目依赖关系的核心配置,通过 tsconfig.json 中的 references 字段实现。其核心作用是将大型项目拆分为多个独立子项目(如工具库、业务模块、UI 组件库等),支持子项目间的隔离编译、依赖复用,同时提升整体编译效率(仅重新编译修改的子项目)。
之恒君
1 天前
前端
·
typescript
typescript(tsconfig.json - esModuleInterop)
esModuleInterop 是 TypeScript 编译器(tsc)的核心配置项之一,作用是解决 ES 模块(ESM)与 CommonJS 模块(Node.js 传统模块格式)的兼容性问题,让 TypeScript 项目能更顺畅地混用两种模块系统的代码。
guangzan
1 天前
vscode
·
typescript
·
eslint
VS Code 操作 “Delete unused imports” 时,不删除 React 导入
使用 Delete unused imports 操作时,同时删掉了 import React from 'react';。
华仔啊
1 天前
javascript
·
typescript
别再写 TypeScript enum了!新枚举方式让 bundle 瞬间小20%
前几天排查项目性能问题,发现一个让人哭笑不得的情况。光是TypeScript的enum就占了打包体积的相当一部分!
子兮曰
1 天前
前端
·
javascript
·
typescript
🚀彻底掌握异步编程:async/await + Generator 深度解析与20个实战案例
90%的开发者都会踩的异步编程坑,你中了几个?本文不仅修复原有问题,更用20个实战案例带你彻底避开这些陷阱!
知否技术
1 天前
前端
·
typescript
别再踩坑了!这份 Vue3+TypeScript 项目教程,赶紧收藏!
用户登录、商品增删改查!!首先本地要安装配置 Node 环境项目目录:配置 vite.config.ts
@AfeiyuO
2 天前
typescript
·
vue
·
echarts
分类别柱状图(Vue3)
效果图:需求:男女年龄段占比
一只小风华~
2 天前
前端
·
javascript
·
vue.js
·
typescript
·
前端框架
Vue:条件渲染 (Conditional Rendering)
作用:用于条件性地渲染一块内容。这块内容只会在指令的表达式返回真值 (truthy value) 时才被渲染和保留在 DOM 中。
烛阴
2 天前
javascript
·
设计模式
·
typescript
【TS 设计模式完全指南】用适配器模式优雅地“兼容”一切
适配器模式(Adapter Pattern)是一种结构型设计模式,它的核心思想是:将一个类的接口转换成客户端所期望的另一个接口。 这使得原本因接口不兼容而无法协同工作的类可以一起工作。
叫我阿柒啊
2 天前
java
·
数据库
·
微服务
·
typescript
·
前端框架
·
vue3
·
springboot
从Java全栈到前端框架的实战之路
在一次技术面试中,一位拥有多年经验的Java全栈开发工程师展示了他在多个项目中的技术积累和实际应用。他不仅精通后端开发,还在前端领域有深入的理解,尤其是在Vue3和TypeScript的应用上表现突出。
Spider_Man
2 天前
前端
·
typescript
·
github
打造属于你的前端沙盒 🎉
在前端开发圈,在线编辑器简直是“神器”——不管是新手练手、面试刷题,还是老手分享 Demo,大家都离不开它。市面上的 CodeSandbox、StackBlitz、JSFiddle 等虽然功能强大,但总有些“不够定制”的地方。于是,我决定撸一个属于自己的 React 在线编辑器,既能满足个性化需求,也能深入学习前端工程化和沙盒技术。
定栓
2 天前
前端
·
javascript
·
typescript
Typescript入门-JSDoc注释及tsconfig讲解
TypeScript 直接处理 JS 文件时,如果无法推断出类型,会使用 JS 脚本里面的 JSDoc 注释。
一只小风华~
2 天前
前端
·
javascript
·
vue.js
·
typescript
·
前端框架
Vue:事件处理机制详解
Vue.js 提供了 v-on 指令(简写为 @)用于监听 DOM 事件并执行对应的 JavaScript 代码。这是 Vue 实现用户交互的核心功能之一。
一只小风华~
3 天前
前端
·
javascript
·
vue.js
·
typescript
·
前端框架
Vue: Class 与 Style 绑定
Vue.js 提供了强大的 class 和 style 绑定功能,使开发者能够动态地操作元素的 CSS 类列表和内联样式。与简单的字符串拼接相比,Vue 的特殊增强功能提供了更直观和强大的数据绑定方式。
摇滚侠
3 天前
javascript
·
笔记
·
typescript
Vue3入门到实战,最新版vue3+TypeScript前端开发教程,笔记03
两种创建方式,推荐使用第二种。vue-cli是基于webpack实现的,vite是新一代前端构建工具。
zheshiyangyang
3 天前
javascript
·
学习
·
typescript
TypeScript学习【一】
前言TypeScript安装TypeScript特性TypeScript的声明变量声明函数声明类声明接口声明