项目vue3 vue
【Vue Router 3】入门
简介 Vue Router让SPA（Single-page Application）的构建更加容易。 Vue Router的功能： 嵌套的路由/视图映射 模块化的、基于组件的router配置 route params, query, wildcards 由Vue过渡系统支持的视图过渡效果 细粒度（f ......
【Vue 2】计算属性与侦听器
计算属性 vs 方法 vs 侦听器 计算属性的出现是为了解决模板内表达式太过复杂而变得难以维护。 假设我们知道长和宽，要计算一个矩形的面积，如果没有计算属性，我们可能像下面这样处理： <div id="app"> <input type="text" v-model="width"> <input ......
小白之创建第一个vue实例（vue2）
（1）安装node.js，尽量16+版本 （2）打开idea创建vue目录，再在该目录下创建vue1.html文件，并敲入下列代码。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>大黄哥哥带你学vue</tit ......
vue style 原理
vue style 的实现主要通过css 的属性选择器 什么是属性选择器？ 答：用于判断标签属性的一种选择器 <style> .a[self_attribute]{ ... } </style> <!-- 生效 --> <div self_attribute class="a"></div> <!- ......
vue+thinkphp5.1实现阿里云oss文件上传（服务器签名上传）
一、vue.js <template> <div class="common-box"> <el-upload class="upload-demo" drag :action="data.host" multiple :auto-upload="false" ref="upload" :data= ......
23-Vue组件化编程-非单文件组件和单文件组件
非单文件组件 一个文件中包含有n个组件 Vue中使用组件的三大步骤 1. 定义组件（也就是创建组件） 2. 注册组件（这里有局部注册和全局注册） 3. 使用组件（编写组件标签） 注册组件（局部注册） 靠new Vue的时候传入components选项 <!DOCTYPE html> <html la ......
Javascript、axios、vue基础命令快速学习
1.js: JavaScript 基础学习 JavaScript基础学习 简单案例 1.点击img1，则展示img1图片默认，点击img2则展示img2图片 2.输入框鼠标聚焦onfocus后，显示小写toLowerCase()，失去焦点onblur后显示大写toUpperCase() 3.点击全选 ......
Vue工程环境搭建（NodeJs以及Vue-cli：出现权限不足的问题解决）
Vue工程 4.1需要依赖NodeJs，官网下载安装后 说明安装成功 4.2配置npm的全局安装路径 npm config set prefix "nodejs的安装目录" 没有出现报错信息即可 4.3切换npm的淘宝镜像，不然外网服务器下载资源会比较慢 npm config set registr ......
“新世界”软工项目选题报告
“新世界”软工项目选题报告 目录“新世界”软工项目选题报告一、 项目目标和意义1.1项目背景1.2项目目标1.3项目意义二、 项目可行性分析2.1项目规模及难度2.2参与人员及专业背景2.3成本预算2.3.1学习时间成本2.3.2经济成本2.4风险和对应方案2.5时间要求2.5.1游戏引擎2.5.2 ......
Vue3 + Quasar系列-代码配置以及报错汇总记录（不断更新中）
1. Vue3 + Quasar系列-代码配置打包去掉hash后缀 去掉hash https://quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa 2. Vue3 + Quasar改变主题背景 quasar的样式和其他的框架修改不太一 ......
在Node.js项目中使用node-postgres连接postgres以及报错指南
什么是node-postgres 官方文档 nodepostgres是node.js模块的集合，用于与PostgreSQL数据库接口。它支持回调、promise、async/await、连接池、准备好的语句、游标、流式结果、C/C++绑定、富类型解析等等！就像PostgreSQL本身一样，它有很多功 ......
Vue3| Pinia 持久化插件
对 vuex 或 Pinia 里面的内容做本地持久化 1. 安装插件： npm i pinia-plugin-persistedstate 2. 将插件添加到 pinia 实例上 ① main.js 里导入持久化插件：import piniaPluginPersistedstate from 'pi ......
手撕Vue-提取元素到内存
接着上一篇文章，我们已经实现了构建Vue实例的过程，接下来我们要实现的是提取元素到内存。 主要是通过文档碎片来实现，文档碎片是一个轻量级的文档，可以包含和控制节点，但是不会像真实的DOM那样占用内存，所以我们可以通过文档碎片来提高性能。 大致的思路是这样的： 创建一个空的文档碎片对象 编译循环取到每 ......
Pyinstaller打包PyQt5和PaddleOCR项目实战经验分享
简介 先前做了一个PyQt5和PaddleOCR结合的项目，但在使用Pyinstaller打包时却踩了很多坑，因此分享一下，以便后人乘凉。（Pycharm） 1.项目涉及图片或者文件等依赖 （1）图片依赖 第一步：创建一个resources.qrc文件； 第二步：将resources.qrc文件转换 ......
测试springboot项目苍穹外卖，解决websocket“服务器错误，无法接收实时报警信息”问题
使用IDEA启动springboot项目苍穹外卖后，http://localhost:8071/ 能够正常访问登录，但是网页右上角始终显示“服务器错误，无法接收实时报警信息”： 在网上搜索找到：https://blog.csdn.net/qq_65032048/article/details/132 ......
Vue3| Pinia 的 action 异步写法
import { defineStore } from 'pinia' import { ref } from 'vue' import axios from 'axios' export const useChannelStore = defineStore('channel', () => { ......
Vue3| Pinia 的语法
Pinia 是 Vue 的最新 状态管理工具，是 Vuex 的替代品 Pinia 的优势： 1. 提供更简单的 API（去掉了 mutation） 2. 提供符合 组合式风格的 API（和 Vue3 新语法统一） 3. 去掉了 modules 的概念，每一个 store 都是一个独立的模块 4. 配 ......
Vue3| 组合式 API——provide 和 inject
作用和场景：顶层组件向任意的底层组件 传递数据和方法，实现 跨层组件通信 跨层传递普通数据 步骤： 1. 顶层组件通过 provide 函数提供数据 provide ( ' key ' , 顶层组件中的数据 ) 2. 底层组件通过 inject 函数获取数据 const message = inje ......
Android项目在 app 中通过 WebView 访问 url显示空白，使用浏览器可以打开，Android WebView加载出现空白页面问题解决
这是服务器证书校验WebView的安全问题 服务器证书校验主要针对 WebView 的安全问题。 在 app 中需要通过 WebView 访问 url，因为服务器采用的自签名证书，而不是 ca 认证，使用 WebView 加载 url 的时候会显示为空白，出现无法加载网页的情况。 使用 ca 认证的 ......
Vue3| 模板引用、defineExpose宏函数
模板引用的概念：通过 ref 标识 获取真实的 dom对象或者组件实例对象 使用： 1. 调用 ref 函数生成一个 ref 对象 <script setup> import { ref } from 'vue' const h1Ref = ref (null) </script> 2. 通过 re ......
Vue3| 组合式 API 下的 子传父
步骤： 1. 子组件内部通过 emit 方法触发事件 ① 通过 defineEmits 编译器宏生成 emit 方法 <script setup> const emit = defineEmits ([ 'get-message' ]) // get-message：可以触发的事件 </script ......
Vue3| 组合式 API 下的父传子
步骤： 一、父给子传 写死的值 1. 父组件中给子组件 以添加属性的方式传值 <script setup> import sonComVue from './son-com.vue' // 局部注册 </script> <template> <sonComVue message = "黑马程序员"> ......
编写项目时遇到的传参,表单接收问题
在项目测试中,遇到一个问题,先粘贴一下源码: @PostMapping("/updateOrders")public ResponseResult updateOrders(@RequestParam("OrdersId") Long OrdersId,@RequestParam("phone") ......
hadoop集群 大数据项目实战_电信用户行为分析_day01
上图是相关配置的要求，主要创建了四个虚拟系统，有三台虚拟机搭建hadoop集群，一台作为业务系统。 涉及到相关的Linux指令有::set nu[显示行号] :6[到第6行 shift+G跳到最后一行 进入vi指令后查找相关东西/(你需要查找的东西) 1.配置环境、 第一步设置网络参数，设置静态网络 ......
学信息系统项目管理师第4版系列26_项目绩效域（下）
1. 项目工作绩效域 1.1. 涉及项目工作相关的活动和职能 1.2. 预期目标 1.2.1. 高效且有效的项目绩效 1.2.2. 适合项目和环境的项目过程 1.2.3. 干系人适当的沟通和参与 1.2.4. 对实物资源进行了有效管理 1.2.5. 对采购进行了有效管理 1.2.6. 有效处理了变更 ......
Vue 异步更新和$nextTick
使用延时器也是可以实现的，但是等待的时间不确定， 不是最优解，使用钩子函数update，可能会被其他元素的更新，触发了不该有的动作 ......
SpringBoot+vue+Axios实现Token令牌
前后端Token实现 目录前后端Token实现认识TokenJWT组成HeaderPayloadSignatureJWT简单使用创建JWT解析JWT常见异常后端Maven依赖封装JWT工具获取并响应Token拦截器验证Token前端登录+存储Token前端拦截器 认识Token 对Token有了解可 ......
Vue ref和refs获取dom组件
一般情况下通过正常的查找dom元素的方法是查找整个页面的，加上ref就可以把查找范围控制在当前组件中 ： 结合前面讲的父子组件通信， 使用ref去调用组件的方法去获取设置数据不就更方便吗？ ......