TypeScript Minifier - Nén TypeScript/JSX Trực Tuyến
Nén và thu nhỏ mã TypeScript hoặc TSX/JSX của bạn ngay lập tức bằng công cụ trực tuyến miễn phí của chúng tôi. Giảm kích thước tệp, làm sạch định dạng và tối ưu hóa script để tải nhanh hơn và hiệu suất tốt hơn.
Giới thiệu
Công cụ nén TypeScript trực tuyến này giúp bạn nén và tối ưu hóa mã TypeScript của mình một cách dễ dàng. Nó hoàn hảo để giảm kích thước tệp, cải thiện hiệu suất và tối ưu hóa các tập lệnh của bạn cho môi trường sản xuất.
Cách sử dụng công cụ này
- Dán mã TypeScript của bạn trực tiếp vào trình soạn thảo hoặc nhập vào.
- Nhấp vào nút Nén để nén mã TypeScript của bạn.
-
Sau khi nén, bạn có thể:
- Tải xuống kết quả đã tối ưu hóa.
- Lưu hoặc chia sẻ nó bằng một liên kết duy nhất.
- Đăng nhập bằng Google hoặc GitHub để lưu mã đã nén của bạn cho lần sử dụng sau.
TypeScript là gì?
TypeScript là một ngôn ngữ lập trình có kiểu mạnh mẽ mở rộng JavaScript với các kiểu tĩnh tùy chọn. Nó là một siêu tập cú pháp của JavaScript, nghĩa là bất kỳ mã JavaScript hợp lệ nào cũng là mã TypeScript hợp lệ.
Bằng cách thêm các tính năng như kiểu tĩnh, giao diện và công cụ nâng cao, TypeScript giúp các nhà phát triển viết mã đáng tin cậy, dễ bảo trì và mở rộng hơn. Nó được sử dụng rộng rãi trong phát triển web hiện đại, đặc biệt cho các ứng dụng quy mô lớn.
Tìm hiểu thêm về TypeScript từ tài liệu TypeScript chính thức .
Cú pháp TypeScript
// Chương trình TypeScript để giải phương trình bậc hai
let root1: number, root2: number;
// Nhập dữ liệu từ người dùng
const a: number = parseFloat(prompt("Nhập số thứ nhất: "));
const b: number = parseFloat(prompt("Nhập số thứ hai: "));
const c: number = parseFloat(prompt("Nhập số thứ ba: "));
// Tính toán biệt thức
const discriminant = b * b - 4 * a * c;
// Điều kiện cho nghiệm thực và khác nhau
if (discriminant > 0) {
root1 = (-b + Math.sqrt(discriminant)) / (2 * a);
root2 = (-b - Math.sqrt(discriminant)) / (2 * a);
// Kết quả
console.log(`Nghiệm của phương trình bậc hai là ${root1} và ${root2}`);
}
// Điều kiện cho nghiệm thực và bằng nhau
else if (discriminant === 0) {
root1 = root2 = -b / (2 * a);
// Kết quả
console.log(`Nghiệm của phương trình bậc hai là ${root1} và ${root2}`);
}
// Nếu nghiệm không thực
else {
const realPart = (-b / (2 * a)).toFixed(2);
const imagPart = (Math.sqrt(-discriminant) / (2 * a)).toFixed(2);
// Kết quả
console.log(
`Nghiệm của phương trình bậc hai là ${realPart} + ${imagPart}i và ${realPart} - ${imagPart}i`
);
}
Nén là gì?
Nén là quá trình giảm thiểu mã và đánh dấu trong các trang web và tệp kịch bản của bạn. Đây là một trong những phương pháp chính được sử dụng để giảm thời gian tải và sử dụng băng thông trên các trang web. Nén cải thiện đáng kể tốc độ và khả năng truy cập của trang web, trực tiếp chuyển thành trải nghiệm người dùng tốt hơn. Nó cũng có lợi cho người dùng truy cập trang web của bạn thông qua gói dữ liệu hạn chế, những người muốn tiết kiệm băng thông khi lướt web.
Tại sao nên nén TypeScript?
Khi tạo TypeScript, các nhà phát triển thường sử dụng khoảng cách, chú thích và các biến được đặt tên tốt để làm cho mã dễ đọc cho chính họ và những người khác có thể làm việc trên mã sau này. Mặc dù điều này có lợi trong quá trình phát triển, nhưng nó trở thành một bất lợi khi phục vụ các trang web của bạn. Máy chủ web và trình duyệt có thể phân tích nội dung tệp mà không cần chú thích và mã có cấu trúc tốt, cả hai đều tạo ra lưu lượng mạng bổ sung mà không cung cấp bất kỳ lợi ích chức năng nào.
Để nén các tệp TypeScript, cần loại bỏ chú thích và khoảng trắng thừa, và tên biến nên được rút ngắn để giảm thiểu mã và giảm kích thước tệp. Phiên bản tệp đã nén cung cấp cùng một chức năng trong khi giảm băng thông của các yêu cầu mạng.
Ví dụ
Trước khi nén
// Chương trình TypeScript để tìm HCF hoặc GCD của hai số nguyên
let hcf: number;
// Nhập dữ liệu
const number1: number = parseInt(prompt('Nhập số nguyên dương thứ nhất: '));
const number2: number = parseInt(prompt('Nhập số nguyên dương thứ hai: '));
// Lặp từ 1 đến number1 và number2
for (let i = 1; i <= number1 && i <= number2; i++) {
// Kiểm tra nếu i là ước của cả hai số nguyên
if( number1 % i === 0 && number2 % i === 0) {
hcf = i;
}
}
// Hiển thị HCF
console.log(`HCF của ${number1} và ${number2} là ${hcf}.`);
Sau khi nén
let hcf:number;const number1:number=parseInt(prompt('Nhập số nguyên dương thứ nhất: '));const number2:number=parseInt(prompt('Nhập số nguyên dương thứ hai: '));for(let i=1;i<=number1&&i<=number2;i++){if(number1%i===0&&number2%i===0){hcf=i}}console.log(`HCF của ${number1} và ${number2} là ${hcf}.`);