袋鼠云数栈 UED 团队

本篇文章取名如何搭建一个简易的 Web Terminal，主要还是会围绕这个主题，结合哆啦 A 梦去进行述说，逐步衍生出涉及到的点，笔者思考的一些点。

若您还不熟悉 TS，那本文可帮助您完成 TS 应用部分的学习，伴随众多 Demo 例来引导业务应用； 若您比较熟悉 TS，那本文可当作复习文，带您回顾知识，希望能在某些点引发您新发现和思考；

我们先来看一个简单的 demo： ```javascript import * as React from 'react'; import * as ReactDOM from 'react-dom

微前端已经成为前端领域比较火爆的话题，在技术方面，微前端有一个始终绕不过去的话题就是前端沙箱 ## 什么是沙箱 > Sandboxie(又叫沙箱、沙盘)即是一个虚拟系统程序，允许你在沙盘环境

JavaScript 代码运行 以大家开发常用的 chrome 浏览器或 Node 举例，我们的 JavaScript 代码是通过 V8 运行的。但 V8 是怎么执行代码的呢？来一探究竟

译文来源     欢迎阅读如何使用 TypeScript, React, ANTLR4, Monaco Editor 创建一个自定义 Web 编辑器系列的第二章节

What is Dependency injection 依赖注入定义为组件之间依赖关系由容器在运行期决定，形象的说即由容器动态的将某个依赖关系注入到组件之中

前言之前笔者一直想了解一些关于谷歌插件的相关知识，通过这个谷歌插件也可以更好的认识到这个谷歌的调试工具，正好最近需要进行分享，这两个星期去学习和了解了谷歌插件，然后写了这一篇文章，把本人所了解的和一些

由于在笔者的上一篇文章中已经对 babel 与 babel-plugin 有过介绍了，因此本文不再赘述，直接进入正题。想了解的同学详情可点击此链接。 第一阶段，庖丁刚开始宰牛的时候，对于牛体的结构还不了解，看见的只是整头的牛。 第二阶段，三年之后，他见到的是牛的内部肌理筋骨，再…

Markdown 是一种轻量级标记语言，是由 John Gruber 2004 年创建的。它允许我们使用易读易写的纯文本格式编写文档，然后转换成有效的 XHTML（或者 HTML）文档进行呈现。 Markdown 有轻量化、易读易写等特性，并且对于图片，图表、数学式都支持。所以…

onventional-changelog 是一款可以根据项目的commit 和 metadata信息自动生成 changelogs 和 release notes的系列工具，并且在辅助 standard-version 工具的情况下，可以自动帮你完成生成version、打tag

在软件工程中，设计模式是一种用来解决软件设计中一些共通问题的解决方案。设计模式往往是开发工程师最佳实践后的经验总结。通常我们可以把一个设计模式理解为是一个编程模板。

相信很多Web开发者跟我一样有个习惯，经常会不自觉的打开感兴趣网站的控制台（Console)。很多公司会在控制台中打印一些招聘或者安全警告的信息。作为一位开发者，当然更多的关心的是这些效果是如何实现的。今天我们不妨来重写认识下 Console 这个 API 对象。 Javasc…

过去十几年间，一个话题一直在网站性能优化这个领域里被反复争议：“最好的请求就是没有请求”。非常简单实在的理论，就如同字面表述的一样，每减少一个网络资源的请求都会带来性能的提高，比如减少一个src或者一个link元素。但是现在HTTP/2出现了，一切都变了，不是吗？专门为现代网络设

Webassembly 是一种可以在浏览器端运行二进制格式代码的技术，他的目标则是想提供接近Native code的执行效率的技术体验。 相较于文本类型的Javascirpt而言，它拥有更小的体积，更短的加载时间，和更好的执行性能等特点 。Webassembly 允许你使用Rus

用过Java的朋友都知道，装饰器（Decorator)是一种十分非常方便改变类运行是行为的一种方式，例如在 Spring 框架中我们用到比较多的注解（@Autowired), 通过它可以自动实例化对象，从而可以精简代码。装饰器是典型的 AOP(Aspect-Oriented-P…

一个简单的，轻便的服务器容器，便于开发测试

全面了解 CSS 动画的基本属性和使用方法，可以让我们更轻松的利用 CSS 创造和完成我们的动画需求。

什么是 Web 前端的状态管理，Redux 是干什么的？我们为什么需要状态管理？