banyudu

Introducing S.T.A.R as an alternative to S.M.A.R.T objective definition.

Let's start by reviewing what S.M.A.R.T stands for:

1. S: Specific
2. M: Measurable
3. A: Achievable
4. R: Relevant
5. T: Time-bound

banyudu

使用Rust构建wasm包并发布到npm

WebAssembly既拥有大量的前端输入（Rust、C++、Go、AssemblyScript），又拥有大量的运行时支持，可以内嵌在大量的语言中运行，也可以独立运行，可以说是编程界的（未来）最佳配角了，结合npm使用自然不在话下。

banyudu

export const truthy = (v: any): v is true => {
  return !!(v as boolean)
}

export const falsy = (v: any): v is false => {
  return !(v as boolean)
}

banyudu

前端AST处理实践指南（基于ts-morph）

背景

最近在工作中遇到了一些重复性的任务，为了提升效率，使用了AST进行了批量处理。

ts-morph是一个适用于Javascript、Typescript的AST处理工具库，基于typescript实现。

banyudu

从零搭建一个高性能的前端CI服务器

本系列教程介绍如何从零搭建一个前端CI服务器，以及如何优化其性能。

本系列教程均基于Gitlab CI，其它系统的酌情参考。

banyudu

#!/usr/bin/env ts-node
import * as fs from 'fs'
import * as path from 'path'
import { promisify } from 'util'
import { SourceMapConsumer } from 'source-map'

const writeFile = promisify(fs.writeFile)

const mapFile = process.argv[2]

banyudu

如何从JS的source map中还原源代码

在现代的前端开发过程中，source map是非常常见的，无论是babel转码、还是webpack打包，或者typescript编译，都会生成一份.map文件，就是我们说的source map文件。

首先，在Chrome等浏览器的devtools中可以看到源代码，说明根据.map肯定是能还原源代码的。不过浏览器只提供了单个文件的方式，对于想在工程级别还原整个代码的需求，还是不太方便。

下面我们通过分析一些现有的工具，一步步解析这个过程。

banyudu

zx - 面向前端的Shell编程利器

Shell 简介

Shell，或者说命令行，对于处理工作中遇到的重复性工作有极大的帮助。

banyudu

现代化的 CSS

什么是现代化的CSS？

banyudu

从React骂战看技术的政治性

3月3日晚，我在 Twitter 上注意到有一些关于 React 的 Github 仓库出现 issue 骂战的消息，同时一些微信群中也开始转发这个消息。