一、命名规范 1.1 项目文件命名 1.2 Vue 组件命名 1.3 代码参数命名 二、代码规范 2.1 Vue 2.2 HTML 2.3 CSS 2.4 JavaScript 三、注释规范 3.1 HTML 文件注释 3.2 CSS 文件注释...

今天来分享 18 个鲜为人知但很有用的 CSS 技巧！ 图片文字环绕 shape-outside 是一个允许设置形状的 CSS 属性。它还有助于定义文本流动的区域： .any-shape { width: 300px; float: left; shape-...

最近在网上冲浪时看到了这样一段代码： function getUserDescribe(name) { if (name === "小刘") { console.log("刘哥哥"); } else if (name === "小红") { ...

一、什么是设计模式？ 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。     设计模式实际上是...

在讲解之前，我们先了解一下数据响应式是什么？所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更...

Blob API Blob API 用于处理二进制数据，可以方便地将数据转换为Blob对象或从Blob对象读取数据。 // 创建一个Blob对象 const myBlob = new Blob(["Hello, world!"], { type: "text/plain&q...

日常经常使用可能还不知道的点 一行代码完成结构加赋值 我们日常经常使用结构赋值，一般都是先结构，再赋值，当然我们也可以一行就完成解构加赋值操作，看起来非常简化，当然可读性你懂得！ let people...

大家都知道，当一些重大事件发生的时候，我们的网站，可能需要置灰，像是这样： 当然，通常而言，全站置灰是非常简单的事情，大部分前端同学都知道，仅仅需要使用一行 CSS，就能实现全站置灰的方式。 ...

在本文中，将介绍一些鲜为人知但却非常有用的API，如： Page Visibility API Web Share API Broadcast Channel API Internationalization API 我们将一起看看它们是什么，我们应该在哪里使用它...

引言 有这么一个需求：列表页进入详情页后，切换回列表页，需要对列表页进行缓存，如果从首页进入列表页，就要重新加载列表页。 对于这个需求，我的第一个想法就是使用keep-alive来缓存列表页，列表和详情...