众所周知,JavaScript 是单线程的,但是随着 Web 技术的发展,我们越来越需要在 Web 应用中处理大量的计算任务,比如图像处理、数据分析等。为了解决这个问题,Web Workers 应运而生。Web Worker 是浏览器提供的一种 JavaScript 多线程机制,允许在主线程之外运行代码,从而避免阻塞 UI 渲染。 Web Wor...
loading 我们一般用于页面等待,或者某个模块需要加载的时候,我们一般会使用 loading 组件。 loading 组件的展示一般分为两种,一种是全局 loading,一种是局部 loading。这两种使用也不一样,全局 loading 我们使用方法调用的方式来使用,局部 loading 我们使用指令调用的方式来使用。 创建如下的结构。...
我们 Carousel 走马灯组件一般分为两部分,一个是走马灯的容器组件 `carousel`,一个是走马灯的每一项组件 `carousel-item`,所以我们需要创建两个组件。 然后我们思考一下大致思路,`carousel-item` 在我点击向右的时候向左移动一位,容器中出现下一个的 `carousel-item`,当到最后一个再点击下一位就...
我们的布局一般分为行组件和列组件,所以我们需要创建两个组件,分别是 `Row` 行组件 和 `Col` 列组件,并且通过基础的 24 分栏,迅速简便地创建布局。 我们创建如图所示的结构,开始我们的组件开发。 Row 组件和 Col 组件 Row 组件是是行组件,我们里面一般放入我们的 Col 列组件,所以我们需要一个插槽。 ...
日历实现 跟之前一样我们先创建下面这样的文件结构,开始我们的布局和样式的开发。 我们先想一下日历组件的规则,首先默认显示当前月份的日历,然后通过点击上个月、下个月按钮来切换月份,同时如果当前的日历中有上个月的日期和下个月的日期,我点击的时候也能直接切换到对应的月份。 那具体实现我们也来构思一下 我们可以把每一月分...