2024年Web前端最新typescript学习笔记一：typescript的介绍、安装和运行(1)，如何快速的开发一个完整的直播web

于 2024-05-05 21:29:06 发布
阅读量355 收藏 4
点赞数 3
分类专栏： 程序员 文章标签： 前端 typescript 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84437604/article/details/138474464
版权
最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。

并祝愿大家在新的一年找工作面试中胆大心细，发挥出最好的水平，找到一份理想的工作。

npm install -g typescript

或者

cnpm insatll -g typescript //前提是安装了淘宝镜像

或者

yarn global add typescript //前提是安装了yarn

安装完成后，可以输入tsc -v 检查是否安装成功

在这里插入图片描述

三、typescript的运行

新建个文件夹，用vscode打开，

最低0.47元/天 解锁文章
2401_84437604
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端篇关于TypeScript 学习笔记
05-21
TypeScript 类型体操通关秘籍与TypeScript全面进阶指南，Vue3+React18+TS4入门到实战系统学习3大热门技术，需要的朋友可以自行下载观看！
CSS实现磨砂玻璃（毛玻璃）效果样式
忧郁的蛋的专栏
05-21 3569
伪元素的内容为空，位置为绝对定位，宽度和高度分别为 100%，并设置了一个半透明的白色背景色。通过这种方式，可以使用 CSS 快速简单地实现磨砂玻璃背景效果。函数设置模糊程度为 10 像素。可以根据需要调整这个值来控制模糊程度。属性并不是所有浏览器都支持，需要进行兼容性测试和兼容性处理。伪元素的不透明度降低到 0.8，以增强磨砂玻璃效果。要实现磨砂玻璃背景，可以使用 CSS3 中的。在这个示例中，设置了。
CSS磨砂玻璃穿透效果 filter: blur(4px)；backdrop-filter: blur(4px)；
黄彪博客
07-05 976
工作中，UCD 设计了一个“磨砂穿透”的效果，本想着画一个磨砂效果，然后在通过透明度穿透，实现“磨砂穿透”的效果，然而，看到。这篇文章，发现可以将这种效果做成一个通用的组件。
CSS几种常见的文字动态效果
是个非常热爱生活、乐观、奋斗、努力的逗比青年
05-29 8081
不啰嗦了,酷酷的字体，希望能够帮助到那个你！
微信小程序中使用websocket
辽辽无期的博客
06-16 976
【代码】微信小程序中使用websocket。
CSS 实现磨砂玻璃样式
前端开发
05-18 606
CSS 实现磨砂玻璃样式
typeScript学习笔记
04-27
TypeScript是一个自由和开源的编程语言，由微软开发。它是JavaScript的一个超集，扩展了JavaScript的语法，解决了JavaScript的“痛点”：弱类型和没有命名空间，导致很难模块化。TypeScript支持所有的JavaScript语法...
TypeScript学习笔记
02-07
1. **更好的开发体验**：通过类型检查和智能感知，开发者可以利用 IDE 或代码编辑器实现快速的代码补全和错误提示。 2. **代码质量**：由于在编译阶段就能捕获错误，TypeScript 可以减少运行时的错误，提高代码的...
React-TypeScript-ShoppingMall:使用React和TypeScript创建一个购物中心！
04-09
在本项目"React-TypeScript-ShoppingMall"中，开发者运用了现代前端技术栈，特别是React和TypeScript，来构建一个完整的在线购物中心应用。这个应用不仅展示了React的组件化思想，还利用了TypeScript的强大类型系统...
typescript学习笔记
03-04
Typescript 学习笔记 TypeScript 是一种静态类型的编程语言，作为 JavaScript 的超集，它的主要特性是坚持与 ECMAScript 标准同步发展。下面是 TypeScript 的一些重要知识点： 一、ECMAScript 标准同步发展 * ...
【Vue】六：路由（上）使用路由 多级路由
北极星的博客
06-10 1374
new Vue 时添加新的配置项：一旦使用了 vue-router 插件，在 new Vue 的时候可以添加一个全新的配置项：router。（4）router 路由器的创建一般放在一个独立的 js 文件中，例如：router/index.js。（6）使用 router-link 标签代替 a 标签（App.vue 中）注意：一般普通组件存放在components中，路由组件存放在pages中。（2）main.js 中引入并使用 vue-router。（1）安装vue-router插件。
vue-router 路由超详细教程
热门推荐
weixin_47124112的博客
09-06 3万+
路由（英文： router）就是对应关系Hash 地址与组件之间的对应关系。vue-router是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。vue-router 的官方文档地址：https://router.vuejs.org/zh/2. vue-router 安装和配置的步骤① 安装 vue-router 包② 创建路由模块③ 导入并挂载路由模块④ 声明路由链接和占位符2.1在项目中安装 vue-router。
vue可视化项目解决方案DataV
前端啤酒屋
10-09 2475
Vue 大屏数据展示组件库 -------------DataV 主要用于构建大屏(全屏)，数据展示页面即数据可视化。 安装一条龙： npm install @jiaminghi/data-view // 将自动注册所有组件为全局组件 import dataV from '@jiaminghi/data-view' Vue.use(dataV) // 按需引入 import { borderBox1 } from '@jiaminghi/data-view' Vue.use(borderBox1
【css实现毛玻璃效果】
weixin_47416539的博客
04-02 1189
这个属性可以让你为一个元素后面区域添加图形效果（如模糊或颜色偏移）, 因为它适用于元素背后的所有元素，为了看到效果，必须使元素或其背景至少部分透明。
微信小程序中WebSocket的运用
越陌度阡
08-27 6714
近期在开发一个类似于小年糕的小程序，当用户在合成影集后会立马跳到个人中心的影集列表，但是立刻跳过去，服务端并没有马上制作完成，所以会有个“影集正在制作中”的提示，为了避免用户退出页面重新请求查看影集是否制作完成，决定前后端通信采用websocket通信的方式，当有影集制作完成时，服务端可实时向用户推送消息。 websocket在实现时需要注意以下几点： 1. 微信小程序同时只能有一个 WebS......
纯CSS教你实现磨砂玻璃背景效果（附代码），蚂蚁金服技术面
最新发布
2401_83621918的博客
04-11 906
padding: 0;3.添加背景图片========我们需要我们的背景占据页面的整个宽度和高度，并且我们不想重复我们的背景，我们也希望我们的背景是固定的。我们希望背景是固定的，因为我们不希望以后在继承背景时将整个背景显示在div中。body{4.现在给Div一些样式现在，我们将使用背景继承为div设置一些宽度和高度。我们还需要确定绝对位置，以确保叠加层不会占用网页的整个宽度和高度div{5，固定和不固定附件的示例。
毛玻璃效果 php,CSS3打造磨砂玻璃背景效果
weixin_39731682的博客
03-28 234
简介这个效果是在看CSS Secrets这书上看到的,感觉很不错;实现原理也挺简单的;效果图及实现效果图代码实现Document/*** 设置背景图全屏覆盖及固定* 设置内部元素偏移*/body {/*此处背景图自行替换*/background: url(demo.jpg) no-repeat center center fixed;background-size: cover;min-heigh...
[Vue]嵌套(多级)路由
emmmm.....
10-22 2413
1. 静态页面 2. 组件的拆分 2.1 目录结构 2.2 组件 3. 嵌套路由的配置
写一个例子：前端使用typescript和AES加密一个字符串，后端使用C#进行解密
03-22
# 前端使用typescript和AES加密一个字符串 在前端使用typescript和AES加密一个字符串的例子中，我们可以使用crypto-js库来实现加密。首先，我们需要安装crypto-js库： ``` npm install crypto-js ``` 然后，我们可以使用以下代码来加密一个字符串： ```typescript import * as CryptoJS from 'crypto-js'; const key = CryptoJS.enc.Utf8.parse('1234567890123456'); const iv = CryptoJS.enc.Utf8.parse('1234567890123456'); const plaintext = 'Hello, world!'; const ciphertext = CryptoJS.AES.encrypt(plaintext, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7 }); console.log(ciphertext.toString()); ``` 这里，我们使用了一个16字节的密钥和一个16字节的初始化向量来加密一个字符串。加密模式为CBC，填充模式为Pkcs7。 # 后端使用C 在后端使用C语言解密一个AES加密的字符串的例子中，我们可以使用OpenSSL库来实现解密。首先，我们需要安装OpenSSL库： ``` sudo apt-get install libssl-dev ``` 然后，我们可以使用以下代码来解密一个字符串： ```c #include <stdio.h> #include <stdlib.h> #include <string.h> #include <openssl/aes.h> int main() { unsigned char key[] = "1234567890123456"; unsigned char iv[] = "1234567890123456"; unsigned char ciphertext[] = "U2FsdGVkX1+XKjJ5y5+5JfK5J5gJfZzJ"; unsigned char plaintext[128]; AES_KEY aes_key; AES_set_decrypt_key(key, 128, &aes_key); AES_cbc_encrypt(ciphertext, plaintext, sizeof(ciphertext), &aes_key, iv, AES_DECRYPT); printf("%s\n", plaintext); return 0; } ``` 这里，我们使用了一个16字节的密钥和一个16字节的初始化向量来解密一个字符串。解密模式为CBC。注意，解密后的明文可能包含空字符，因此我们需要使用printf函数来输出明文。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值