拥有0000-未整理-等待研究标签的文章

基于websocket的实时通告功能，推送在线用户，新登录用户 - 掘金

著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。背景介绍在我们以往的软件或者网站使用中，都有遇到过这种情况，莫名的弹出广告或者通知！而在我们的业务系统中，有的时候也需要群发通知公告的方式去告知网站用户一些信息，那么这种功能是怎么实现的呢，本文将使用springboot+webSocket来实现这类功能，当然也有其他方式来实现 springboot 与 webSo...
阅读全文

webSocket实现数据的实时推送(附：前后端代码)_websocket发送数据_Javaの甘乃迪的博客-CSDN博客

        之前开发的一个管理系统项目中，首页是数据大屏展示，一开始我是用JS的setInterval()方法，设置一个时间，每过时间发起一次ajax请求。虽然也能凑活着用，但总感觉不是最优的方法，而且还比较占用资源，所以学习WebSocke，以下是本人的一些学习心得及前后端的相关代码： 一、简介（什么是）        WebSocket协议是基于TCP的一种新的网络协议。它...
阅读全文

在Vue3 + TS项目中，获取的子组件实例如何避免每次都要判断它是否undefined - 掘金

问题概述在Vue3 + TS项目中，如果我们使用ref获取子组件的实例，每次使用这个实例都需要先判断它的值是否为undefined，显得非常麻烦，有没有办法能避免这个问题，本文想探讨一下这个问题。获取子组件实例在Vue3的SFC中，我们通常可以使用ref来获取子组件的实例，例如：vue复制代码`<script setup lang="ts"import { NesVu...
阅读全文

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

前言周末逛`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', ...
阅读全文