阅读本文📖 1.您将了解到如何超快速0-1搭建并上线一个组件库🦑 2.您将了解到什么是storybook🦧 3.您将了解到如何使用storybook搭建组件库 🦓 4.您将了解到如何使用Chrom

前言 简单的知识点搭配合适的业务场景，往往能起到意想不到的效果。这篇文章会用三个最基础人人都知道的前端知识来说明如何助力运营小姐姐、公司48+前端开发同学的日常工作，让他们的工作效率得到极大地提升。

这是分析和理解句子的第一阶段。 词法分析是由词法分析器完成的,词法分析器会扫描(scanning)代码,提取词法单元。 词法分析器将代码分解成 Token 后,会将 Token 传递给解析器进行解析,我们来看下解析阶段是如何工作的。 Javascript 在语法中是一个主语名词…

众所周知，我们在开发的过程中，写代码其实只占很小的一部分，更多的时间其实是在设计代码、构建和部署。 代码的设计非常考验代码功底，本人才疏学浅，就不讲解这个部分了。 构建和部署通常来讲没那么复杂，但是却十分繁琐，尤其是手动的方式进行构建部署。重复操作多，流程长，非常消耗耐心和精力…

$0、$1、$2、$3、$4五个指令相当于在Elements面板最近选择过的五个引用。 比如我在Elements面板上随意点击了掘金网站上的五个DOM节点。从时间线上，$4是我第一个点击的。而$0是我第五个，也即是最后一个点击的。利用此方法可以快速在Console面板调试你选中…

浏览器扩展程序是可以修改和增强 Web 浏览器功能的小程序。它们可用于各种任务，例如阻止广告，管理密码，组织标签，改变网页的外观和行为等等。 好消息是浏览器扩展并不难写。可以用你已经熟悉的 Web 技术（HTML、CSS 和 JavaScript）创建 —— 就像普通网页一样。…

Chrome DevTools作为一名前端开发工程师的赖以生存的工具，日 常的断点调试，抓包http数据都只是基本操作。那么，你还知道他的一些高级用法吗？开发人员不可避免的需要维护别人写的代码，当你面对几十万行代码的大项目的时候，码海啊，茫茫啊，随波逐流，崩崩溃溃，怎么快速查找…

随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp”——它即开即用，用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲美的功能和体验。WebApp 优异的性能表现，有一部分原因要归功于浏览器存储技术的提升。cookie存储数据的功能…

it can contain links to stylesheets and script tags, but does not allow inline JavaScript. matches：必填 数组，用来匹配注入Content Script的页面地址。可以使用通配符来…