JS July 24, 2019

通过一个问题学习map,filter,reduce语法

Words count 6.7k Reading time 6 mins.

这个问题不难,有的少侠可能会使用for循环来过滤出偶数,某些少侠可能会使用while循环,又或是使用数组自带的filter方法。

这里,我们先不考虑使用for和while这些迭代方法,我们选择使用数组...

Read article

JS July 24, 2019

通过一个问题学习map,filter,reduce语法

Words count 6.7k Reading time 6 mins.

这个问题不难,有的少侠可能会使用for循环来过滤出偶数,某些少侠可能会使用while循环,又或是使用数组自带的filter方法。

这里,我们先不考虑使用for和while这些迭代方法,我们选择使用数组自带的filter方法,如果使用filter方法的话,

const nums = [1,2,3,4,5,6,7,8,9,10];
// 过滤出所有奇数
nums.filter(num => num % 2 !== 0);

console.log(nums);

还是挺简单的对吧?

相信大部分少...

Read article

JS July 15, 2019

如何使用 vue + typescript 编写页面(1)

Words count 8.4k Reading time 8 mins.

原文地址

使用 vue-cli 创建项目

vue create demo ,demo就是创建项目的名称
提示选择预设,选择 Manually select features 回车确认
选择typescript vuex router babel css pre-processors,不使用linter,不选单元测试有需要另说
回车后按照需要选择合适的选项
选择完毕后回车等待资源准备

熟悉几个vue的装饰器 vue-property-decorator

以下的装饰器的功能和原js编写的功能相同/相似,可以...

Read article

JS July 04, 2019

TypeScript 的好处都有啥?和 JavaScript 的区别在哪?

Words count 3.1k Reading time 3 mins.

原文地址

在我看来 TypeScript 相对于 JavaScript ,除了静态类型外没带来任何东西。

既然如此

静态类型的好处到处都有说,这里就不说得太详细了,随便列一点。

  • 杜绝手误导致的变量名错误
  • 自动完成
  • 重构支持
  • 类型可以一定程度上充当文档

静态类型解放脑容量,自动完成让我不需要记忆哪个变量里有哪些属性,也不需要记完整的变量名。

函数上的类型约束外加尽量主动写纯函数让我在写函数实现的时候不需要关注函数之外的任何东西,注意力聚焦在当前函数。

当然,也不只有好处。

  • 类型标注麻烦。
  • 现...
Read article

VUE June 13, 2019

vue中不常用的API的使用方法总结

Words count 6.9k Reading time 6 mins.

官网介绍及使用:

指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时,可获取错误信息和 Vue 实例

Vue.config.errorHandler = function (err, vm, info) {
  //处理错误信息, 进行错误上报
  //err错误对象
  //vm Vue实例
  //`info` 是 Vue 特定的错误信息,比如错误所在的生命周期钩子
  //只在 2.2.0+ 可用
}

这个相当于一个简单的store管理,在不用vuex的情况下,不同组件之...

Read article

JS June 12, 2019

TypeScript 高级技巧

Words count 8.4k Reading time 8 mins.

原文地址

用了一段时间的 typescript 之后,深感中大型项目中 typescript 的必要性,它能够提前在编译期避免许多 bug,如很恶心的拼写问题。而越来越多的 package 也开始使用 ts,学习 ts 已是势在必行。

keyofObject.keys 略有相似,只不过 keyofinterface 的键。

interface Point {
    x: number;
    y: number;
}

// type keys = "x" ...
Read article
Load more
0%