整理了20个使用频率很高的ES6代码块 1. 打乱数组顺序 let arr = ['a', 67, true, false, '55'] arr = arr.sort(() => 0.5 - Math.random()) console.log(arr) //['a', false, ...

1. Vue 无法检测实例被创建时不存在于 data 中的 property 原因：由于 Vue 会在初始化实例时对 property 执行 getter/setter 转化，所以 property 必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 ...

前言 在工作中我们经常可以通过一些小细节来增加代码可读性，让代码看起来更加优雅。 今天就给大家分享一些一看就会的实用JavaScript优雅小技巧。 正片 减少 if...else 面条代码 一旦当我们写到...

前言 本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。 1、说说你对 SPA 单页面的理解，它的优缺点分别是什么...

在推特上面看到 T. Afif介绍的十个 Loading 效果。如上图。 Yeah，很赞哦，挺实用的，遂记录下来。 为保证运行正常，咱先规定下： * { box-sizing: border-box; } 1. 平滑加载 <div...

1. 多条件 if 语句 将多个值放入一个数组中，然后调用该数组的 include 方法。 // bad if (x === "abc" || x === "def" || x === "ghi" || x === "jkl") { //l...

组件是前端框架的基本构建块。把它们设计得更好会使我们的应用程序更容易改变和理解。在这节课中，分享一下在过去几年中工作中学到的 9 个技巧。 1. 你可能不需要创建一个组件 在创建一个组件之前，看看它...

数组，是JavaScript中常用的数据类型，是JavaScript程序设计中的重要内容，因此，今天我总结了28个JavaScript数组方法的实用清单，希望这些内容，能够对你学习JavaScript有所帮助。 好了，我们现在就开始今天...

如今，JavaScript几乎是所有现代web应用程序的核心。这就是为什么JavaScript问题以及找出导致这些问题的错误是web开发人员的首要任务。 用于单页应用程序（SPA）开发、图形和动画以及服务器端JavaScript平台...

前言 随着前端的不断发展，更多新的 CSS 属性不断加入提案，本文列举 7 个不常用但很有用且你见过也可能没见过的 CSS 属性，带大家领略 CSS 之美。 1. position: sticky 不知道大家平时业务开发中...