推送数据？也许你不需要 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...
阅读全文

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

简介：本文介绍了Vue的Vuex、Provide/Inject、Pinia的基本使用。一、Vue的Vuex状态管理 1、Vuex状态管理的应用（state、mutations、actions、getters）```jsnpm install vuex@next save //安装import store from './store/index.js' //在main.j...
阅读全文

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

```jsimport { watch } from 'vue'import { useStore } from 'vuex'export default { setup (props, context) { const $store = useStore() watch(() = $store.state.demo.count, (val, old) = { ...
阅读全文