前言 要想使用js实现一个录屏的功能，那就必须用到webRTC API 中的 navigator.mediaDevices API。那下面就来介绍一下navigator.mediaDevices 是来

这次作者为同学们带来了一个能够快速建设企业内部图标库，或是开源图标库的一套工具链。这套工具链原本也是为了 `varlet` 官方图标库而实现的。

介绍我组件库打包&发布全过程。 通过npm实现一键安装，下载即玩✨(bushi 允许按需加载组件，打包大小 down down down 💟!!! 通过ts轻轻松松获取代码提示，写代码直接tab..

1. 学会 dotenv 原理和实现 2. 学会使用 fs模块 获取文件并解析 3. 学到项目中 .env 文件的原理 4. 等等

觉得它的风格很独特，尤其是其中一些边框。 嘿嘿，所以来一篇边框特辑，看看运用 CSS，可以在边框上整些什么花样。 谈到边框，首先会想到 border，我们最常用的莫过于 solid，dashed，上图中便出现了 dashed。 除了最常见的 solid，dashed，CSS b…

知道需要做 web-terminal ，第一件事先网上调研一下具体需要的技术，最后发现 xterm.js 为大多数 web-terminal 的解决方案，大名鼎鼎的 vscode 也在用，看来可靠性还是有所保证的。 因为我们项目的基于 React 的，所以我准备用 create…

关注公众号玩相机的程序员，第一时间阅读最新文章。 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供了终端命令行工具、零配置脚手架、插件体系、图形化管理界面等。本文暂且只分析项目初始化部分，也就是终端命令行工具的实现。 0. 用法 目前 Vue CLI 同时…

Webpack 用于编译JS模块，即俗称的“项目工程化”工具。 详见英文文档和中文文档。 如果你使用脚手架（vue-cli）等快速搭建工具，一般都集成了Webpack和一些基本配置。 首先通过 npm 查看 Webpack 的版本信息。 我们使用默认的最新版本 webpack4…

脚手架本质上是一个工具，使用脚手架的目的就是摆脱构建工程时重复性的工作，尤其是当一个工程具有一定通用性时，工程脚手架的意义就更为突出。它可以让我们只需要一行命令，就可以初始化好一项工程，而不用费心费力的去做配置环境，安装依赖，解决依赖冲突这样的支线任务，可以直奔主线任务，早早下…