xcatliu

Software Engineer II | Microsoft

赞

35

|

搜索文章

Pagic 官网来啦！ Deno + React 驱动的静态网站生成器！

Pagic 是一个由 Deno + React 驱动的静态网站生成器。 Pagic 遵循约定优于配置的理念，尽可能的减少配置项，通过一些符合直觉的设计，降低用户的理解成本，而又不失灵活性。 Pagic 不仅支持将 md/tsx 文件渲染成静态页面，而且还能运行 tsx 中的 H…

4年前
817
点赞
4

分享我用 Deno 写的静态网站生成器 - Pagic

多年前写过一个静态网站生成器，取名为 Pagic，如今有一些新的想法，正好赶上 Deno 发布，于是用 Deno 重写了一番，并添加了一些新 Feature 。欢迎大家来试用～

4年前
540
点赞
评论

谈谈 TypeScript 中的类型断言

在 tsx 语法（React 的 jsx 语法的 ts 版）中必须使用前者，即值 as 类型。形如 <Foo> 的语法在 tsx 中表示的是一个 ReactNode，在 ts 中除了表示类型断言之外，也可能是表示一个范型。故建议大家在使用类型断言时，统一使用值 as 类…

5年前
949
1
评论

超越 google 成为世界第三，eslint-config-alloy 是如何成功的

eslint-config-alloy 是腾讯 AlloyTeam 创立的一套 ESLint 规则，自 2017 年 8 月发布第一个版本以来，不知不觉中已经收获到 1.2k stars，超过了 eslint-config-google，成为了世界上排名第三的 ESLint 规…

5年前
2.1k
8
2

如何用 ESLint 检查 TypeScript 代码

ESLint 是一个代码检查工具，主要用来发现代码错误、统一代码风格，目前已被广泛的应用于各种 JavaScript 项目中。它通过插件化的特性极大的丰富了适用范围，搭配 typescript-eslint-parser 之后，甚至可以用来检查 TypeScript 代码。 …

7年前
28k
133
18

运行一个脚本，看看你的项目的代码质量吧

代码质量有很多指标： - 源代码行数 - 代码重复率 - 圈复杂度 - 报错量（ Bug 数）占比 - 测试覆盖率 - 开发约束（代码块行数等）我做了一个脚本可以测出上面的 1, 2, 3 大家都来试一试吧！

7年前
528
3
评论

Mobi.css v3 丨一个轻量、可拓展、移动端优先的 CSS 框架

轻量级：压缩 gzip 后只有 2.6 kb 可拓展：可以引入 plugin 来拓展 Mobi.css ，并且每个 plugin 都可以独立于框架使用移动端优先：为移动端设计，在桌面端也表现良好

7年前
1.1k
22
评论

AlloyTeam ESLint 配置指南

ESLint 是一个应用广泛的 JavaScript 代码检查工具。本文主要介绍由 AlloyTeam 总结的 ESLint 配置，以及应用 ESLint 配置时的一些经验和工具。我们依据以下三条原则，研读了 ESLint 所有的配置项，定制出了心目中「完美」的 ESLint…

7年前
2.2k
39
1

GitHub 上的测试覆盖率

本篇文章主要介绍一下测试覆盖率的概念以及如何将测试覆盖率的 badge 添加到 README.md 中。

8年前
5.2k
35
2

三分钟创建一个简单精致的 About Me 页面

1. 托管在 GitHub Pages 上，不需要服务器，不需要注册域名（也可以绑定自己的域名） 2. 使用 GitHub Pages 上的 Jekyll 自动构建，不需要任何学习成本 3. 所有内容均配置化，一看就知道如何修改 4. GitHub Repos 的信息会自动抓取 5. 适配了桌面端和移动端，简单精致

8年前
3.1k
85
评论

三分钟创建一个简单精致的 About Me 页面

个人成就

文章被点赞 326

文章被阅读 44,680

掘力值 1,043

加入于

2017-01-21