不挑食的程序员

1

Theia 技术揭秘之 JSON-RPC 通信

• Pines_Cheng   3月5日发布
• 1 收藏

实现了双向通信的统一接口，对比 cyrus-and/chrome-remote-interface 使用协议定义文件自动生成 Chrome Debugging Protocol 接口，两种实现方式，各有千秋。还可以参考 VSCode 的 Language server protocol Node ...

1

Theia 技术揭秘之 Theme

• Pines_Cheng   3月3日发布
• 1 收藏

遵循了 VSCode 的 Theme 规范，可参考：Color ThemeColor Theme 包括 Workbench colors 和 Syntax colors语法高亮（Syntax Highlight）由两部分组成：Tokenization 和 Theming基于 CSS Custom Properties 实现主...

3

Cloud IDE Theia 插件系统拓展探索

• Pines_Cheng   1月7日发布
• 2 收藏

Eclipse Theia 是一个可扩展的平台，可以利用最先进的 Web 技术开发多语言的 Cloud & Desktop IDE。

3

Theia 技术揭秘之布局系统

• Pines_Cheng   2020-12-08 发布
• 2 收藏

基于 PhosphorJS 可以实现 桌面端/Web 端统一实现类桌面的交互了解 PhosphorJS 的核心组件 Widget 的接口和实现了解 Theia 是如何基于 PhosphorJS 在 ApplicationShell 中进行页面组装的了解 Theia 前端界面是如...

8

什么是HSTS，为什么要使用它？

• Pines_Cheng   2020-04-09 发布
• 3 收藏

翻译自：What Is HSTS and Why Should I Use It?作者：Tomasz Andrzej Nidecki，一位非常专业的 Technical Content Writer ，目前是 Acunetix 的技术内容撰写人，他是一名拥有 25 年 IT 经验的记者、翻译和技术撰...

26

2019年，你是否可以抛弃 CSS 预处理器？

• Pines_Cheng   2019-10-29 发布
• 20 收藏

随着前端工程化的不断完善，CSS 预处理器已经成为项目中不可缺少的部分，很多人在项目技术选型阶段就会先选择一个 CSS 预处理器，绝大部分前端工程的脚手架也内置了一系列的 CSS 预处理的模版，大家已经习惯了享...

6

设计模式： 从ES5 到 TypeScript ——单例模式

• Pines_Cheng   2019-06-24 发布
• 5 收藏

Back in 1994, a book was authored by Erich Gamma, Richard Helm, Ralph Johnson and John Vlissides that discusses 23 desgin patterns, titled Design Patterns: Elements of Resuable Object-Oriented Soft...

15

怎样阅读 ECMAScript 规范？

• Pines_Cheng   2019-05-20 发布
• 10 收藏

Ecmascript 语言规范 The ECMAScript Language specification（又名：Javascript 规范 the JavaScript specification 或 ECMA-262）是学习 JavaScript 底层工作原理的非常好的资源。 然而，这是一个庞大的专业文...

3

在原生 React Native 应用中使用 Expo API

• Pines_Cheng   2019-04-24 发布
• 1 收藏

从今天开始，你可以在任何 React Native 应用程序中使用尽可能少或尽可能多的 Expo SDK。 我们已经花了很多时间构建和维护这些包含原生应用特性的跨平台 API，我们很高兴最终实现了向整个 React Native 生态共享...

46

老生常谈之CSS的垂直居中

• Pines_Cheng   2018-12-27 发布
• 41 收藏

“44 年前我们就把人类送上月球了，但现在我们仍然无法在 CSS 中 实现垂直居中。”——James Anderson([链接] status/358603820516917249)

46

13 个示例快速入门 JS 抽象语法树

• Pines_Cheng   2018-07-17 发布
• 35 收藏

随着 Babel 的生态越来越完善，我们通常会使用 Babel 来帮助我们分析代码的解析过程。Babel 使用一个基于 ESTree 并修改过的 AST，它的内核说明文档可以在 这里. com/babel/babel/blob/master/doc/ast/spec. md) ...

37

前端进阶之 Javascript 抽象语法树

• Pines_Cheng   2018-07-16 发布
• 27 收藏

Babel 是 JavaScript 编译器 compiler，更确切地说是源码到源码的编译器，通常也叫做 转换编译器（transpiler）。 意思是说你为 Babel 提供一些 JavaScript 代码，Babel 更改这些代码，然后返回给你新生成的代码。

50

Taro 技术揭秘之taro-cli

• Pines_Cheng   2018-06-21 发布
• 35 收藏

使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、App 端等）运行的代码。实现 一次编写，多端运行。 关于 Taro 的更多详细的信息可以看官方的介绍...

5

了解 Resource Timing 及相关

• Pines_Cheng   2018-05-14 发布
• 3 收藏

所有网络请求都被视为资源。通过网络对它们进行检索时，资源具有不同生命周期。Resource Timing API 为网络事件（如重定向的开始和结束事件, DNS查找的开始和结束事件, 请求开始, 响应开始和结束时间等）生成有 ...

104

JS 装饰器，一篇就够

• Pines_Cheng   2018-04-20 发布
• 109 收藏

三年多以前，Yehuda Katz 首先提出了装饰器的概念。TypeScript 在 1.5 版本（2015）中发布了对装饰器的支持以及许多 ES6 的相关特性。 一些主流框架，如 Angular 和 MobX 等开始使用它们来增加开发者体验：这使得...

0

HTTP 实体与编码

• Pines_Cheng   2018-04-11 发布
• 1 收藏

可以被正确地识别(通过Content-Type首部说明媒体格式，Content- Language 首部说明语言)，以便浏览器和其他客户端能正确处理内容。

4

HTTP 状态码整理

• Pines_Cheng   2018-04-08 发布
• 10 收藏

为了让服务器检查请求的首部, 客户端必须在发送请求实体前, 在初始化请求中发送 Expect: 100-continue 首部并接收 100 Continue 响应状态码.

8

HTTP报文详解

• Pines_Cheng   2018-04-04 发布
• 5 收藏

HTTP 报文是在 HTTP 应用程序之间发送的数据块。这些数据块以一些文本形式的 元信息(meta-information)开头，这些信息描述了报文的内容及含义，后面跟着可选的数据部分。

8

Webpack 将代码打包成什么样子？

• Pines_Cheng   2018-04-02 发布
• 7 收藏

可能你学会了如何使用 Webpack ，也大致知道其工作原理，可是你想过 Webpack 输出的 bundle.js 是什么样子的吗？ 为什么原来一个个的模块文件被合并成了一个单独的文件？为什么 bundle.js 能直接运行在浏览器中？

22

前端性能优化——关键渲染路径

• Pines_Cheng   2018-03-15 发布
• 32 收藏

从收到 HTML、CSS 和 JavaScript 字节到对其进行必需的处理，从而将它们转变成渲染的像素这一过程中有一些中间步骤，优化性能其实就是了解这些步骤中发生了什么， 即关键渲染路径。优化关键渲染路径是指优先显示...