前端 部分 项目vue3
Vue3+TS+Vite中 vConsole 插件的使用
vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
前端上传文件或者上传文件夹
文档 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input上传文件夹，主要的参数webkitdirectory 浏览器上传文件夹，浏览器会弹出询问窗口 兼容性https://caniuse.com/?search=webkit ......
git只提交部分修改的文件
git status 查看文件状态 git add 需要提交的文件路径 git stash -u -k 忽略其他文件 git commit -m “修改” git pull 拉取合并 git push 推送 git stash pop 恢复之前忽略的文件 ......
vue3 elementplus 表格表头过长 三个点显示
vue3:const renderHeaderMethods = ({ column }) => { return createVNode( resolveComponent('el-tooltip'), { effect: 'dark', content: column.label, placem ......
项目自定义代码规范
2023年底了马上2024年了， 今年没写几篇文章， 事情太多。长大是痛苦的要经历很多。收～ 进入正题 今天带来一个创建项目团队合作开发的规范。跟上我的步伐，从0-1开始吧！ eslint ESLint 是一个可配置的 JavaScript 检查器。它可以帮助你发现并修复 JavaScript 代码 ......
前端实现文件上传（点击+拖拽）
一、简介之前在Vue项目中使用过element的上传组件，实现了点击上传+拖拽上传的两种上传功能。然后我就在想是否可以通过原生的html+js来实现文件的点击上传和拖拽上传，说干就干。首先是点击获取上传文件自然没的说，只需要借助input标签即可，但原生的点击上传按钮，实在是过于简陋，所以我的想法是 ......
nginx部署vue编译项目刷新页面404
原因：nginx配置错误。 因为vue打包输出的是单页网页应用，只有一个index.html入口，其他路径是由前端路由去跳转的，服务器目录下没有对应物理路径，所以就会报404。 这样的nginx配置会出现该问题。 location / { alias /home/vue/dist/; index i ......
vue3学习之Pinia状态管理
状态管理 src/views/Pinia.vue <script setup> import { ref } from "vue"; import { storeToRefs } from "pinia"; import { useCounterStore } from "../stores/cou ......
vue3学习之逻辑复用
逻辑复用-组合式函数 src/views/ad/User.vue <script setup> import { useMouse } from "../../js/mouse.js"; import { useFetch } from "../../js/fetch.js"; import { r ......
django项目中存在多个app时models 表没有创建成功
场景 使用django 创建的项目，项目下有多个app，在第二个app中的models中创建表，执行生成表的命令没有生效。 解决 #1、执行命令需要指定app名称 python manage.py makemigrations --empty team # team 为app名称 #2、 再次正常运 ......
vue3学习基础之组件
组件 Comp.vue <script setup> import { ref, provide, readonly, defineAsyncComponent } from "vue"; import DemoComp from "../../components/simple/DemoComp. ......
vue3学习基础之响应式状态
响应式状态 <script setup> import { ref, reactive, computed, watch, watchEffect } from "vue"; //reactive 响应式对象 只能用于对象、数组和集合类型 const author = reactive({ name ......
vue3学习基础之事件绑定
事件绑定 <script setup> import { nextTick, ref } from "vue"; function clickA() { console.log("点击了a标签，点击事件传递到了外层p标签"); } function clickStop() { console.log ......
vue3学习基础之表单相关
表单相关 <script setup> import { ref } from "vue"; const message = ref("hello"); const checked = ref(); const checkedNames = ref([]); const picked = ref() ......
vue3学习基础之vue-router
我的vue3学习之路总是学学停停，最开始在18年开发微信小程序，就发现小程序和vue的语法有些相似，然后就去看了vue2的文档，随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3，有了组合式api，语法简明很多，然后又不知道忙什么丢下。。。 前段有些空时间，就把vue3的学习整理下，使用vi ......
【源码系列#04】Vue3侦听器原理（Watch）
本章目标：侦听器watch是如何兼容ref、响应式对象和getter函数等不同数据源的？回调时机immediate是如何实现的？关于onCleanup，一个用于注册副作用清理的回调函数是如何实现的？ ......
VUE3 + Three.js 坑
VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时，页面渲染会报错: three.module.js?5a89:24471 Uncaught TypeError: 'get' on proxy: pr ......
maven项目的pom.xml文件不识别$符号，爆红
错误一： 在IntelliJ IDEA中， maven项目的pom.xml文件不识别$符号，， 解决方案： 删除项目，从新从gitlab上下载。 可能因为缓存，但是我清理了缓存仍然无用。最后删除重新下载。 错误二： 由于引入：mapstruct-processor， 报错： java: Intern ......
关于密码哈希算法BCrypt的编码结果各部分意义分析及其他注意事项
找到一个英文的解析: The bcrypt standard makes storing salts easy - everything it needs to check a password is stored in the output string. The prefix "$2a$" or ......
Kuasar成为CNCF官方项目，探索容器运行时新纪元
本文分享自华为云社区《Kuasar成为CNCF官方项目，探索容器运行时新纪元！》，作者：云容器大未来。 北京时间12月20日，云原生计算基金会（CNCF）正式接纳多沙箱容器运行时项目 Kuasar（https://github.com/kuasar-io/kuasar）。Kuasar的加入，极大地推 ......
【开源项目推荐】Apache Superset——最优秀的开源数据可视化与数据探索平台
大家好，我是独孤风。 数据可视化是数据领域一个非常重要的应用。而结合了数据可视化和数据探索功能的BI（商业智能）工具，更是被各大公司青睐。但是，由于数据可视化工具的开发成本过高，长期以来一直是商业化的BI工具处于垄断地位。 那么，有没有优秀的开源数据可视化与数据探索平台呢？ 今天为大家推荐的开源项目 ......
项目 01 - 新建项目
1. 新建项目结构 首先，创建如下结构的项目的文件，在项目跟路径下，创建主程序main.py文件。 1.routers 目录开发对应模块功能的接口 2.modles.py创建数据库模型 3.database.py 创建 SQLAlchemy 连接数据库 4.static放一下静态文件 5.templ ......
MoeCTF西电新生赛部分WP
MoeCTF2023 一.Misc 1.Misc入门指北： bW9lY3Rme2hAdjNfZnVuX0B0X20xNWNfIX0= 一看就知道是base64解码： moectf{h@v3_fun_@t_m15c_!} 得到flag:moectf{h@v3_fun_@t_m15c_!} 2.打不卡的 ......
vue3中toRefs用法
toRefs是Vue.js 3中的一个实用函数，用于将响应式对象转换为普通对象，其中每个属性都是一个ref对象。这在某些情况下很有用，特别是想要将一个包含多个响应式属性的对象传递给子组件时。 以下是toRefs的基本用法： import { reactive, toRefs } from 'vue' ......
springboot(基于若依框架的项目开发---医保药品进销存管理系统--->初始化项目）
一、初始化项目 1、预备技能以及开发环境 预备技能： JAVA后端应用开发: SSM-MAVEN-Springboot数据库相关: mysql及redist前端相关: Node,js\VUE及 ElementUI 开发环境： 1、若依框架代码下载 网址：http://doc.ruoyi.vip/ru ......
ISCTF2023部分WP
write-up: 战队：来日方长 赛道：进阶赛道 队长：张伟文 队员：结局别在遗憾Zn. WEB: 圣杯战争!!!（题解：结局别说遗憾Zn.） 解题思路：打开题目链接，代码如下： <?php highlight_file(__FILE__); error_reporting(0); class a ......
Excel poi 设置单元格格式 发现不可读内容 已修复的记录: /xl/worksheets/sheet1.xml 部分的问题（巨坑）
Excel poi 设置单元格格式 发现不可读内容 已修复的记录: /xl/worksheets/sheet1.xml 部分的问题（巨坑） 1.先设置值，后设置样式。 正确的是：先设置样式，后设置值。2.对象A的样式应用于对象B的样式，导致报错。 正确的是：对象A应用对象A的样式，对象B应用对象B的 ......
操作系统大作业：在Linux环境下模拟实现简单命令解释器（文档部分）
一、 课程设计（大作业）具体内容 3.1 程序概述 已完成一下命令 pwd //显示当前所在目录的路径名 list <目录名> //列出指定目录名中的所有目录及文件 modifydir <目录名或路径> //改变当前工作目录 makedir <目录名> //新建目录 deldir <目录名> //删 ......
操作系统大作业：在Linux环境下模拟实现简单命令解释器（代码部分）
好家伙 1. 题目要求 一、 课程设计（大作业）目的 熟悉Linux编程环境，加强对Linux命令的理解及函数的运用，完成一个操作系统的部分系统的设计过程、编码、调试，锻炼实际应用能力。 二、 课程设计（大作业）具体要求 2.1 课程设计题目 在Linux环境下模拟实现简单命令解释器。 (1)要求实 ......