前言本文首先会简单介绍下前端的常见缓存方式，再引入serviceworker的概念，针对其原理和如何运用进行介绍。然后基于google推出的第三方库workbox，在产品中进行运用实践，并对其原理进行简要剖析。前端缓存简介先简单介绍一下现有 ...

一行神奇的js代码，当时我就震惊了，这不就是传说中的ZB神奇么… … 哈哈。写本篇文章的缘由是之前看到了一段js代码，如下： 然后让大家运行，出来的结果让人有点出乎意料，"sb"。太风骚了有木有！如果有人诋毁前端瞧不起js的话，那就可以把这 ...

事件就是用来完成“当...时做...”的功能，也就是起监听作用。事件给我们提供了一个跟文档对象进行沟通的接口。 事件主要由三部分组成：事件的目标（EventTarget）、事件监听器（EventListener）和事件本身（Event）。事 ...

问题背景： 列表中有固定的样式tab-bar-li和动态样式active 1.假如nav-bar-li是个css样式的class <li :class="{ 'active': hash= ...

背景 在开发快应用时，少不了构建操作：npm run build（官方 IDE 集成了这些操作，本质上也是调用同样方法）。这是因为快应用有自己的 DSL 语法，直接写出来，在底层不能识别，需要把业务代码编译成底层能运行的代码（感兴趣的同学， ...

Vue Router 基础回顾 使用步骤 首先使用 vue cli 创建一个 Vue 项目来回顾一下 vue router 的使用。 全局安装 vue cli。 npm i -g @vue/cli 安装完成后检查版本是否正常。 vue -- ...

1、延迟函数delayconst delay = ms => new Promise((resolve, reject) => setTimeout(resolve, ms)) const getData = status => new P ...

Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等 ...

1、-webkit-line-clamp可以把 块容器 中的内容限制为指定的行数。并且在超过行数后，在最后一行显示"..."这是正常的展示 display: -webkit-box; /*值必须为-webkit-box或者-webkit-i ...

本文演示了如何使用 Web Speech API 构建一个简单的人工智能聊天机器人。在本教程中，我们将使用 80 行 JavaScript 代码在浏览器中构建一个虚拟助理（如 Siri 或 Google 助理）。你可以前往下方网址测试这款应 ...