Hi!
I'm

Zhuo Wenli
Front End Developer
so cooooooool

What's new in ECMAScript 2020 (ES2020)

从 ES2016 开始,ECMA 修改了标准的制定原则:成文标准要从事实标准中诞生,实现先于标准存在,进入标准草案必须有 JavaScript 引擎实现的支持、社区里有充分的人气和足够的 Test262 测试。

旨在通过更频繁地发布小规模增量更新,促进标准和语言的快速发展,而版本命令规则使用 ECMAScript + 年份的形式。

所以,我们今年又可以看看 ES2020 新增了哪些特性啦。✌️

你真的了解 REST 吗?

在互联网迅猛发展的今天,作为一名前端开发,大家应该都会经常听到 REST 这个东西。并且随着前后端分离以及各种层出不穷的框架技术的发展,REST 已经普遍到成为了互联网软件开发者的基本常识。然而,在大部分时候,其实大家都没理解到底什么是 REST。

我最早查阅 REST 资料的时候还是在 15 年刚接触前端开发的那些时候,就粗略的看了一下,觉得没必要花时间看这么简单的东西。对于不理解 REST 的开发来说,大家习惯于展示一些 demo 来让他人理解 REST,这样就给大家造成了 REST 就是 CURD 谬论。所以开发同学想要深入理解 REST 是什么,就很难避开 Fielding 的那篇博士论文。然而,当我最近重新去看时论文的时候却颇感吃力。

在当面试官的过程中,我也经常会问一些前端同学:「你知道什么是 REST 吗?」。大家的回答也是五花八门,很少有能够听到让我满意的回答。甚至有的同学说「没有听说过 REST」!

那么 REST 究竟是什么?RESTful API 跟 REST 有什么区别?是一种技术、一种架构、还是一种规范?

对于这个问题笔者先卖个关子,为了深入理解 REST 是什么,我们需要回顾一下 Web 发展的历程,从源头上讲讲 REST 是怎么来的。

Awesome Mac

作为一个入坑比较久的「资深」 Mac 用户?🤔️我经常会去探索一些可以提升我开发效率的软件,我需要它们帮助我进行快乐、高效的工作,同时也分享给你。

TypeScript:如何优雅的调用通过 $refs 获取的子组件实例的方法?

最近在使用 Vue 结合 TypeScript 的过程中,遇到了个问题,以至于困扰了我一段时间:通过 this.$refs.child 获取到 Vue 的子组件的实例后,访问子组件的实例方法会提示该方法不存在。

1
2
3
4
5
6
7
8
9
10
import { Vue, Component, Ref } from 'vue-property-decorator'

@Component
export default class ParentComponent extends Vue {
@Ref() readonly dialog!: DialogComponent;

public show() {
this.dialog.show(); // <- Error: TS2339: Property 'show' does not exist on type 'Vue'.
}
}

2015 => 2016

又到了一年一度的年终总结辣,去年也是差不多这个时候发表了一篇《回首2014,规划2015》,今年按例写一篇年终总结。聊以此文,纪念逝去的青葱…

background-blend-mode

CSS中的background-blend-mode(背景混合模式)属性定义了元素的多个背景之间如何互相混合。

通过GitHub Pages创建博客(一)

本系列文章将会教你如何通过GitHub,在GitHub上创建自己的博客或者项目主页。这里只是把自己在使用GitHub开发过程中的经验和总结分享给大家,方便大家逐步开始GitHub之旅。

Flux 入门教程

本文将概括性的介绍如何使用 Flux 架构开发 JavaScript 应用,用尽可能少的篇幅带你熟悉 Flux 的核心概念。你可以结合这些代码阅读本文。 一起学习。你最好先对 React 有基本的了解,并且有一些开发 React 组件的经验。如果不熟悉也没关系,可以先读一读这篇文章 React 入门教程

React 入门教程

这篇文章将概括性的介绍一下如何用 ReactJS 进行开发。我将介绍一些基础知识,不会有过于深入的分析。你可以结合这些代码阅读本文。