首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【TypeScript】超详细的笔记式教程【上】

前言 之前了解过TypeScript,也学习过,但是项目中没有具体的使用过,导致忘得差不多了,最近公司不是很忙,学习的时间比较多,趁这个机会,快快的过一遍,然后准备用SolidJs + TypeScript...+ Vite做一个小项目,还看了看SvelteJs,感觉这个比SolidJs的生态似乎更好,可以巩固完TypeScript后学习一下这个,SvelteJs + Ts + Vite也挺香嘛。...TypeScript Typed JavaScript at Any Scale. 添加了类型系统的 JavaScript,适用于任何规模的项目。...类型推论 如果你的变量没有赋值,那么TypeScript会看你后面的值是啥类型,那你这个变量就是啥类型 let age = 12 // === let age: number = 12 age = '12...function getLength(something: string | number): number { return something.length } 这样写就会抛出错误类型“number”上不存在属性

1.1K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端技术观察第26期

    英) Brahmos是一个使用现代React API和本机模板构建用户界面的库,具有轻巧快速,使用jsx语法编写(但是源码占用空间相比jsx更小),并且没有使用VDOM的特性。...https://github.com/garronej/evt Inspect: 移动Web DevTools的“新标准”(英) 适用于macOS和Windows的开发人员工具,可检查和调试iOS设备上的...https://inspect.dev/ Mongoose 5.10新增乐观并发控制(乐观锁)(英) Optimistic concurrency核心思想是追踪文档的版本并在每次保存后增加版本,当在加载文档和保存文档之间...特性可以帮助缓解运动敏感人群的不适(英) 屏幕上的某些运动可能会对运动敏感的人产生影响,如眩晕,恶心等。...:小型的打印PDF插件(英) Print.js的主要目的是帮助我们直接在我们的应用程序中打印PDF文件,而无需离开界面,也不使用嵌入 https://javascriptweekly.com/link/

    1.2K20

    Node.js 配合 express 框架、mongodb 实践 &&

    一、Node.js默认使用commonJs的模块化方案,TypeScript默认是ES6的模块化方案,两者有本质区别。.../(使用相对路径),暴露接口使用exports或者module.exports 2.TypeScript的 import * from url 的引入依赖,需要填写完整的相对路径,否则是找不到模块的...,暴露接口使用export . 3.Node中使用TypeScript需要下一些包去支持,比如express框架这些,还有一些支持内置对象的包: 4.github源码下载地址 "dependencies...这就叫重定向 '//这里我们使用了第三方中间件处理cookie并且 携带数据,大概设计思路: 1.没有登录过不能进入个人中心,会跳转到登录界面 2.登录过后会有一个免登录期限进入个人中心 3.在登录界面可以通过用户名和邮箱找回密码...= require('mongoose'); module.exports = new Promise((resolve, reject) => { mongoose.connect('mongodb

    5K20

    Node.js 搭建一个 API 接口服务(实战)

    技术栈简述 网上的node框架也挺多的,用的较多的有egg,express,koa等框架,框架间各有利弊,最后均衡下来,还是决定使用可拓展性比较强的koa2来搭建项目,加上最近在学习typescript...,最后决定使用的技术栈就是 koa+typescript+mysql+mongodb来搭建项目。...Typescript 网上特别多关于“为什么要用Typescript开发”,“Typescript开发的好处和坏处”,“为什么不用Typescript开发”等等的争论和文章,有兴趣的同学也可以去说道说道哈...,就是路由可以引入装饰器写法,这样能减少重复工作和提高效率,有兴趣的同学可以看我上一篇博客哈。...,但是需要考虑的东西也是很多,而且因为很多插件都是第一次接触,所以整个项目实现的过程还是蛮坎坷的,基本上是那种摸石头过河。

    8.5K32

    根据上一行填充本行的空白栏位,SQL处理方式

    对于普通的OLTP系统来说,应该不会出现,主要是在做OLAP,导入外部数据源时,可能导入系统的就是带有空白记录的数据。...在录入学生成绩的时候,如果成绩为NULL,就表示该学生成绩和上一个学生的成绩相同。现在要查询某个学生ID的成绩,该怎么查呢?或者要将成绩字段改为不允许为空,怎么把所有NULL的行填上成绩呢?...,那么应该先去查学生5的成绩,由于学生5也是空,所以要继续查前一个学生4的成绩,得到分数3,所以学生6的成绩是3.这显然是一个递归问题,如果一直是空,会继续递归下去,直到找到一个成绩为止。...: 这里的情况比较特殊ID是连续的,那么如果ID不连续会怎么样呢?...那么简单的办法就是使用开窗函数给每一行数据增加一列连续自增的列,SQL Server中的函数是ROW_NUMBER().这样就变成了两个CTE嵌套使用,请看代码: 1 with t1new  2 as

    49530

    3个Linux上的SSH图形界面工具 转

    了解一下这三个用于 Linux 上的 SSH 图形界面工具。 在你担任 Linux 管理员的职业生涯中,你会使用 Secure Shell(SSH)远程连接到 Linux 服务器或桌面。...如果你碰巧喜欢好的图形界面工具,你肯定很乐于了解一些 Linux 上优秀的 SSH 图形界面工具。让我们来看看这三个工具,看看它们中的一个(或多个)是否完全符合你的需求。...EasySSH 的最佳功能之一是它提供了一个标签式界面,因此你可以打开多个 SSH 连接并在它们之间快速切换。EasySSH 的其他功能包括: 分组(出于更好的体验效率,可以对标签进行分组)。...很少(但值得)的选择 Linux 上没有很多可用的 SSH 图形界面工具。为什么?因为大多数管理员更喜欢简单地打开终端窗口并使用标准命令行工具来远程访问其服务器。...但是,如果你需要图形界面工具,则有两个可靠选项,可以更轻松地登录多台计算机。虽然对于那些寻找 SSH 图形界面工具的人来说只有不多的几个选择,但那些可用的工具当然值得你花时间。

    4.4K20

    Adapter与ListView的简单应用(上)Android应用界面开发

    Android应用界面开发 第二章学习 第一部分#### ---- 1.Adapter适配器是什么 ?...这里写图片描述 所谓适配器,是一个在“用户界面”View和“数据模型”Model之间的"控制器"Controller 也就是说,他是个翻译官,为两边做个翻译。...主界面的xml里新建一个ListView吧 <ListView android:id="@+id/lvMsg" android:layout_width="match_parent" android...Adapter类别 、 常见的介绍下: BaseAdapter:抽象类,实际开发中我们会继承这个类并且重写相关方法,用得最多的一个Adapter!...ArrayAdapter:支持泛型操作,最简单的一个Adapter,只能展现一行文字~ SimpleAdapter:同样具有良好扩展性的一个Adapter,可以自定义多种效果!

    75320

    基于 Express 应用框架的技术方案选型浅谈

    :快速搭建基于 MongoDB 的管理后台的最佳解决方案,基于数据模型的定义即可自动生成后台界面,支持常见的增删改查操作和灵活的数据过滤 Loopback:内置了很多特性的成熟框架,支持基于 token...设计完成后将开发态页面使用 Webpack 打包构建,构建目录为服务端 Express 的静态资源目录。首屏渲染的工作交给 Ejs 模板引擎(事实上也可以直接使用 HTML 字符串渲染)进行处理。...Vue 技术方案选型 2018年6月,使用 Vue 设计了服务端渲染的 Express 应用,大致技术选型如下: Mongoose Nuxt Vue lokka Muse-UI 客户端和服务端同构代码的...实现客户端 TypeScript 语法。...pm2:stop:停止运行 Web 服务器 dev:client:启动开发态热部署前端渲染服务 dev:server:启动开发态热启动服务端服务 虽然是服务端渲染框架(理论上可以一个人开发项目,启动一个热加载的服务端命令即可

    7K30
    领券