动态语言也称为脚本语言，是介于标签语言（如HTML，XSLT，VML）和静态语言（如C++、C#、Java，也称编译语言）之间的语言。JavaScript、PHP、Perl、Ruby等都是动态语言。动态语言无需编译，它由解释器动态解释执行，一般来说，动态语言拥有比静态语言更大的灵活性和表达能力。动态语言优势在于灵活，易于开发和学习，劣势在于性能较低。在高性
转载
2023-12-17 10:07:46
26阅读
**注意：**本文章不能作为新手入门教程使用，仅做为查阅参考文章来源：《TypeScript中文指南》https://ts.xcatliu.com/introduction/get-typescript.html一、概念1.什么是TypscriptTypeScript 是 JavaScript 的类型的超集，它可以编译成纯 JavaScript。编译出来的 JavaScript 可以运行在任何浏览
转载
2024-07-06 21:51:06
43阅读
子组件<template>
<!-- 数据表格 -->
<section class="table-box">
<el-table
ref="baseTable"
v-loading="loading"
class="base-table"
:data="tableData"
:s
转载
2024-05-15 13:47:21
66阅读
1.什么是TypeScriptTypeScript入门教程： http://ts.xcatliu.com/basics/TypeScript是一种添加了类型系统的 JavaScript，适用于任何规模的项目TypeScript 是静态类型动态类型是指在运行时才会进行类型检查 静态类型是指编译阶段就能确定每个变量的类型2.安装、编译1）使用typescript编译npm install -g typ
转载
2024-02-25 13:44:30
90阅读
前言在前一篇文章桥接模式与策略模式的区别与刘伟老师的桥接模式中，我们可以明白桥接模式处理得比较好的一个点是在于Java的反射机制。那么，假如我们需要再TypeScript中，来实现桥接模式的处理，需要怎么样来实现这个“反射”呢？注：在策略模式中，该文章的处理全部适用。思路反射机制：就是要实现通过一个Key值来创建一个类。那么在TypeScript中，普通的对象就有key:value的这样的格式，然
转载
2024-07-25 10:04:29
107阅读
可选的模块加载和其它高级加载场景 有时候，你只想在某种条件下才加载某个模块。 在TypeScript里，使用下面的方式来实现它和其它的高级加载场景，我们可以直接调用模块加载器并且可以保证类型完全。编译器会检测是否每个模块都会在生成的JavaScript中用到。 如果一个模块标识符只在类型注解部分使用，并且完全没有在表达式中使用时，就不会生成require这个模块的代码。 省略掉没有用到的引用对性能
转载
2023-11-01 16:45:40
180阅读
特性JavaScript 与 TypeScript 的区别：
TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，主要提供了类型系统和对ES6的支持；现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。
TypeScript 可处理已有的 JavaScript 代码
转载
2023-10-19 13:23:55
143阅读
需求是把网站首页修改成组件动态加载的，由于刚接触ng6 很多概念还不懂，只能是读ng6 的手册，其实代码很简单，但是概念理解不太到问，走了一些弯路，具体解决如下： 场景 根据api返回的json数据，根据读取到的组件，动态展示首页。 应用 ng6 中的动态组件 手册地址：https://www.angular.cn/guide/dynamic-component-loader 主要用的 Compo
转载
2024-05-06 22:34:53
120阅读
TypeScript常用知识（类）如何理解类？类：可以理解为模版，通过模版可以实例化对象（面向对象的编程思想） 面向对象的特点：封装、继承、多态 一般写法（封装）：class Animal{
// 定义属性
name="";
// 定义方法
sayHi(){
alert('hello!')
};
// 构造方法,实例化类的时候,自动调用
constructor(
转载
2024-04-08 12:04:20
92阅读
一、介绍1.从ECMAScript2015开始，JavaScript引入了模块的概念。TypeScript也沿用了这个概念。2.模块在自身的作用域里执行，而不是在全局作用域里；这意味着在一个模块里的变量，函数，类等等再模块外部是不可见的，除非你明确的使用export形式之一导出他们。相反，如果你想使用其他模块导出的变量，函数，类，接口等的时候，你必须导入他们，可以使用import方式之一。3.模块
转载
2023-12-02 20:46:11
511阅读
1.什么是 ts？ts 全称是 TypeScriptTypeScript 可以理解为是 JavaScript 的扩展，扩展了 js 的语法，因此我们可以在 ts 中继续写 js 的代码而不回报错
TypeScript 又叫做静态的 JavaScript，不能直接引入到 html 中，不能直接被浏览器识别，需要经过 ts 转换器或者是 babel 转化后才能使用2.如何理解静态语言和动态语言？类型
转载
2023-11-29 06:49:19
103阅读
在ES2015出现之前，JavaScript还没有原生的模块系统（ES Module），只能借助第三方的RequireJS和SystemJS来使用模块功能。模块本质上就是一个JS/TS文件，类似一个沙盒环境，使用import语句引入其他模块的API和值，export语句暴露自己的API和值。TypeScript原生支持ES Module的语法，可以在.ts文件中使用import和export语句。
转载
2023-11-23 18:30:15
59阅读
React.lazy 是什么随着前端应用体积的扩大，资源加载的优化是我们必须要面对的问题，动态代码加载就是其中的一个方案，webpack 提供了符合 ECMAScript 提案 (https://github.com/tc39/proposal-dynamic-import) 的 import()语法 (https://www.webpackjs.com/api/mo
转载
2024-08-07 14:11:30
252阅读
简介1. Typed JavaScript at Any Scale. 添加了类型系统的 JavaScript，适用于任何规模的项目。2.TypeScript 是静态类型：类型系统按照「类型检查的时机」来分类，分为动态类型和静态类型。动态类型是指在运行时才会进行类型检查，这种语言的类型错误往往会导致运行时错误。JavaScript 是一门解释型语言，没有编译阶段，所以它是动态类型静态类型是指编译阶
转载
2023-11-07 08:18:29
107阅读
一、TS 文件的加载策略TS 中的加载策略分为两种方式，分别为相对路径和绝对路径两种方式。1、相对路径TypeScript 将 TypeScript 源文件扩展名（.ts、.tsx和.d.ts）覆盖在 Node 的解析逻辑上。同时TypeScript 还将使用 package.json named 中的一个字段 types 来镜像目的"main"，编译器将使
转载
2023-10-05 14:31:27
292阅读
前言最近工作一直很忙，复盘周期也有所拉长，不过还是会坚持每周复盘。今天笔者将复盘一下typescript在前端项目中的应用，至于为什么要学习typescript，我想大家也不言自明，目前主流框架vue和react以及相关生态的内部构建大部分都采用了typescript，其原因就在于它的静态类型检查极大的提高了代码的可读性和可维护性，而且定位问题非常方便。下面上一份关于typescri
转载
2023-12-29 17:57:51
165阅读
# TypeScript 动态加载
在现代 Web 开发中，灵活性与性能是构建高效应用的关键考虑因素之一。动态加载模块是一种优秀的模式，它允许我们按需加载代码，从而提高应用的响应速度和降低初始加载时间。TypeScript，作为 JavaScript 的一个超集，提供了良好的模块支持，以下将探讨如何在 TypeScript 中实现动态加载。
## 什么是动态加载？
动态加载指的是在程序运行时
即时编译和提前编译Just-in-time compilation is a method for improving the performance of interpreted programs. During execution the program may be compiled into native code to improve its performance. It is als
转载
2024-10-02 10:12:18
27阅读
1. ts模块简介如果一个文件包含import或export语句就是一个模块，相应地如果文件不包含export语句，就是一个全局的脚本文件。模块本身就是一个作用域，不属于全局作用域。模块内部的变量、函数、类只在内部可见，对于模块外部是不可见的。暴露给外部的接口，必须使用exprot命令声明；如果一个文件要使用模块的接口，需要用import命令导入。如果一个文件不包含export语句，但是希望把它当
在项目所需要注意的问题typeScript 的使用首先是在对props的约束上 在子组件接收的时候 使用propstype对参数进行约束，同时export这个Interface 对传递的参数也进行相应的约束vue3获取相关的DOM节点变量名称和元素的ref属性值相同：就是你定义的这个ref的名字和后边return出去的名字要是一样的，
这样才可以使用这个DOM结构。
使用TypeScript的
