Blog icon indicating copy to clipboard operation
Blog copied to clipboard

冴羽写博客的地方,预计写四个系列:JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。

Results 143 Blog issues
Sort by recently updated
recently updated
newest added

> TypeScript 的官方文档早已更新,但我能找到的中文文档都还停留在比较老的版本。所以对其中新增以及修订较多的一些章节进行了翻译整理。 > 本篇翻译整理自 TypeScript Handbook 中 「[Mapped Types](https://www.typescriptlang.org/docs/handbook/2/mapped-types.html)」 章节。 > 本文并不严格按照原文翻译,对部分内容也做了解释补充。 ## 映射类型(Mapped Types) 有的时候,一个类型需要基于另外一个类型,但是你又不想拷贝一份,这个时候可以考虑使用映射类型。 映射类型建立在索引签名的语法上,我们先回顾下索引签名: ```typescript // 当你需要提前声明属性的类型时 type OnlyBoolsAndHorses = { [key: string]: boolean | Horse;...

TypeScript系列

## 前言 最近我发起了[「冴羽答读者问」](https://www.yuque.com/yayu/ask/dzng83)活动,如果你也有想要提问的问题,欢迎留言,我会按照顺序依此回答。 ## 正文 这个问题有些难,因为要“快速”还要“聊得来”的“人生伴侣”?这让我想起一个段子: > 一堆男的在找女朋友,一堆女的在找男朋友,两拨人各找各的,互不干涉 这背后可能有男女标准不一致的缘故,但就我接触的情况而言,我感觉更多人是,嘴上喊着找男女朋友,但身体却很诚实的待在家里,看到喜欢的类型,不敢搭讪,父母亲朋介绍的,却又总是拒绝,APP 找的对象感觉又各种不靠谱,最后心里可能还是觉得,单身蛮好的。套用一句话就是:间歇性想谈恋爱,持续性享受单身。 所以真的要找,一定要主动,在罗振宇 2022 跨年演讲里举了这样一个找对象的例子: > 怎么用工程思维找到伴侣? > > 我有一个朋友,三十多岁,女性,很优秀,单身。跟很多同龄的女性朋友一样,她不是不想结婚,而是不想凑合,是只想和自己的理想中的对象结婚。那怎么办呢?等着偶遇?托人介绍?跟抽盲盒似的去相亲?太没谱了。 > > 她就问自己,我理想的伴侣到底什么样?一番扪心自问之后,想明白了,理想夫君是一个聪明的理工科大学老师。别笑啊,我觉得她的这个标准很清晰。有了这个目标就好办了。 > > 她真是个行动的巨人,有空就跑到几个大学里去,特别是理工科院系,去看各个系的布告栏,看老师介绍,特别是哪个年轻老师得奖了。得奖了嘛,不管是教学奖还是科研奖,大概率事业心就不错。如果照片看起来也有眼缘,就托人打听是不是单身,然后挨个认识去啊。 > > 这么筛下来,其实目标范围很小,这比大海捞针强得多啊。果然,去年,这位朋友顺利结婚,过得非常幸福。佩服啊。 > > 我们都跟她开玩笑说,你这不是一般的找对象,这是在用工程思维在找对象啊。...

答读者问

## 构造函数创建对象 我们先使用构造函数创建一个对象: ```js function Person() { } var person = new Person(); person.name = 'Kevin'; console.log(person.name) // Kevin ``` 在这个例子中,Person 就是一个构造函数,我们使用 new 创建了一个实例对象 person。 很简单吧,接下来进入正题: ## prototype 每个函数都有一个 prototype...

深入系列

## 前言 在 [《一篇带你用 VuePress + Github Pages 搭建博客》](https://github.com/mqyqingfeng/Blog/issues/235)中,我们使用 VuePress 搭建了一个博客,最终的效果查看:[TypeScript 中文文档](http://ts.yayujs.com/)。 为了丰富站点的功能,我们可以直接使用一些现有的插件,本篇我们讲讲一些常用的插件。 ## 1. 公告栏弹窗 插件地址:[https://vuepress-theme-reco.recoluan.com/views/plugins/bulletinPopover.html](https://vuepress-theme-reco.recoluan.com/views/plugins/bulletinPopover.html) 安装: ```bash yarn add @vuepress-reco/vuepress-plugin-bulletin-popover -D ``` 使用: ```javascript plugins: [ ['@vuepress-reco/vuepress-plugin-bulletin-popover', {...

博客搭建

## 定义 维基百科中对偏函数 (Partial application) 的定义为: > In computer science, partial application (or partial function application) refers to the process of fixing a number of arguments to a function, producing...

专题系列

> TypeScript 的官方文档早已更新,但我能找到的中文文档都还停留在比较老的版本。所以对其中新增以及修订较多的一些章节进行了翻译整理。 > 本篇翻译整理自 TypeScript Handbook 中 「[Classes](https://www.typescriptlang.org/docs/handbook/2/classes.html#readonly)」 章节。 > 本文并不严格按照原文翻译,对部分内容也做了解释补充。 ## 静态成员(Static Members) 类可以有静态成员,静态成员跟类实例没有关系,可以通过类本身访问到: ```typescript class MyClass { static x = 0; static printX() { console.log(MyClass.x); } }...

TypeScript系列

## 前言 最近我发起了[「冴羽答读者问」](https://www.yuque.com/yayu/ask/dzng83)活动,如果你也有想要提问的问题,欢迎留言,我会按照顺序依此回答。 ## 正文 《少有人走的路》开篇第一句话: > 人生苦难重重 可谓是道出了人生的真相,然而又有多少人能深刻的理解这句话,并在面对苦难的时候,以一句“人生苦难重重”来接纳自己、笑对未来呢? 最近看罗翔老师的《圆圈正义》,他在文中安慰司考暂时落榜的同学们写道: > 人生本是希望与失望的综合体, 失望是有限的,希望却是无限的。春夏秋冬, 四季变迁, 春有春的妩媚, 夏有夏的热情, 秋有秋的丰硕, 冬有冬的肃穆, 每人都有各自的季节, 每个季节都有不同的特点, 各有各的精彩, 不要与他人比较, 因为季节不同。 “凡事都有定期, 天下万物都有定时。”每个人都有属于自己的剧本,演好自己的剧本, 不自怜、不自夸, 方能不负此生。 是啊,每个人都有各自的季节,只是现在不是你的季节而已,可又有谁能对自己的未来一直充满信心呢?低谷时,人们常常就以为这寒冬漫漫就是以后的岁月。 有的人遇到低谷,能触底反弹,走向更高的位置,而有的人则会在低谷里兜兜转转,荒废时光,与其说这是能力上的差距,我想这更是信念上的差距:对苦难的态度、对自我的坚持、对人生的思索、对未来的笃定等等。最后你走出来,可能需要的就仅仅是一种信念上的变化,但在这信念变化之前,你往往又需要时间和思考的积累才能触发。 所以面对低谷,不要心怀无故的期盼,总觉得有一个贵人会拯救你,有一件大事会改变你,佛不渡人人自渡,走出低谷,永远都需要从自己开始,自己的信念无法改变,就算有贵人相助,也会被你婉拒门外,就算有机遇来临,也会被你视若不见,泰戈尔说:“若你因失去太阳而流泪,那么你也将失去群星”。...

## 写在前面 JavaScript 深入系列共计 15 篇已经正式完结,这是一个旨在帮助大家,其实也是帮助自己捋顺 JavaScript 底层知识的系列。重点讲解了如原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承等 JS 语言中的比较难懂的概念。 JavaScript 深入系列自 4 月 6 日发布第一篇文章,到 5 月 12 日发布最后一篇,感谢各位朋友的收藏、点赞,鼓励、指正。 顺便宣传一下该博客的 Github 仓库:[https://github.com/mqyqingfeng/Blog](https://github.com/mqyqingfeng/Blog),欢迎 star,鼓励一下作者。 而此篇,作为深入系列的总结篇,除了汇总各篇文章,作为目录篇之外,还希望跟大家聊聊,我为什么要写这个系列? ## 我为什么要写深入系列? 讲一个对我学技术的态度很有影响的一件事情。 曾经团队邀请过 Nodejs...

深入系列
总结篇

> TypeScript 的官方文档早已更新,但我能找到的中文文档都还停留在比较老的版本。所以对其中新增以及修订较多的一些章节进行了翻译整理。 > 本篇翻译整理自 TypeScript Handbook 中 「[Classes](https://www.typescriptlang.org/docs/handbook/2/classes.html#readonly)」 章节。 > 本文并不严格按照原文翻译,对部分内容也做了解释补充。 ## 类(Classes) TypeScript 完全支持 ES2015 引入的 `class` 关键字。 和其他 JavaScript 语言特性一样,TypeScript 提供了类型注解和其他语法,允许你表达类与其他类型之间的关系。 ## 类成员(Class Members) 这是一个最基本的类,一个空类: ```typescript class...

TypeScript系列