百行代码防刁民

VueDraggablePlus：实现灵活拖拽的前端神器 大家好，我是墩墩大魔王丶，今天我将为大家介绍一款功能强大、灵活易用的前端组件——VueDraggablePlus。...

前面我“手把手”教大家开发了基于 Vue2 的管理系统，有很多人说 vue2 早就过时了，都 22 年了竟然还有人在用 vue2？简直就是土老帽！...

简单的管理后台基本上就是数据的增删改查。主要就是 列表 + form 表单。每个页面的逻辑基本上都相同。不同的地方就是每个页面需要调用的具体 API 及参数。 以前 vue...

flex布局又称“弹性盒布局”，顾名思义元素就像有弹性一样，会根据空间的大小弹性地分布，甚至会像有弹性一样改变自身的宽度或高度“挤”在同一容器中。 flex布局主要由2个内...

我们整天都在使用代码编辑器、终端和其他开发工具，使用一种让眼睛舒服的字体可以大大改善我们的工作效率。这篇文章汇总了 14 个可以免费下载的等宽编程字体，包括了每个字体的介绍...

配置动态路由菜单 keep-alive缓存不生效问题 > 用在其【一个】【直属】的子组件被切换。KeepAlive包裹仅有一个组件且是单层的路由...

前端实现文件预览（pdf、excel、word、图片），使用pdfjs第三方包和canvas实现pdf文件渲染，使用xlsx预览excel文件，使用docx-preview...

vue动态绑定class之动态添加class的多种写法，能够向组件添加动态类名是非常强大的功能。它使我们可以更轻松的自定义不同场景下不同样式。...

分享一个地上投影灯的移动效果，仅用HTML+CSS即可实现，它能上墙壁，也能过楼梯，这不很有趣吗？快来瞧瞧吧。...

什么是媒体查询 为不同尺寸的屏幕设定不同的css样式。 在移动端中使用的频率比较高，不同手机尺寸各不相同且变化比较大 在web端使用的频率不高，因为电脑显示器屏幕尺寸变化不...

# JS数组遍历方法：forEach、map、filter、reduce、some、every，find，findIndex...

一般情况下，我们在项目中进行代码调试时，往往只会在逻辑中使用`console.log`进行控制台打印调试。 这种方式虽然比较常规直接，但是如果打印数据多了，就会导致你的控制...

flex 01. 弹性盒 flex-direction 指定容器中弹性元素的排列方式。 弹性元素的属性： 02.弹性容器的样式 flex-wrap: justify-con...

布局的传统解决方案，基于盒状模型，依赖display属性+position属性+float属性，它对于那些特殊布局非常不方便，比如垂直居中就不容易实现。而Flex布局，可以...

一、前沿 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。...

本项目技术栈vite、vue3.4、pinia、vue-router4、axios、elementPlus、echarts，基于多方考虑，不上TypeScript，其实也是...

Vue3.0 在去年 9 月正式发布了，看大家都有在热情的拥抱 Vue3.0。今年初新项目也开始使用 Vue3.0 来开发，这篇文章就是在使用后的一个总结， 包含 Vue3...

vue3.2 到底更新了什么？ setup 的简单介绍 变量、方法不需要 return 出来 组件不需要在注册 分析引入 setup 后组件的变化 新增 definePro...

flex 是一种新兴的网页布局方式，与浮动相比，使用flex 布局网页更简单更灵活，而且也不会有因元素脱标而导致的页面布局错乱问题...