实现转盘抽奖功能 - 掘金

1、实现转盘数据动态配置（可通过接口获取）2、背景色通过分隔配置3、转动速度慢慢减速，最后停留在每一项的中间，下一次开始从本次开始4、当动画停止后在对应事件中自定义生成中奖提示。5、本次中奖概率随机生成，也可自定义配置实现代码htmljs复制代码``<template <div class="graphpage" <div class="platewrapp...
阅读全文

Promise实现原理 - 掘金

前言在编程中，Promise 是一种常见的编程模式，它有效的帮助我们解决回调地狱问题。使我们能更优雅的编程，提高代码可读性和维护性。我以前只会使用 Promise，并不知道它的实现源码，无法更好的理解 Promise。通过学习视频和查阅资料，深刻的理解该方法的源码。现在我将记录 Promise 源码实现的过程。【实现 Promise 以下方法】 resolve reje...
阅读全文

你真的需要Pinia🍍吗？ - 掘金

尤大大：理论上来说，每一个 Vue 组件实例都已经在“管理”它自己的响应式状态了。🤦‍♂️：不会吧🤡！既然Vue本身具备状态管理的能力，我们还有必要引入Pinia🍍或者Vuex等状态管理工具吗？Vue实例作为状态管理器应该怎么实现？按照vue官网我们来实践一次。简单状态管理 😎 状态管理器我们以Vue3为例，实现一个状态管理。首先创建一个名为`auth.ts`的ts文件，这文...
阅读全文

极致舒适的Vue弹窗使用方案 - 掘金

一个`Hook`让你体验极致舒适的`Dialog`使用方式！Dialog地狱为啥是地狱？因为凡是有`Dialog`出现的页面，其代码绝对优雅不起来！因为一旦你在也个组件中引入`Dialog`，就最少需要额外维护一个`visible`变量。如果只是额外维护一个变量这也不是不能接受，可是当同样的`Dialog`组件，即需要在父组件控制它的展示与隐藏，又需要在子组件中控制。为了演示...
阅读全文

vue 3 学习笔记 (八)——provide 和 inject 用法及原理 - 掘金

在父子组件传递数据时，通常使用的是 props 和 emit，父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙...
阅读全文

基于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文件等进行缓存，而浏览器缓存策略又分为强缓存和协商缓存，什么是强缓存？什么是协商缓存？两者之间的区别又是什么？接下来本文就带大家深入了解这方面的知识。强缓存===所谓强缓存，可以理解为强制缓存的意思，即浏览器在访问某个资源时会判断是否使用本地缓存里已经存在的资源文件，使用本地缓存的话则不会发送请求到服务器，...
阅读全文