vue-cli vue cli项目
vue3 elementplus 表格表头过长 三个点显示
vue3:const renderHeaderMethods = ({ column }) => { return createVNode( resolveComponent('el-tooltip'), { effect: 'dark', content: column.label, placem ......
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，一个用于注册副作用清理的回调函数是如何实现的？ ......
【Vue】依赖追踪
在明白原理之前，我们有很多表面现象、使用场景需要记忆。明白了原理后，你会发现它们已经不需要记了，因为从原理出发，你自己都能把它们推导出来，一切是那么的自然而然。感觉就是：这还用记吗？很明显嘛！ 之前我对vue的响应式原理，只是一知半解，导致开发中经常会出现疑问，比如：为什么有的数据它不响应？模板中用 ......
VUE3 + Three.js 坑
VUE3 + Three.js 坑 1. 问题描述 将scene、camera、renderer、controls等变量用reactive变成响应式时，页面渲染会报错: three.module.js?5a89:24471 Uncaught TypeError: 'get' on proxy: pr ......
lottie 动画在 vue 中的使用
前言 最近我所负责的项目中，我采用了动画效果，并开始使用 gif 来实现。然而，在实践过程中，我发现 gif 格式的动画在 git 中出现了明显的锯齿感，这让我非常困扰。为了追求更完美的表现效果，我最终选择了 lottie 来实现我的动画需求。我深知动画效果的呈现对于用户体验至关重要，因此我非常认真 ......
maven项目的pom.xml文件不识别$符号，爆红
错误一： 在IntelliJ IDEA中， maven项目的pom.xml文件不识别$符号，， 解决方案： 删除项目，从新从gitlab上下载。 可能因为缓存，但是我清理了缓存仍然无用。最后删除重新下载。 错误二： 由于引入：mapstruct-processor， 报错： java: Intern ......
vue 浅解
Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。 vue有自己的语法， ......
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 ......
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 ......
云原生周刊：Karmada 成为 CNCF 孵化项目 ｜ 2023.12.25
开源项目推荐 kubernetes-reflector Reflector 是一个 Kubernetes 的插件，旨在监视资源（secrets 和 configmaps）的变化，并将这些变化反映到同一命名空间或其他命名空间中的镜像资源中。 Lingo Lingo 是适用于 K8s 的 OpenAI ......
Jenkins项目控制台输出结果乱码
解决方法： 1、设置全局配置，添加键和值 键：LANG 值：zh.CH.UTF-8 2、修改jenkins.xml文档（在Jenkins的安装目录下） 搜索定位到 <arguments>-Xrs -Xmx256m 这一行，添加-Dfile.encoding=utf-8 3、重启Jenkins，使配置 ......
vue 生产环境寻找方法
https://juejin.cn/post/6898483758085701646 控制台输入 单击函数会直接跳转 生产环境直接 源码搜索 devtool 然后设置为true 然后关闭f12 重新打开 ......
django练手系列（三）：创建第一个视图、第一个网页、和第一条路由，让项目先运转起来
1、创建第一个网页 在templates文件夹上点击鼠标右键，重构、移动目录，把templates文件夹移动到app目录下面。在templates文件夹上点击鼠标右键，新建 HTML文件 文件名称为index。HTML文件的内容如下： 点击查看代码 <!DOCTYPE html> <html lan ......
STM32CubeIDE新建项目的一些注意事项
1. 生成代码后的warning: “No explicit project encoding” Project->Properties->Resource->Text file encoding->Other 2. 滴答定时器的中断 在stm32xxxx_it.c中添加：HAL_SYSTICK_I ......
前端微服务架构1-项目启动及打包部署
启动 父子应用可以单独启动，单独启动就不说了 关于一起启动 1、安装npmall: npm install npm-run-all --save-dev 2、编写启动命令 "scripts": { "dev": "webpack-dev-server --inline --hot --progres ......
java springboot项目用jenkins job构建
1.新创建一个自由风格的job: 2. 配置git源代码仓库： 3.构建： 选择 调用顶层Maven目标 ......
vue实现文件下载
vue实现文件下载：https://blog.csdn.net/weixin_41696001/article/details/124210326?ops_request_misc=%257B%2522request%255Fid%2522%253A%252217034939871680022287 ......
npm run dev > hhwl-platforma1.0. dev > wue-cli-service serve vue-cli-service’不是内部或外部命令，也不是可运行的程序或批处理文件。
这个错 主要npm i 就可以了 但是现在npm i 也报错 原因是: 重新装了一遍nodeJS ,在设置全局仓库的时候出了些许问题，先建立两个文件夹cache和global:然后打开然后去修改npmrc文件里面的参数 最后点击 node_global 和node_cacahe 这两个文件的属性 然 ......