JavaScript switch 语句是一种根据不同条件在代码中做出判断的方法。 它与使用多个 if-else 语句相比，它更具有组织性、代码更简洁。 switch 语句评估给定的表达式，它可以是变量或值，并将其与几种可能的情...
一行 JavaScript 代码搞定这些操作
JavaScript 是一门神奇的语言，它的某些特性让人捉摸不透，但其简洁和灵活性也让人爱不释手。有些功能逻辑按常规思路可能需要不少代码，但是利用某些 API 和语法特性，短短一行代码就能完成！本文简单列举一些常...
10 个很棒的 JavaScript 字符串技巧
字符串是几乎所有编程语言中的基本类型之一，因此，在今天这篇文章中，我将与您分享10个关于JavaScript 字符串的知识技巧 1.如何多次复制一个字符串 JavaScript字符串允许简单的重复，不同于纯手工复制字...
5 个罕见的 JavaScript 原生 API
本文带来5个难得一见的JavaScriot原生API，为我们的前端开发带来意想不到的便利。 1. getBoundingClientRect() Element.getBoundingClientRect() 方法返回一个 DOMRect 对象，该对象提供有关元素大小及其...
一文总结正则表达式使用技巧
以下列出了一些常用正则表达式的使用总结： 1、匹配基本字符 使用普通字符匹配：普通字符（如字母、数字、符号）在正则表达式中表示自身，例如匹配 "runoob"：/runoob/。 使用元字符 . 匹配任意字...
一份不错的 Vue 前端代码风格指南
一、命名规范 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 技巧
今天来分享 18 个鲜为人知但很有用的 CSS 技巧！ 图片文字环绕 shape-outside 是一个允许设置形状的 CSS 属性。它还有助于定义文本流动的区域： .any-shape { width: 300px; float: left; shape-...
代码太多if else？教你优化代码
最近在网上冲浪时看到了这样一段代码： function getUserDescribe(name) { if (name === "小刘") { console.log("刘哥哥"); } else if (name === "小红") { ...
结合Vue案例梳理前端设计模式
一、什么是设计模式？ 设计模式是一套被反复使用、多数人知晓、经过分类编目的、代码设计经验的总结。它是为了可重用代码，让代码更容易的被他人理解并保证代码的可靠性。 设计模式实际上是...
Vue 响应式原理的 10 个细节
在讲解之前，我们先了解一下数据响应式是什么？所谓数据响应式就是建立响应式数据与依赖（调用了响应式数据的操作）之间的关系，当响应式数据发生变化时，可以通知那些使用了这些响应式数据的依赖操作进行相关更...