阻止移动端 touchmove 与 scroll 事件冲突
在移动端开发过程中，如果要实现一个元素或按钮的拖动定位，会出现很多坑。例如：元素上下移动过程中，会触发 body 的 scroll 事件，导致整体的位置偏移，这时就需要 阻止移动端 touchmove 与 scroll 事件冲突 。
DOM Touchmove Scroll
一、解决思路
当移动端 touchmove 与 scroll 事件冲突时，首先想到的就是在 touchmove
前端
vue-gird-layout组件封装,cv就可以使用
先来效果图展示
展示.png
拖拽尺寸.png
拖拽后.png
移动.png
组件封装大家这块直接复制使用就OK
<template>
<grid-layout
:layout="layout"
:col-num="colNum"
:row-hei
浏览器引入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
手摸手，带你优雅的使用 icon
演进史
首先我们来说一下前端 icon 的发展史。
远古时代 在我刚开始实习时，大部分图标都是用 img 来实现的。渐渐发现一个页面的请求资源中图片 img 占了大部分，所以为了优化有了image sprite 就是所谓的雪碧图，就是将多个图片合成一个图片，然后利用 css 的 background-position 定位显示不同的 icon 图标。但这个也有一个很大的痛点，维护困难。每新增一个图
Spring Security 一键接入验证码登录和小程序登录
最近实现了一个多端登录的Spring Security组件，用起来非常丝滑，开箱即用，可插拔，而且灵活性非常强。我觉得能满足大部分场景的需要。目前完成了手机号验证码和微信小程序两种自定义登录，加上默认的Form登录，一共三种，现在开源分享给大家，接下来简单介绍一下这个插件包。
DSL配置风格
切入正题，先来看看配置：
@Bean
SecurityFilterChain defaul
基于开源做的图片压缩工具
软件介绍这是一款开源在GitHub上的项目，项目名字是：mageMinify该软件是一款用Python开发的跨平台图片压缩工具，专注于提供简单易用的界面和高效的压缩效果。它支持多种图片格式，可以单独处理文件或批量处理整个目录，并提供格式转换、文件重命名和详细统计等功能，采用优化的压缩算法，特别是对P
vue3.x的setup语法糖
什么是setup语法糖
vue3.0时setup的变量需要return暴露出来，template才能获取。到3.2之后只需要在script标签中添加setup，例如<script setup>，组件中不在需要特殊注册，直接引入，属性和方法便不需返回，在<script setup>中自定义的属性、指令可以直接在template使用。
setup参数
使用 setup 函数时，
解决element的Table表格组件的高度自适应问题
解决element的Table表格组件的高度问题( height只能是数字或者字符串 ),实现height: calc(100vh - 200px) 的效果
方式一：
注：也可直接将el-table的height属性绑定为字符串：calc(100vh - 200px) 实现为同样的效果， 200 是顶部和底部导航以及部分自定义布局 ；例：（这里使用了rem，一样的道理）
方式二：通过
Vue中computed与method的区别
两者间区别：
1、computed 会基于响应数据缓存，在值不变的情况下不会再次计算，而是直接使用缓存中的值；methods不会缓存，调用相同的值计算还是会重新计算；
2、diff之前先看data里的数据是否发生变化，如果没有变化computed的方法不会执行，但methods里的方法会执行
3、computed是属性调用，不需要加括号。而methods是函数调用，必须要函数执行才可以得到结果。
