03 2022 档案

自己搭建webpac脚手架
摘要：在使用Webpack时，需要安装一些必要的依赖项。 配合 webpack 使用 npm install webpack ts-loader typescript webpack-cli --save-dev 在package.json文件中，为scripts部分添加 "start": "webpac 阅读全文

posted @ 2022-03-20 21:38 完美前端 阅读(140) 评论(0) 推荐(0)

html中使用vue 和 vue模块
摘要：#### 在Vue中使用http-vue-loader加载组件 要使用vue组件的话，需要引入http-vue-loader.js 要在服务器的环境下打开 开发时本地服务器 或 idea打开 HTML结构 <!DOCTYPE html> <html lang="en"> <head> <meta c 阅读全文

posted @ 2022-03-10 20:25 完美前端 阅读(1404) 评论(0) 推荐(0)

13 - TS课程总结
摘要：TS 总结 总结了TS的一些核心思想和特点，这有助于更好地理解和使用TS。 类型检查很有用 1. 检查错误：帮助开发者在代码编写阶段捕捉潜在错误。 2. 一次写过（减少Debug)：减少后期的调试时间，提高开发效率。 3. 辅助系统设计（类型的思考方式）：类型系统有助于系统的设计，使设计更加合理和健 阅读全文

posted @ 2022-03-08 18:57 完美前端 阅读(49) 评论(0) 推荐(0)

12 - TS的模块x
摘要：TS的模块 在 TypeScript 中，模块是一个包含代码和数据的可重用程序片段。模块的主要目标是提供模块作用域和组织代码。模块在其自己的作用域中执行，而不是在全局作用域中。这意味着在模块中定义的变量、函数、类等在模块外部是不可见的，除非你明确地使用 export 形式之一导出它们。相反，如果要在 阅读全文

posted @ 2022-03-08 18:56 完美前端 阅读(69) 评论(0) 推荐(0)

10. TS 类型计算入门（描述类型的小工具)
摘要：描述类型的小工具 观察所有Typescritp提供的类型下小工具，思考这个问题： - 类型是可以被计算的吗？ 内容： - Partial\<Type\> - Required\<Type\> - Readonly\<Type\> - Record\<Keys,Type\> - Pick\<Type, 阅读全文

posted @ 2022-03-08 18:52 完美前端 阅读(148) 评论(0) 推荐(0)

09 - TS 关于函数的补充
摘要：函数的补充 构造函数的表达 /* 定义构造函数类型 其中 'new' 表示构造函数 s: int 是构造函数的参数类型 返回值类型为 String */ type SomeConstructor = { new (s: int): String } /* 函数 fn 接收一个构造函数作为参数，并使用 阅读全文

posted @ 2022-03-08 18:52 完美前端 阅读(45) 评论(0) 推荐(0)

11 - TS class的补充
摘要：类的定义与使用 // 定义一个Point类，拥有x和y两个属性，可以通过构造函数进行初始化，并拥有一个add方法可以进行点的加法操作 class Point { x: number; y: number; // 构造函数，用于初始化对象 constructor(x: number, y: numbe 阅读全文

posted @ 2022-03-08 18:52 完美前端 阅读(101) 评论(0) 推荐(0)

08 - TS infer和强大的类型计算体系
摘要：#### 类型计算 Typescript的强大类型计算能力 Typescript 提供了一系列强大的类型计算能力。 联合类型 // 联合类型可以让你允许一个值是几种类型之一。 type Shape = Cirle | Rect | Triangle; 求并集类型 type A = { a : num 阅读全文

posted @ 2022-03-08 18:51 完美前端 阅读(359) 评论(0) 推荐(0)

07 - TS 解决组合类型的检查（窄化）
摘要：类型的窄化 我们的重点： - 窄化和类型守卫 - 真值窄化 - 相等性窄化 - `in` 操作符窄化 - `instanceof` 窄化 - 控制流分析 - 类型断言 - 判别的联合 - Never类型 TS中的类型是可以组合使用的。 联合和窄化 type Padding = number | st 阅读全文

posted @ 2022-03-08 18:50 完美前端 阅读(240) 评论(0) 推荐(0)

06 - TS 泛型
摘要：泛型简介 什么是泛型？ 泛型， 或者说提取了一类事物的共性特征的一种抽象。比如说，松树、柳树都是树，在程序里有3种表达： - 接口(Interface) - 继承(Inheritance) - 泛型(Generics) 继承是一种强表达。 松树继承于树，松树同时也是木材。这样关系的表达，要么让松树多 阅读全文

posted @ 2022-03-08 18:50 完美前端 阅读(150) 评论(0) 推荐(0)

05 - TS 日常类型
摘要：TS日常类型 内容： - 基础类型 - 数组 - any/unknown/noImplicitAny - 类型标注 - 函数 - 对象类型 - 联合 - 别名 - 接口 - 断言 - 字面类型(Literal Type) - null and undefined - 枚举类型 目标：熟悉TS的基本操 阅读全文

posted @ 2022-03-08 18:50 完美前端 阅读(239) 评论(0) 推荐(0)

02 TS 如何学习
摘要：如何学习 《Typescript必会技能》 《Typescript》是一门技能，我们要用好它！ TS介绍 2012年微软发布的一门编程语言。发布时就提供了将Typescript翻译到JS的翻译编译器（transcompiler)。 - Typescript是JS的一个超集。 // TypeScrip 阅读全文

posted @ 2022-03-08 18:48 完美前端 阅读(52) 评论(0) 推荐(0)

01 - TS 导读：类型的重要性
摘要：导读：类型的重要性 欢迎来到《Typescript必会技能》，课程名字比较低调，但是干货满满。 类型是什么？ 1. 人类的思考方式 2. 错误检查的利器 类型是人类的思考方式 类型本质是思考什么是什么？ ![image-20210711180611083] 狗可以叫怎么理解？ 【面向对象】 对象狗拥 阅读全文

posted @ 2022-03-08 18:47 完美前端 阅读(65) 评论(0) 推荐(0)

TS typescript
摘要：关于TypeScript的安装和使用 // 使用npm安装TypeScript npm install --save-dev typescript // 使用tsc重新打包，这会根据tsconfig.json中的compilerOptions.outDir进行输出 npx tsc // 查看Type 阅读全文

posted @ 2022-03-05 23:16 完美前端 阅读(39) 评论(0) 推荐(0)

css overflow 可以滑动 但不显示滚动条
摘要：.tab-lists-box{ scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-y: auto;}.tab-lists-box::-webkit-scrollbar { disp 阅读全文

posted @ 2022-03-04 18:19 完美前端 阅读(1387) 评论(0) 推荐(0)

网页移动端 vue-video-player 视频播放器使用记录
摘要：完整的代码, 可以复制引用 引入视频播放器插件 npm i vue-video-player -D import VideoPlayer from 'vue-video-player' require('video.js/dist/video-js.css') require('vue-video- 阅读全文

posted @ 2022-03-03 15:23 完美前端 阅读(1566) 评论(0) 推荐(0)

flutter windos打包
摘要：开启Flutter Windows桌面支持 flutter config --enable-windows-desktop // 使用CMD运行此命令，开启Flutter的Windows桌面支持 创建Flutter项目 flutter create toly_flutter // "toly_flu 阅读全文

posted @ 2022-03-01 20:11 完美前端 阅读(768) 评论(0) 推荐(0)

导航