从零开始学习typescript——运算符(条件运算法、逻辑运算符、类型运算符、位运算)
条件运算符 条件运算符是一个根据条件返回不同运算结果的运算符 关键字：?: 三元运算符 它可以换成if …else 逻辑运算符 用于将多个条件表达式或指组合起来，判断他们整体为true 还是false &&（与） 逻辑与，也可以理解成 和，要左右两边为true 才为true let a:number =18;console.log(a>1&&a<12) //trueconsole.log(a>1&&a<8) /...
【深入理解Typescript】—— 第一章：为什么要使用Typescript
目录 1.1 开始使用 Typescript1.2 选择TypeScript的理由1.2.1 类型是出色的文档形式之一，函数签名是一个定理，函数体是具体的实现。1.2.2 鸭子类型是一流的语言结构1.2.3 类型可以由环境来定义1.2.4 函数签名1.2.5 箭头函数 1.1 开始使用 Typescript 在安装 Typescript 之前，需要先安装 npm，然后可以使用命令行来安装 Typescript，如下...
相比Javascript, Typescript有哪些优点？
TypeScript 是 JavaScript 的超集，它在 JavaScript 的基础上添加了静态类型和其他一些功能。以下是 TypeScript 相对于 JavaScript 的一些优点： 1、静态类型检查： TypeScript 引入了静态类型，可以在编译时发现并纠正类型错误。这有助于提高代码的可维护性和可读性，并减少在运行时出现的潜在错误。 2、更好的工具支持： TypeScript 支持强大的集成开发环...
Vite4+Typescript+Vue3+Pinia 从零搭建(4) - 代码规范
k does your project use? ... # 使用哪种框架 React> Vue.js None of these# 选择 vue? Does your project use TypeScript? » No / Yes # 项目里是否使用了ts# 选择yes? Where does your code run? ... (Press <space> to select, <a> to t...
Typescript中的浅拷贝和深拷贝
在 TypeScript 中，浅拷贝和深拷贝是两种不同的对象复制方式，它们有不同的使用场景和效果。 1、浅拷贝 (Shallow Copy)： 浅拷贝是指在复制对象时，只复制对象的第一层属性，而不会递归地复制嵌套对象的内部属性。浅拷贝后的对象和原对象共享同一组内部对象引用。 使用场景：如果你希望两个对象之间共享某些引用类型的属性，可以使用浅拷贝。 性能考虑：当对象的嵌套结构较深，而你只需要复制最外层对象时，可以使用...
从零开始搭建React+TypeScript+webpack开发环境-基于lerna的webpack项目工程化改造
项目背景 在实际项目中，我们的前端项目往往是一个大型的Webpack项目，结构较为复杂。项目根目录下包含了各种配置文件、源代码、以及静态资源，整体布局相对扁平。Webpack的配置文件分散在不同的部分，包括入口文件、输出目录、加载器和插件等，这使得项目的维护和配置变得相对繁琐。 项目主要由若干个模块和组件构成，它们之间存在复杂的依赖关系。在当前状态下，我们发现随着项目规模的扩大，构建时间逐渐变长，开发环境下的热模块...
【前端】TypeScript核心知识点讲解
1.TypeScript简介及入门案例 （1）什么是TypeScript？ TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 （ES6）标准。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。 （2）JavaScript 与...
从零开始搭建React+TypeScript+webpack开发环境-基于axios的Ajax请求工具
什么是axios axios是一款基于Promise的HTTP客户端，适用于浏览器和Node.js环境。它的特点包括： 支持浏览器和Node.js环境。支持Promise API。支持拦截请求和响应。支持取消请求。自动转换JSON数据。支持CSRF保护。 使用axios可以更方便地发送HTTP请求，并且对请求和响应进行拦截、转换等处理。它可以在浏览器端和Node.js环境中使用，很适用于进行数据交互。 安装axio...
从零开始搭建React+TypeScript+webpack开发环境-性能优化
前言 当我们开发React应用时，性能始终是一个重要的考虑因素。随着应用规模的增长，React组件的数量和复杂性也会相应增加，这可能会导致性能问题的出现。在这篇博文中，我们将探讨如何通过一系列的技巧和最佳实践来优化React应用的性能，以确保用户获得更快的加载时间和更流畅的交互体验。 React是一个强大的JavaScript库，它使我们能够轻松构建交互性强的用户界面。然而，使用不当或忽略性能方面的问题可能导致页面...
‘XXX’ is already defined @typescript-eslint/no-redeclare 警告 问题解决
上文React+Typescript项目环境中搭建并使用redux环境 结束是 其实不算完全写完吧 还会留下一个警告 这个报错 好像是说 这两个值已经定义过了 可能很多人 会觉得小问题 但你会发现 无论你名字怎么改都会一直 带着你新的名字继续报错 我们可以多套一层 export namespace Constants { export const INCREMENT_ENTHUSIASM = 'INCREMENT_...