纯前端也可以访问文件系统！ - 掘金

前言周末逛`github`的时候，发现我们只需要在`github`域名上加上`1s`他就能够打开一个`vscode`窗口来阅读代码，比起在`github`仓库中查看更加方便然后我就想网页端`vscode`能不能打开我本地的项目呢，带着这个疑惑我打开了网页版`vscode`，它居然真的可以打开我本地的项目代码!难道又出了新的API让前端的能力更进一步了？打开MDN查了一下相关文...
阅读全文

什么是强缓存、协商缓存？ - 掘金

为了减少资源请求次数，加快资源访问速度，浏览器会对资源文件如图片、css文件、js文件等进行缓存，而浏览器缓存策略又分为强缓存和协商缓存，什么是强缓存？什么是协商缓存？两者之间的区别又是什么？接下来本文就带大家深入了解这方面的知识。强缓存===所谓强缓存，可以理解为强制缓存的意思，即浏览器在访问某个资源时会判断是否使用本地缓存里已经存在的资源文件，使用本地缓存的话则不会发送请求到服务器，...
阅读全文

推送数据？也许你不需要 WebSocket - 掘金

提到推送数据，大家可能会首先想到 WebSocket。确实，WebSocket 能双向通信，自然也能做服务器到浏览器的消息推送。但如果只是单向推送消息的话，HTTP 就有这种功能，它就是 Server Send Event。WebSocket 的通信过程是这样的：首先通过 http 切换协议，服务端返回 101 的状态码后，就代表协议切换成功。之后就是 WebSocket ...
阅读全文

前端实现文件预览（pdf、excel、word、图片） - 掘金

前端实现文件预览功能========== 需求：实现一个在线预览pdf、excel、word、图片等文件的功能。 介绍：支持pdf、xlsx、docx、jpg、png、jpeg。 以下使用Vue3代码实现所有功能，建议以下的预览文件标签可以在外层包裹一层弹窗。图片预览iframe标签能够将另一个HTML页面嵌入到当前页面中，我们的图片也能够使用iframe标签来进行展示...
阅读全文

50 种 ES6 模块，面试被问麻了 - 掘金

如果你问开发人员："对你来说最难的 JS 题目是什么？"，你绝不会听到他说是 ES6 模块。但统计数据更能说明问题！我们统计了我们电报频道中各种主题的问答错误答案数量，发现 ES6 模块是最难的主题之一。免费体验 Gpt4 plus 与 AI作图神器，我们出的钱 体验地址：测验 1： 53%的答案正确javascript复制代码`// index.mjsimport { d...
阅读全文

企业级前端工程化配置指南：vite4 + vue3 + ts + pinia + vue-router + axios + commit规范 + 代码质量检验 - 掘金

大家好，我是苏先生，一名热爱钻研、乐于分享的前端工程师，跟大家分享一句我很喜欢的话：人活着，其实就是一种心态，你若觉得快乐，幸福便无处不在 你可以学到什么？ 如何使用 vite 搭建项目 如何集成与使用 weblocalstorageplus 如何集成与使用 vuerouter4 如何集成与使用 pinia ...
阅读全文

vue3 监听vuex里的数据变化 - 掘金

c复制代码`import { computed, watch,} from 'vue';const getShowTask = computed(()={ //返回的是ref对象 return store.state.监听的字段;})watch(getShowTask, (newVal, oldVal) = { console.log('newVal, oldVal', ...
阅读全文

vuex中的state在组件中如何监听？ - 掘金

前言  不知道大家有没有遇到过这样一种情况？ vuex中的state会在某一个组建中使用，而这个状态的初始化是通过异步加载完成的。组件在渲染过程中，获取的state状态为空。也就是说组件在异步完成之前就已经完成渲染了，导致组件的数据没有来得及渲染。问题举例 举例说明如下：复制代码`// topo.vuecreated() { this.getUserAndSysIcon...
阅读全文

在vue3+pinia的项目中，组件中如何监听store的改变 - 掘金

在 Vue 3 和 Pinia 中，要在组件中监听 Store 中 state 的变化，可以使用 watch 或者 watchEffect 函数。下面是如何在 Vue 3 和 Pinia 中使用这两种方法的示例：首先，假设你有一个 Pinia Store，如下所示：javascript复制代码`import { defineStore } from 'pinia';export ...
阅读全文

Vue3.0下，如何在组件的setup()中监听vuex里某个state的变化？ - 知乎

```js// use this file at setup functionimport { watch } from 'vue'import { useStore } from '@/store';import { useRouter } from 'vuerouter';import { get } from 'lodashes';/ Auth Guard 拦截 /e...
阅读全文