大家好，我卡颂。在中文社区，这么多年一直流传一个说法：JS线程负责执行JS，GUI渲染线程负责渲染，这两者是互斥的，所以JS执行时会阻塞渲染。但随着Dev Tools使用的增多，逐渐开始怀疑以上说法。本文会以实际案例来解释为什么JS阻塞渲染。欢迎加入人类高质量前端框...

Node.js的包管理工具是npm，而对于deno而言，任何一个资源服务器都可以是资源的提供方，一般来说，它是一个CDN网站。除了比较知名的用来转换node包的[链接]和[链接]之外，官方的CDN地址是这里：[链接]。

deno如果使用typescript进行开发，可能会遇到一个编译的问题，因为它会把ts文件编译为js，再执行，但因为目前deno尚不是很稳定，有时候你会觉得匪夷所思，明明逻辑没有问题，但为什么运行结果就是不对呢？这确实是deno的坑，下面我们分析下怎么解决这个问题。​

以AST（抽象语法树）为例，它在底层工作时还是很有必要的，我们可能会用它写个小工具，实现一些简单的代码转换。但我们在deno.land中查找第三方库，却没有找到合适的。​

简介Deno简单说是Node.js的替代品，是Node.js之父Ryan Dahl 为挽回Node.js的错误而开发的。Node.js存在的问题有：npm包管理（node_modules）复杂。历史原因导致的api维护，比如早期变态的callback设置。没有安全措施，用户只要下载了外部模块，就只好听任别人的代码...

koa是Node.js的一个web开发框架，它是由 Express 原班人马打造的，致力于成为一个更小、更富有表现力、更健壮的 Web 框架。使用 koa 编写 web 应用，通过组合不同的 generator，可以免除重复繁琐的回调函数嵌套，并极大地提升错误处理的效率。koa 不在内核方法中绑定...

main字段配置一个文件名指向模块的入口程序。如果你包的名字叫foo，然后用户require("foo")，main配置的模块的exports对象会被返回。

最近在做业务的时候，了解到了一个叫imove开源项目，比较适合我现在做的业务 ，便了解了一下，发现它也借鉴了Vite的思想：即利用浏览器支持ESM 模块的特点，让我们的import/export 代码直接在浏览器中跑起来。结合之前社区的讨论，同时也让我对Vite有了兴趣，遂对它...

Svelte 的作者也是 rollup 的作者 Rich Harris，前端界的轮子哥。sevlte 项目首次提交于 2016 年 11 月 16 日，目前版本是 3.6.1（2019-06-27），v3 版本进行了大改动，跟之前的版本有很大的差别（v1、v2 版本 API 用法跟 vue 很像，v3 完全属于自己的风格）。

我收集了一些 Node 中最常用的主题，并寻找 Deno 的替代方案。首先我想说明，许多当前的 Node.js 模块都可以都可以用在 Deno 中。由于许多模块都是可重用的，所以没有必要为所有方法去寻找替代方案。你可以访问pika.dev 查找可以在 Deno 中使用的模块。

某大咖说: "iframe是能耗最高的一个元素，请尽量减少使用"某大牛说: "iframe安全性太差，请尽量减少使用"...wtf, 你们知不知道你们这样浇灭了多少孩纸学习iframe的热情和决心。 虽然，你们这样说的我竟无法反驳，但是iframe强大功能是不容忽视的。 可以看看各大邮箱...

vue框架篇vue的优点轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react的优点，实现了html的...

我们用TypeScript开发项目的时候，编写的源文件都是以".ts"结尾的文件，而".ts"文件是无法直接被浏览器或node环境下直接运行的，所以必须进行编译，将".ts"的文件编译成".js"文件后才能直接运行。要想编译TypeScript文件，那么必须使用tsc编译工具，需要注意的是，我...

公众号：前端GitHub，专注于挖掘 GitHub 上优秀的前端开源项目，收集、整理、推荐业界高品质前端资源合集，优秀的工具、库、好的教程、了解业界更优秀的代码、工具、业界最新的技术，抹平你的前端信息不对称。

不仅在 Vue 中，在其他的框架或原生 JS 也可以很好地被使用，下面我们就选取几个比较重要的 Composition API ，通过一些简单的例子来看看如何在其他项目中使用。

主要为 CSS 优化工作打一下基础。要编写高性能的网站和应用，除了确保编写的代码尽可能高效地运行外，还需要确保页面性能，刷新频率尽量到达 60FPS。这就需要了解浏览器是如何进行渲染的。而浏览器渲染与 CSS 密切相关，因此只有了解其中工作原理才能让 CSS 更好地工...

数组的slice方法可以将类似数组的对象（比如document.getElementsByName('li')）变成真正的数组。一般是需要使用数组的方法时做下转换。

Loader 就像是一个翻译员，能把源文件经过转化后输出新的结果，并且一个文件还可以链式的经过多个翻译员翻译。 以处理 SCSS 文件为例： SCSS 源代码会先交给 sass-loader 把 SCSS 转换成 CSS； 把 sass-loader 输出的 CSS 交给 css-loader 处理，找出 CSS 中依赖的资...

读取输出文件夹（通常是dist）中的stats.json文件，把该文件可视化展现的插件。便于直观地比较各个bundle文件的大小，以达到优化性能的目的。

你传递的参数covers不是个数组吧？