邻居家的大灰狼

本篇文章主要总结了前端需要了解一些的知识，部分内容来自网络，文章会持续更新。如果文中有什么错误，欢迎大家指出。写这篇文章的目的，一方面让自己对前端知识体系有更加系统的了解，另一方面也是学习历程中的一个记录。 1. DOCTYPE是什么，有什么作用？ DOCTYPE 是docum…

有时候我们写的项目，为了提高性能，需要将某个常用的数据存储到浏览器缓存中，那么如何将数据存储到浏览器中呢，本篇文章就是来介绍向浏览器中存储数据的几种方法，还有它们之间的相同点和不同点。 先来了解一下什么是 Web Storage。 sessionStorage 为每一个给定的源…

国庆节八天来娱乐一下，教你怎么用代码写出一个钢琴🎹，并用它弹奏歌曲。学生时代的我们如果有像郎朗一样的琴技，想必追起女生会非常的容易，但在以前，一架钢琴对普通家庭来说，消费还蛮高的，所以我们不如自己写一架属于自己的钢琴，哈哈，虽然音效不如真的钢琴，但是能写出来，还挺有成就感的。…

有时候我们想以某种条件来查找一个数组中是否有满足改条件的元素，然后返回该元素，或者该元素的索引值。Javascript 给我们提供了多种方法，主要分为按值查找和某种条件查找，下面开始介绍这些方法📄。 1. Array.prototype.includes() includes…

vue的生命周期，是vue中比较重要的知识点，在面试中也经常会被问到，所以就打算写一篇关于vue生命周期的文章。 世间万物都有自己生命周期⏱，vue也有这一特点，vue的生命周期可以简单分为四个阶段。

javascript 中对象的属性只支持 字符串 和 Symbol 两种类型 ，如果我们使用的是其他类型值作为属性名，最后都会被转为字符串。 不过在 es6 中新增了一种数据结构 Map，它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可…

1. 节流 效果：即使一段时间内大量触发同一事件，在回调函数执行一次之后，该回调函数在指定的时间期限内不再工作，直至过了这段时间才重新生效。 2. 防抖 效果：在某个时间段内，不管你触发多少次事件，只执行一次回调函数。 3. 事例 可以看到子弹射出后，要等待一段时间⏱才能，再次…

在了解script标签添的 async 和 defer 属性之前，先来介绍一下浏览器的 load 与 DOMContentLoaded 事件。 1. load 与 DOMContentLoaded 的区别 当整个页面及所有依赖资源如样式表和图片都已完成加载时，将触发load事件…

有时候，我们想阅读页面中某段精彩的内容，但由于页面太长，用户需要自己滚动页面，查找起来非常麻烦 😭，很容易让人失去继续往下阅读的兴趣。这样体验非常不好，所以我们可以想办法 💡 实现点击某段文字或者图片跳转到页面指定位置，方便用户的阅读。 1. 利用 id 为标记的锚点 这里…