vue3.x的setup语法糖
什么是setup语法糖
vue3.0时setup的变量需要return暴露出来，template才能获取。到3.2之后只需要在script标签中添加setup，例如<script setup>，组件中不在需要特殊注册，直接引入，属性和方法便不需返回，在<script setup>中自定义的属性、指令可以直接在template使用。
setup参数
使用 setup 函数时，
前端
Spring Security 一键接入验证码登录和小程序登录
最近实现了一个多端登录的Spring Security组件，用起来非常丝滑，开箱即用，可插拔，而且灵活性非常强。我觉得能满足大部分场景的需要。目前完成了手机号验证码和微信小程序两种自定义登录，加上默认的Form登录，一共三种，现在开源分享给大家，接下来简单介绍一下这个插件包。
DSL配置风格
切入正题，先来看看配置：
@Bean
SecurityFilterChain defaul
手摸手，带你优雅的使用 icon
演进史
首先我们来说一下前端 icon 的发展史。
远古时代 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 background-position 定位显示不同的 icon 图标。但这个也有一个很大的痛点，维护困难。每新增一个图
浏览器引入Ant Design of Vue
一、先将vue.min.js，antd.min.js、moment.js、antd.min.css等文件下载到本地；
二、在vue代码里面引入antd组件；
三、在具体的html页面应用；
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>
Vue.js基础-10-监听子组件事件（v-on）、绑定子组件数据（v-model）
1. 监听子组件触发的事件（v-on）
说明
父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件
完整示例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CROW-宋</title>
<script src="ht
vue-gird-layout组件封装,cv就可以使用
先来效果图展示
展示.png
拖拽尺寸.png
拖拽后.png
移动.png
组件封装大家这块直接复制使用就OK
<template>
<grid-layout
:layout="layout"
:col-num="colNum"
:row-hei
阻止移动端 touchmove 与 scroll 事件冲突
在移动端开发过程中，如果要实现一个元素或按钮的拖动定位，会出现很多坑。例如：元素上下移动过程中，会触发 body 的 scroll 事件，导致整体的位置偏移，这时就需要 阻止移动端 touchmove 与 scroll 事件冲突 。
DOM Touchmove Scroll
一、解决思路
当移动端 touchmove 与 scroll 事件冲突时，首先想到的就是在 touchmove
Vue3 项目启动报错 Error [ERR_REQUIRE_ESM]: require() of ES Module D:\Aweb\project\doorandwindow-background
错误原因: 这个错误是因为你的项目在加载 vite.config.ts 时，遇到了 ESM (ES Module) 和 CommonJS 模块不兼容的问题。具体来说，package-manager-detector 是一个 ESM 模块，但被 CommonJS 代码（如 require()）尝试加载，导致报错。解决
【R画图学习3.1】富集气泡图
做生信中，最常做的一个工作就是富集分析，例如GO/Pathway富集分析等，而GO/Pathway分析富集的结果目前来说常用气泡图来展示，当然也有人用bar图等，但是相对来说个人还是觉得气泡图好看点。今天包括后面几个帖子我们就学习气泡图的画法。
GO/Pathway富集分析我就不多讲了，有很多现场的工具，如果不是模式生物在，自己计算个超几何分布也能方便的算出富集的结果。一般富集完，我们会得到富集的
使用 React 自动聚焦字段
自动对焦可以让你的应用程序更方便用户使用，有几种方法可以自动聚焦 React 输入框。
要让输入框自动聚焦，最简单的方法是使用 autoFocus 属性（注意大小写）：
<input name="username" type="text" autoFocus />
由于该属性在各个浏览器的工作方式不一致，React 内部实现了一个 polyfill，会在元素挂载时使用 focus()
