岁月神偷

这篇文章源自我历时8个月，整理的前端知识体系与大厂面试笔记，不知不觉，已经超过了10万字 这些笔记帮助我从一个菜鸟，一步步蜕变为高级开发、前端“砖家”，并助力我拿到一些大厂的offer

核心思想：将用户输入的字符串作为一个整体去与数组的每一项做匹配，把符合的保存下来即可。 这里主要用到的JavaScript字符串的indexOf()方法——返回某个指定的字符串值在字符串中首次出现的位置，如果不存在，则返回-1。 下面是上述实例的完整代码，当然实际开发的时候数据…

经常看一些 LOL 比赛直播的小伙伴，肯定都知道，在一些弹幕网站（Bilibili、虎牙）中，当人物与弹幕出现在一起的时候，弹幕会“巧妙”的躲到人物的下面，看着非常的智能。 其实，这里是运用了 CSS 中的 MASK 属性实现的。 之前在多篇文章都提到了 mask，比较详细的一…

前天有幸看了尤雨溪 、月影、 郭辉、屈光宇 几位大佬的 《畅聊 Vue 3.0 & 前端技术新趋势》，属实 vue3 生态周边大全 的一波好家伙给震撼到了； 虽然我看直播中说的最多的是 别更新了

Grid 布局即网格布局，是一种新的 CSS 布局模型，比较擅长将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系。号称是最强大的的 CSS 布局方案！！

前言 因为业务需要，很多文件需要在前端实现预览，今天就是了解一下吧。 实现方案 找了网上的实现方案，效果看起来不错，放在下面的表格里，里面有一些是可以直接通过npm在vue中引入使用。 文档格式 老的

组件化已经成为目前主流的前端开发模式，其可复用性这一大特点是一众复制粘贴工程师的福音。目前我们实现组件化主要是依托于各大框架如 Vue， React， Angular 。这些框架基本都是在遵从浏览器的

Web Component 是一种 W3C标准 支持的 组件化方案，通过它，我们可以编写可复用的 组件，同时，我们也可以对自己的组件做更精细化的控制。正如 PWA 一样，他并非一项单一的技术，而是由三项技术组成： 下面，我们从一个简单的例子来入手。 我们准备编写一个 TextR…