学习
文章平均质量分 59
卡洛背心
前端攻城狮,记录工作的点点滴滴。
展开
-
学习TS的基础知识,个人总结,附带栗子(二)
接口让我们继续扩展这个示例应用。这里我们使用接口来描述一个拥有 firstName 和 lastName 字段的对象。 在 TypeScript 里,只在两个类型内部的结构兼容,那么这两个类型就是兼容的。 这就允许我们在实现接口时候只要保证包含了接口要求的结构就可以,而不必明确地使用 implements 语句。interface Person { firstName: string lastName: string}function greeter (person: Person) {原创 2021-12-28 17:13:22 · 474 阅读 · 0 评论 -
学习TS的基础知识,个人总结,附带栗子(一)
初识 TypeScriptTypeScript 作为 JavaScript 语言的超级,它为 JavaScript 添加了可选择的类型标注,大大增强了代码的可读性和可维护性。同时,它提供最新和不断发展的 JavaScript 特性,能让我们建立更健壮的组件。TypeScript 的特点TypeScript 主要有 3 大特点:始于JavaScript,归于JavaScriptTypeScript 可以编译出纯净、 简洁的 JavaScript 代码,并且可以运行在任何浏览器上、Node.js原创 2021-12-28 17:11:20 · 396 阅读 · 0 评论 -
使用谷歌浏览器的speechSynthesis的API,实现语音播报功能
测试实现效果:代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title></title></head><body> <button onclick='playRadio()' id="played">播报语音</button> <button onclick='pauseRadi原创 2021-10-30 17:26:11 · 2168 阅读 · 2 评论 -
Vue中样式绑定的多种用法
今天给大家介绍一下Vue中样式绑定的多种用法样式如下:<style> .red { color: red; } .green { color: green; } </style><script> const app = Vue.createApp({ data() { return { // 字符串写法 classString: 'red', .原创 2021-10-21 10:59:33 · 198 阅读 · 0 评论 -
TypeScript:比较Interface和Type
如果你用过TypeScript,一定接触过Interface和Type 。5秒钟思考一下,他俩有什么相同和不同?如果你对他们的不同一无所知,那么请继续往下看。如果我们声明一个Point类型,可以通过以下两种方式都会达到我们想要的结果:interface Point { x: number; y: number;}或者type Point = { x: number; y: number;}上面的列子没有表现出 interface和 type 之间的不同。让我们进一步原创 2021-08-29 16:51:02 · 312 阅读 · 0 评论 -
手把手教你如何配置Babel系列(一)
目标本文的目的是帮助对Babel不熟悉的人了解 如何书写Babel的配置文件,设计一个“最完美”的 Polyfill 方案由于内容比较多,我会把下面的目录中的内容分成四个章节去讲解第一章节什么是Babel插件和预设配置文件简单Demo演示第二章节什么是core-js?第三章节什么是Polyfill?@babel/polyfill介绍@babel/preset-env实战第四个章节@babel/runtime实战@babel/plugin-transform-r.原创 2021-07-21 11:10:38 · 2542 阅读 · 0 评论 -
webpack4中hash、chunkhash、contenthash区别!
网站响应速度是用户体验的第一要素,其重要性不言而喻。响应速度受很多因素影响,比如不同的业务场景,不同的用户终端,不同的技术栈。为了获得更快的响应速度,一方面期望每次请求页面资源时,获得的都是最新的资源;另一方面期望在资源没有发生变化时,能够复用缓存以此来提高页面加载速度。使用文件名+文件哈希值 的方式,就可以实现只要通过文件名,就可以区分资源是否有更新。而webpack就内置了hash计算方法,对生成文件的可以在输出文件中添加hash字段先了解一下 webpack中hash、chunkhash、c.原创 2021-07-20 15:19:20 · 1080 阅读 · 2 评论 -
TS之类型推论、联合类型、类型断言
类型推论 - type inference// 先把str赋值为string,TS就默认str为string类型let str = 'str'// 再将str赋值为number会报错,因为TS认为它已经是string类型str = 123联合类型 - union types// 我们只需要用中竖线来分割两个let numberOrString: number | string // 当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候,我们只能访问此联合类型的所有.原创 2021-05-16 23:38:51 · 561 阅读 · 0 评论 -
git指令对应的sourceTree操作
一、本地内容添加到暂存区git add .查看本地修改文件的状态git status将暂存区的内容恢复到未暂存区 git reset HEAD将暂存区的内容进行提交git commit -m 添加测试回到上个版本git reset --hard HEAD^回到指定版本git reset --hard 309ab8(版本号)指定文件回到指定版本git reset --hard 309ab8(版本号)-- index.vue (文件名称)将修改的内容推送到远程仓库原创 2021-01-23 19:13:33 · 471 阅读 · 0 评论 -
如何保持长时间的高效学习?
一、慢一点。 你理解得越多,需要记的就越少。不要光是看看就行了。停下来,好好想想。书中提出问题的时候,你不要直接去翻答案。可以假想真的有人在问你这个问题。你让大脑想得越深人,就越有可能学会并记住它。二、做练习, 自己记笔记。要自己练习,但是如果这些练习的解答也由我们一手包办,那和有人替你参加考试有什么分别?不要只是坐在那里看着练习发呆。拿出笔来,写一写画一画。大量研究都证实,学习过程中如果能实际动动手,这将改善你的学习。三、上床睡觉之前不要再看别的书,至少不要看其他有难度的东西。学习中.原创 2021-01-04 16:39:22 · 295 阅读 · 1 评论