前端

Pinia进阶:优雅的setup(函数式)写法+封装

相信在座各位假如使用Vue生态开发项目情况下,对Pinia状态管理库应该有所听闻或正在使用,假如还没接触到Pinia,这篇文章可以帮你快速入门,并如何在企业项目中更优雅封装使用。 本文先给大家阐述如何去理解、使用Pinia,最后讲怎样把Pinia集成到工程中,适合大多数读者,至于研读Pinia的源码等进阶科普,会另外开一篇文章细述。另外,本文的所有demo,都专门开了个GitHub项目来保存,

最新版 springdoc-openapi-starter-webmvc-ui 常用注解详解 + 实战示例

当然可以!在 Spring Boot 3 + SpringDoc OpenAPI(Swagger 3 替代方案)生态中,springdoc-openapi-starter-webmvc-ui 是目前官方推荐的集成方式。它提供了一套丰富的注解,用于精细化控制 API 文档的生成,提升前端、测试、产品等协作方的

Vue-Vben-Admin 从入门到实战:后端开发的前端探索之旅

技术视野拓展,从后端视角开启前端探索之旅 1. 概述:一名后端工程师的前端初体验作为一名深耕后端多年的Java工程师,一直围绕着Spring全家桶、微服务、中间件和分布式架构等后端技术栈。前端世界对我而言,虽说感觉并不陌生,但总是带着一层神秘面纱,知识点零散,理解停留在表面。直到某天&#xf

前端实战从零构建响应式井字棋游戏

💝💝💝欢迎莅临我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 持续学习,不断总结,共同进步,为了踏实,做好当下事儿~ 非常期待和您一起在

uniapp中使用videojs构建H5直播播放器

这两天在开发H5直播带货功能模块,使用原生的video播放器播放不了m3u8的流地址,于是找了videojs,参考了网上的一些资料研究了一下,感觉还不错,videojs播放m3u8流地址还挺稳定的,下面就简单记录一下uniapp里面使用方式。 效果 一、使用npm安装videojs npm i video.js --save npm i videojs-flash --save

算法效率

书名:代码本色:用编程模拟自然系统 作者:Daniel Shiffman 译者:周晗彬 ISBN:978-7-115-36947-5 第6章目录 6.14 算法效率(为什么程序跑得这么慢) 群集行为看起来很不可思议,但它的运行速度会非常慢,群集中的元素越多,程序运行得越慢。 1、优化方法 如果我们把屏幕划分成一个个网格,把这2000个Boid对象分配到这些网格中。对于每个Boid对象,只

浅谈html中的置换元素和非置换元素

置换元素: 1、可以设置宽高,有自己的属性,和inline-block有一样的属性。 2、主要是指 img、input、textarea、select、object 等这类默认就有 CSS 格式化外表范围的元素。 3、浏览器根据元素的标签和属性,来决定元素的具体显示内容 例如:浏览器根据标签的src属性显示图片。根据type属性决定显示输入框还是按钮 非置换元素: 1、是除了 img、input、

React学习之——条件渲染(个人笔记)

React 中没有像Vue中v-if这种指令。React 中的条件渲染和 JavaScript 中的一样,使用 JavaScript 运算符 if 或者条件运算符去创建元素来表现当前的状态,然后让 React 根据它们来更新 UI。 if运算符 function UserGreeting(props) { return <h1>Welcome back!</h1>

git stash 和 git stash pop 的用法

git stash 和 git stash pop 是 Git 中用来临时保存和恢复未提交更改的命令。它们通常用于在当前工作中切换到其他分支时保存工作进度。 git stash: 该命令用于将当前工作目录和暂存区(staging area)中的修改暂时保存到一个新的 stash 中,并将工作目录恢复到与上次提交一致的状态。 使用方式

Vue 组件间通信有哪几种方式

Vue 组件间通信主要指以下 3 类通信:父子组件通信、隔代组件通信、兄弟组件通信 1.props / $emit 适用 父子组件通信 props是父组件将值传给子组件,$emit是子组件通过派发事件的方式将值传给父组件 2.ref 与 $parent / $children 适用 父子组件通信 1)ref:如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指