前言 对于单线程来说，事件循环可以说是重中之重了，它为任务分配不同的优先级，井然有序的调度。让js解析，用户交互，页面渲染等互不冲突，各司其职。 我们书写的代码无时无刻都在和事件循环打交道，要想写出更流畅，我们就必须深入了解事件循环，下面我 ...

上期讲了promise基本概念和用法，今天结合上期的内容，讲解几道经典的相关面试题。 promise基本规则： 1. 首先Promise构造函数会立即执行，而Promise.then()内部的代码在当次事件循环的结尾立即执行(微任务)。 2 ...

近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。目前（2020.06.18）snowpack 在 Github 上已经有了将近 1w stars。 snowpack 的代 ...

很多前端大佬说，要做好前端的话html和css基础必须夯实。那么，达到什么水平才能叫基础夯实呢?1、拿到设计人员给的图，不管是pc或者是移动端的图，看一遍之后脑海中已经有了很明确的结构和页面书写过程中可能出现的兼容问题。 2、页面在书写的时 ...

image FWidget 用心提供精致的组件，助您构建精美的应用。 说到 居家旅行，bibibibi 的必备单品，相信开发者们总能在脑子 ? 中从自己过去积累的知识库中蹦出那么几个心仪的单品。 image 然而，就在今天，我们试图向开发 ...

了不起的 Webpack HMR 学习指南（含源码分析） Hot Module Replacement（以下简称：HMR 模块热替换）是 Webpack 提供的一个非常有用的功能，它允许在 JavaScript 运行时更新各种模块，而无需完 ...

今天跟大家分享一些目前比较热门新鲜度靠前的50款前端工具，希望对你有所帮助。一、构建工具1、 Parcel地址：https://parceljs.orgParcel是一款极速零配置WEB应用打包工具，快速、几乎零配置是它最大的特点，开箱即用 ...

PWA是指渐进式web应用，一般由web app manifest, service worker, app shell, notification push等部分组成。 这里目前只讨论web app manifest, service w ...

Grid 布局的属性分成两类。一类定义在容器上面，称为容器属性；另一类定义在项目上面，称为项目属性。 容器属性 1. display属性 指定一个容器采用网格布局 div { display: grid; } div { displ ...

上传图片是日常项目中经常遇到的功能，需要使用到wx.chooseImage(Object object)函数。 参数说明如下： 实现思路： 先调用小程序打开相机或从相册选图接口wx.chooseImage(Object object)，然后 ...