Parcel

CSS Grid 布局由两个核心组成部分是 wrapper（父元素）和 items（子元素）。 wrapper 是实际的 grid(网格)，items 是 grid(网格) 内的内容。下面是一个 wrapper 元素，内部包含6个 items ： 为了使其成为二维的网格容器，我…

这是一个台湾开发者编写的关于RxJS的教程，教程涉及到原理解析、简易实现，以及常用operator的介绍。 各种常用操作符的作用与例子，可以结合RxJS的官方文档进行查阅。 如上所示，Rx.Observable.of(23)在被订阅时会被发出值23，this.setName$则…

最近 web.dev 推出一个名为 (Tooling.Report)[https://bundlers.tooling.report/] 的网站，用来这是确定下一个 Web 项目的最佳构建工具的快速方

到这里为止，如果一切顺利，即可使用firebase免费托管静态页面并且拥有属于自己的线上地址，此外，还可以在firebase控制台进行版本管理。

一般来说，内部类继承自某个类或实现某个接口，内部类的代码操作创建其的外围类的对象。所以你可以认为内部类提供了某种进入其外围类的窗口。 外部类是不能直接使用内部类的成员和方法滴，可先创建内部类的对象，然后通过内部类的对象来访问其成员变量和方法。 可先创建内部类的对象，然后通过内部…

横空出世的Parcel近日成为了前端圈的又一大热点，在短短几周内就获得了13K的Star。 我花了6个月的时间写了一本全面介绍Webpack的图书《深入浅出 Webpack》近日刚出版，感觉被新出的Parcel给腰斩了。 但本文将本着公平公正的心态来详细对比一下他两，让你能明白…

常规的进行rust代码编写再手动编译为wasm文件是十分缓慢的，目前有几种解决方案，接下来我将基于webpack来提升WebAssembly的编写效率。 如果 buffer的大小超过了 4KB，WebAssembly.Instance 在主线程中不被允许使用。需要使用WebAs…

前端模块化成为了主流的今天，离不开各种打包工具的贡献。为了避免成为一位“配置工程师”，我们需要来了解一下打包工具的运行原理，只有把核心原理搞明白了，在工具的使用上才能更加得心应手。

最近过完年了，打算把自己的Android知识都整理一下。 这次是讲Android存储路径及IO的基本操作。因为我们在开发的时候会经常这种方便的需求。这篇文章的内容我写的可能很少，都没有细写。别吐槽。o(￣︶￣)o 有时候面试别人的时候，我会问说什么是多进程，怎么开启多进程，他们…

由于项目需要前端时间，用到了webpack去搭建一个html的应用，发现配置起来很繁琐。为了能够自动加载所有的入口。不得不去写一些代码。其中用到的一个处理html的loader(由于html中没有require，所以需要处理)，可能是由于太久是之前开发的，太久没有维护，抽出来的…

目前JavaScript有3款比较有名的打包框架，分别是大名鼎鼎的Webpack、高级前端常用的Rollup、以及号称0配置的Parcel，本篇文章要讲的就是0配置的Parcel。

这是一个系列，带着大家封装一个纯 CSS 框架，从零学习 SASS 语法。 首先得为 UI 选择一些基本色调，这其实是最核心的。当你改变一些基本配色之后，你会发现框架完全不同了。 初始化一个 Nodejs 项目，安装 parcel 打包工具，让 parcel 来帮我们处理可编译…

Span 够为文字和段落设置样式，它是通过让用户使用 TextPaint 和 Canvas 等组件来实现这些功能的。在上一篇文章中，我们讨论了如何使用 Span、Span 是什么、Span 本身自带的功能，以及如何实现并测试自己的 span。 我们看看在特定的用例中，可以使用什…

最近接手一个新项目，公司官网，官网为了对爬虫友好，不合适做单页面，更不大适合用react，vue这样的框架。本来觉得几个简单的页面还需要配置webpack挺麻烦，直接ES5，css，html写写就ok，可是一旦下手开始写，离开了前端的各种得心应手的工具，回到了刀耕火种的时代。痛…

译者按： 新一代Web应用打包工具Parcel横空出世，快速、零配置的特点让人眼前一亮。 为了保证可读性，本文采用意译而非直译。另外，本文版权归原作者所有，翻译仅用于学习。 虽然webpack提供了非常多灵活的配置，但是与之带来的是复杂度的提升，而Parcel却非常的简洁。Pa…

几天前，我女票和我说他们新人培训需要一个《真心话大冒险》的界面，想让我帮她写一个。我说好呀，正好想到最近的 React Hook 还没有玩过，赶紧来试试，于是花了一个晚上的时间，其实是俩小时，一个小时搭建项目，一个小时写。 首先我们创建一个文件夹，做好初始化操作。 安装好依赖，…

Typescript开发运行方式，命名空间 namespace 的使用，import方式引入，Parcel打包使用

Webpack是目前最多人使用的前端打包工具，但webpack功能强大，导致配置比较复杂（各种对应转换loader，各种插件等），如果配置不合理还可能导致打包速度过慢。 最近出现了一款新的打包工具Parcel，受关注程度不亚于Webpack。下面就看下如何具体使用Parcel。…

Parcelable是Android提供的序列化接口，对比Serializable它的使用方式更为复杂，但是效率更高，经常用于AIDL通信等。 在 Android Studio 中添加 Android Parcelable code generator 这个插件。 打开这个类，…

最近需要做一个纯静态网站，因工作量比较少，功能又不复杂，上 webpack 觉得太麻烦了，加上早就对 parcel 种草，所以这次决定试用一下号称零配置的 parcel 。 根据官网文档很快就安装好了。值得点赞的是，在引入 less 文件的时候，parcel 自动检测到了 le…