carolG

正常的开场本应该是“什么是Service Worker”，但Service Worker往往会和PWA被一同提起。无论屏幕前的你是有丰富PWA开发经验的大佬，还是从没有听过这个概念的小佬，本文都有义务讲清楚Service Worker和PWA的关系，在此假设大家仅仅是一个对Se…

😅项目开始前，我是兴奋的 当领导说“这个项目我们用低代码平台做，提效百分百”，我甚至有点激动。 作为一个写了 5 年组件的前端老油子，谁不想脱离日复一日的 v-model 和 props 地狱？ 领导

引子 又是一年七夕，朋友圈里充满了恋爱的"酸臭味"，而你，是不是又一次"孤寡"在家？ 别怕，今年七夕，我们来点不一样的！与其刷着手机吃狗粮，不如动手写个"孤寡青蛙"App，让它陪你一起"呱呱呱"，解压

在写下这个标题的时候，我已经做好了被喷的准备。我知道，在前端这个世界里，聊框架之争，就像在聊哪家烧烤最好吃一样，永远没有标准答案。 在动笔之前，我想先表明立场：我不是要捧一踩一，两个框架都是我吃饭的家

关于 “中石化申请基于 vue 的文件上传组件二次封装方法和装置专利，解决了文件上传功能开发步骤繁琐和第三方组件无法满足业务需求的问题，实现了简化开发、提高效率和灵活性的效果。”

JavaScript 在处理文件、二进制数据和数据转换时，提供了一系列的 API 和对象，比如 File、Blob、FileReader、ArrayBuffer、Base64、Object URL 和

一个图片裁剪组件的应用场景其实比较多，相应的第三方插件也不少，但有时候会需要一些特定的功能，比如想有个特定样式的裁剪框，想批量裁剪，甚至想直接裁出定制化的尺寸等等，这时就只能手写一个裁剪组件了。 上传图片时，用onChange事件来获取该file对象，里面会包含文件的name，…

1. Flex布局 接下来，我们先提出两个概念：剩余空间和溢出空间，具体是什么意思我们后面慢慢解释。 2. flex-grow 传统的布局是子容器在父容器中从左到右进行布局，应用 flex 进行布局，那么父容器一定设置 display: flex，子容器要“占有”并且“瓜分”父…

按键无法点击、元素不展示、页面白屏，这些都是我们前端不想看到的场景。在计算机程序运行的过程中，也总是会出现各种各样的异常。下面就让我们聊一聊有哪些异常以及怎么处理它们。 什么是异常，异常就是预料之外的事件，往往影响了程序的正确运行。例如下面几种场景： 这些情况都是极其影响用户体…