第二天以下是视频(0:18-0:40) 的内容 目录第二天1 App 函数组件的类型2 头部及其 UI3 Todo的input框 UI4 useState Hook5 函数作为props传递6 useRef Hook 1 App 函数组件的类型是React.FCconst App: React.FC = () => {
  //
}2 头部及其 UI先做个头部,效果如下App.tsximpo            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-08-27 16:51:42
                            
                                17阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            走进“前端的未来”TS——环境配置前言文章简介主要内容1 环境配置具体步骤step1 找到TS官方文档step2 下载TS编译工具tscstep3 安装node.js2 创建&编辑TS文件2.1 创建TS文件2.2 编辑+编译TS => JSsummary下期预告【起步了解】《前端的未来——TypeScript》了解TS的工作技术流【基础入门】《前端的未来——TypeScript》            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-20 20:16:11
                            
                                43阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             一、问题目录 一、问题 1.1 问题概述1.2 操作过程描述二、解决2.1 说明2.2 crypto-js安装2.3 使用crypto-js 1.1 问题概述如何进行加密和解密以及采用什么方式进行加密解密是本文主要解决的内容~ 之前有小伙伴问了关于加密解密的事,确实是的,某些比较特殊的场景下,由于数据的敏感性以及特殊性,这些前后端的数据交互是需要            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-28 07:19:13
                            
                                538阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # TypeScript 混淆与加密:保护你的代码
在现代应用开发中,尤其是前端开发领域,安全性变得越来越重要。尽管 TypeScript 提供了类型安全和代码结构的良好支持,但当我们将代码发布到公共环境时,就需要考虑如何保护自己的代码不被恶意用户篡改或剽窃。本文将讨论 TypeScript 的代码混淆与加密,并提供代码示例以及相关的可视化数据。
## 什么是代码混淆与加密?
- **代码混            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-08-09 11:34:42
                            
                                507阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            TypeScript 和 Node.js:现代后端开发 作者:Alex Martinez TypeScript 和 Node.js:现代后端开发当谈到后端开发时,Node.js 因其效率、可扩展性以及使用许多开发者已经熟悉的 JavaScript 语言而变得非常流行。但随着项目的规模和复杂性的增长,管理 JavaScript 的动态类型可能会变成一场噩梦。这就是 TypeScript 的用武之地,            
                
         
            
            
            
            # TypeScript 代码加密:保护你的代码安全
在现代软件开发中,保护代码的安全性与隐私性尤为重要。尤其是在使用 TypeScript 这种流行的编程语言时,许多开发者开始探索各种代码加密技术。本文将介绍 TypeScript 代码加密的基本知识、常用方法以及相关的代码示例,帮助大家更好地理解这一主题。
## 什么是代码加密?
代码加密是将源代码转换为一种难以理解的形式,从而防止未授权            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-01 05:37:51
                            
                                71阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            源码来自 新版知乎x-zse-86加密破解分析 ,在添加了jsdom之后就可以通过nodejs运行了,但这在使用非js语言编写爬虫时肯定不是一个很好的调用方法,也有很大的局限性,在简单分析后,jsdom应该是提供一些属性变量如window,加密算法可能与之无关,不能运行可能是因为某些代码做了检测然后被反爬了,如今日头条的signature算法,仅能通过nodejs运行而无法通过            
                
         
            
            
            
            # 实现 TypeScript 对称加密
## 前言
作为一名经验丰富的开发者,我将帮助你学习如何在 TypeScript 中实现对称加密。对称加密是一种加密技术,使用相同的密钥进行加密和解密。在本文中,我将指导你通过整个流程,并提供每一步需要使用的代码示例。
## 流程概述
下面是实现 TypeScript 对称加密的步骤概览:
```mermaid
pie
    title 对称加密流            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-02-25 06:54:12
                            
                                266阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            PS:我是翻阅了网上大部分资料,进行整合,得出以下文章。(不是原创,只是进行了整合,方便理解。)1.什么是RSA加密RSA (详见维基百科)算法是现今使用最广泛的公钥密码算法,也是号称地球上最安全的加密算法,与 md5 和 sha1 不同,到目前为止,也只有极短的RSA加密被破解。 那么什么是公匙密码算法呢,根据密钥的使用方法,可以将密码分为对称密码和公钥密码,接下来我们来简单说明下它们两个。对称            
                
         
            
            
            
            加密技术:密码常用术语 现代密码学设计原则:柯克霍夫原则: 数据的安全基于密钥而不是算法的保密。即系统的安全取决于密钥,对密钥保密,对算法公开常用加密码算法:对称加密:(加密密钥和解密秘钥一样):指加密和解密使用相同密钥的加密算法。对称加密算法的原理很容易理解,通信一方用KEK加密明文,另一方收到之后用同样的KEY来解密就可以得到明文。示例-crypto.js库:crypto-js是谷歌            
                
         
            
            
            
            # 实现typescript混淆加密教程
## 流程图
```mermaid
flowchart TD
    A(准备工作)
    B(安装依赖)
    C(混淆代码)
    D(加密代码)
    E(生成混淆加密后的代码)
    
    A --> B
    B --> C
    C --> D
    D --> E
```
## 教程
### 1. 准备工作
在开始之            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-04-28 03:48:41
                            
                                735阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 如何实现typescript des加密
## 流程图
```mermaid
flowchart TD;
    A[准备工作] --> B[引入crypto-js库];
    B --> C[配置typescript环境];
    C --> D[编写加密算法];
    D --> E[运行并测试];
```
## 任务步骤
| 步骤 | 操作 |
| :--- | :---            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-02 05:15:05
                            
                                289阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            TypeScript面向对象1 面向对象原则2 TypeScript类2.1 类的定义2.2 创建实例对象3 类的继承4 static关键字5 抽象类和抽象方法6 类属性权限修饰符6.1 public(公有的)6.2 protected(受保护的)6.3 private(受保护的)6.4 readonly(只读)7 存取器 1 面向对象原则单一原则:一个类只负责一个职责。里氏替换原则:子类可以在            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-10-10 00:03:24
                            
                                129阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ## 使用Typescript实现对称加密的步骤
### 流程图
```mermaid
flowchart TD
    A(生成密钥对) --> B(加密)
    B --> C(解密)
```
### 步骤
1. 生成密钥对
```typescript
// 生成密钥对
const { publicKey, privateKey } = crypto.generateKeyPairSy            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-05-06 06:28:28
                            
                                183阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 实现 TypeScript 混淆加密代码的全过程
如果你是一名刚入行的开发者,可能对如何实现 TypeScript 代码的混淆和加密感到困惑。在这篇文章中,我将详细步骤和代码示例,帮助你理解整个过程。
## 流程概述
为了实现 TypeScript 的混淆和加密,我们可以遵循以下步骤:
| 步骤         | 描述            
                
         
            
            
            
            接口数据RSA加密和签名RSA算法简介RSA加密算法是一种非对称加密算法,加密的秘钥是由公钥和私钥两部分组成秘钥对。 ◆ 公钥用来加密消息 ◆ 私钥用来对消息进行解密 ◆ 公钥是公开的 ◆ 私钥则是用户自己保留的由于公钥是公开的,那么任何人只要获取到公钥,都可以使用公钥来加密发送伪造内容。 出于安全性考虑,在发送消息之前我们可以使用RSA来签名,签名使用私钥来进行签名。 使用公钥来进行验签,通过签            
                
         
            
            
            
            # TypeScript 加密工具类
随着网络安全意识的提高,加密已经成为开发中不可或缺的一部分。在 TypeScript 中,我们可以通过编写加密工具类来轻松实现对数据的加密和解密操作。本文将介绍如何使用 TypeScript 创建一个简单的加密工具类,并演示如何在项目中使用它。
## 加密算法
在加密工具类中,我们将使用常见的对称加密算法 AES 进行加密和解密操作。AES(Advanc            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-13 06:23:37
                            
                                597阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            先来讲一讲TypeScript出现的背景前端javascript的编程思想与后端java面向对象的编程思想有很大的不同,微软公司借鉴了coffeescript语言,继承了很多C#和java的编程思想,推出了TypeScript。期间随着js的升级换代出了ES6,微软的TypeScript不仅吸收了ES6的新特性,还可以编译成ES6的样子,因此在TypeScript里直接写ES6的js是基本没什么问            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-18 07:46:13
                            
                                177阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            本篇将介绍在TypeScript如何使用泛型。一、泛型方法在TypeScript里,声明泛型方法有以下两种方式:  1 function generics_func1<T>(arg: T): T {
2     return arg;
3 }
4 // 或者
5 let generics_func2: <T>(arg: T) => T = function (arg)            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-04 22:57:28
                            
                                316阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            数组的类型在 TypeScript 中,数组类型有多种定义方式,比较灵活。「类型 + 方括号」表示法最简单的方法是使用「类型 + 方括号」来表示数组:let fibonacci: number[] = [1, 1, 2, 3, 5];数组的项中不允许出现其他的类型:let fibonacci: number[] = [1, '1', 2, 3, 5];
// Type 'string' is n            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-08 19:44:12
                            
                                69阅读