项目vue3 vue
vue九宫格播放
[2023年9月12日22:09:19] vue实现九宫格自适应播放 业务要实现九宫格的播放，同时也要做到拖拽放大的自适应，两种思路方法，一种是通过九宫格播放容器的宽高进行单元格尺寸的计算再搭配flex等css实现自适应，工作量较大；第二种是通过ui组件库自带的grid布局，这里用ant-desig ......
一、day1,项目初始化
一、前端初始化 1、配置前端环境 2、创建项目，使用命令vue create xiangoj-fontend 3、创建vue3.0项目 4、在IDEA打开项目并且运行 5、设置pretier,让代码更规范，否则会运行报错，快捷键是ctrl+alt+L 二、引入arco.design 1、进入arco ......
Vue编译出现This file is being treated as an ES module because it has a '.js' file extension错误
问题描述 在编译前端项目时出现下面的问题： Failed to load PostCSS config: Failed to load PostCSS config (searchPath: D:/WebProject/imooc-front): [Failed to load PostCSS co ......
信息系统项目管理师教程（第四版） 第一章 信息化发展 学习笔记1-20230911
第一章《信息化发展》 学习要点： 1、信息的基本概念、信息的7个质量属性。 2、信息系统的概念、特点或用途、抽象模型、信息系统生命周期。 3、信息化、信息化系统。 4、工业互联网（四大层级）、车联网（体系框架、链接方式、应用场景）。 5、农业农村现代化、乡村振兴战略、两化融合与智能制造、智能制造、消 ......
Web项目如何配置Eslint
介绍 ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具，其目的是使代码风格更加一致并避免错误。在很多地方它都与 JSLint 和 JSHint 类似，除了： ESLint 使用 Espree 对 JavaScript 进行解析。 ESLint 在代码 ......
Spring Boot构建web项目01
配置： 破解版IDEA2019.3.3 Maven--3.6.3 java--1.8（8） jdk--8 打开IDEA,new 一个 project，选择Spring Initializr 改写maven管理和java版本8 选择web项目 添加指定父级工程信息和java版本依赖 <modelVer ......
SpringBoot和Vue实现数据对接--Vue端
以table表格进行数据展示 Vue端 在PageOne界面进行组件引入： <template> <el-table :data="tableData" style="width: 100%"> <el-table-column fixed prop="date" label="Date" widt ......
Vue学习三：生命周期和工程化开发
一、Vue生命周期 Vue生命周期就是一个Vue实例从创建到销毁的过程 生命周期四个阶段：1、创建 2、挂载 3、更新 4、销毁 Vue生命周期函数（钩子函数） Vue生命周期过程中，会自动运行一些函数,被称为[生命周期钩子]→让开发者可以在[特定阶段]运行自己的代码。 创建阶段其实就是开辟存放数据 ......
使用element-plus组件在vue中引入分页功能
1、组件的引入 <el-pagination background layout="prev, pager, next" page-size="6" :total="60" > </el-pagination> 2、存在问题就是，现在页码并不能与每页的内容相互对应 解决方式： page用来表示确认每 ......
vue3.*安装axios具体步骤
在项目的命令行处使用命令进行axios的安装 npm install axios vue-axios --legacy-peer-deps --save 其余的命令可能会报错； ......
SpringBoot和Vue实现数据对接--SpringBoot端
1、新建一个SpringBoot项目 勾选上这四个： 等待创建完成即可； 2、编写.yml文件 这里需要注意的是，端口需要与vue的端口区分开，不然会存在端口冲突的问题！ 3、编写SpringBoot代码 Student.java package com.example.myspring001.en ......
在Vue2和Vue3中JSX的使用集锦
Vue2安装JSX支持 有时候，我们使用渲染函数（render function）来抽象组件，而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大，体验不佳，这个时候就派 JSX 上场了。然而在Vue3中默认是带了JSX支持的，而在 Vue2 中使用 JSX，需要安装并使用 ......
当开源项目 Issue 遇到了 DevChat
目录1. 概述2. Bug 分析与复现3. Bug 定位与修复4. 代码测试5. 文档更新6. 提交 Commit7. 总结 1. 概述 没错，又有人给 GoPool 项目提 issue 了： 和往常一样，我借着 DevChat 提供的 GPT-4 能力来解这个 issue。今天我准备以这个 iss ......
vue前端实现分页逻辑
在前端实现分页逻辑 <el-pagination @size-change="sizeChange" @current-change="currentChange" :current-page="page" :page-size="size" :page-sizes="pageSizes" layo ......
vue实现动态导航栏的设置
1、点击某个导航栏即切换到某个页面 1、为el-menu标签加上router属性 2、在页面中添加router-view标签，动态渲染我们自己选择的router 3、el-menu-item标签的index值即为要跳转的页面地址 呈现效果： 2、为页面设置选中状态--此时点击选中是有状态的，但是初始 ......
【记录贴】使用项目管理软件管理大型复杂项目是种什么体验？
随着手上的几个项目陆续验收交付，现在我又接了一个新项目，这次是一个中大型的软件开发项目。大型项目具有规模大、周期长、团队成员构成复杂、影响因素多等特征，所以我在项目推进过程中遇到了很多困难，想跟大家分享交流下；但所涉及的内容较多，这篇先分享下需求管理方面的内容。 我在一开始的需求调研阶段就遇到了一系 ......
从零开始使用vue2+element搭建后台管理系统（框架布局+面包屑+内容页加载实现）
先在components下分别创建侧边栏、顶部、布局等组件，用于全局配置： CommonAside.vue <template> <el-menu default-active="1-4-1" class="el-menu-vertical" @open="handleOpen" @close="h ......
Vue源码学习(四):<templete>渲染第三步,将ast语法树转换为渲染函数
好家伙, Vue源码学习(三):<templete>渲染第二步,创建ast语法树, 在上一篇,我们已经成功将 我们的模板 转换为ast语法树 接下来我们继续进行操作 1.方法封装 由于代码太多,为了增加代码的可阅读性 我们先将代码进行封装 index.js import { generate } f ......
bilibili B站：makefile 编译Linux C/C++项目快速入门
视频摘自：https://www.bilibili.com/video/BV1vg41177zT ......
react native项目安装需求
1. 创建RN项目2. 安装路由依赖3. redux需求安装redux依赖4. 第三方组件库5. 打包及各种其他操作 安装指定依赖注意：**link** 链接库已在RN(react native)0.60版本开始支持自动链接，不需要再手动link！！！ ### 2.安装路由依赖##### 安装所需包 ......
软件开发文档大全（项目管理、开发、实施、交付、评审、投标支撑）
前言： 在软件开发过程中，项目管理、开发、实施文档是至关重要的一部分。这些文档不仅为项目提供了清晰的规划和指导，还有助于确保项目按时、按质量完成。本文将详细介绍这些文档的内容及其在软件开发过程中的作用。 软件开发全文档获取：Q+:262086839 一、项目管理文档 项目背景和目标 项目背景描述了项 ......
vue 嵌套全屏iframe 能有效避开返回两次才能返回上一个路由的问题
<template> <div class="home"> <iframe ref="iframe" class="iframe" frameborder="no"></iframe> </div> </template> <script> import { get_doctor_info, sta ......
vue3中的watchEffect高级侦听器
介绍 watchEffect有两个参数，一个回调函数，一个是对象(设置配置项) watchEffect执行传入的一个函数，同时响应式追踪其依赖，并在依赖更新时重新运行该函数 watchEffect是非惰性的，会默认自动调用一次的 import { watchEffect, ref } from 'v ......
软件工程个人项目
软件工程 🔗https://edu.cnblogs.com/campus/gdgy/CSGrade21-34 作业要求 🔗https://edu.cnblogs.com/campus/gdgy/CSGrade21-34/homework/13023 GitHub链接 🔗https://gith ......
vue2 el-popover 数据很多时候，渲染很慢
参考链接： https://blog.csdn.net/weixin_45753473/article/details/119893112 怎么让el-popover显示位置根据点击位置显示，以下代码优化： 要让`el-popover`的显示位置根据点击位置动态调整，可以根据点击的元素的位置动态设置 ......
在vue中使用引入3D建模（Three.js）
1.安装依赖 npm install --save three 2.引入依赖 import * as THREE from 'three' 3.编写控件的页面，可以从网站 sketchfab 下载和导入3D建模的模型（需注册，有些是免费的），在这里用到的模型地址是https://sketchfab. ......
直播app开发搭建，vue 一分钟倒计时功能实现
直播app开发搭建，vue 一分钟倒计时功能实现 HTML <template> <div @click="countdowm" v-text="content "></div></template> 在data里边定义相关变量 data() { return { content: "倒计时", ......
直播商城源码，vue中，input输入框只允许输入数字
直播商城源码，vue中，input输入框只允许输入数字 如果想自动将用户的输入值转为数值类型，可以给 v-model 添加 number 修饰符： <input v-model.number="age" type="text" /> 当输入类型为 text 字符串类型时这通常很有用。 如果输入类 ......
vue 学习
1.给对象动态添加属性和值 var obj={ name:"jack", age:"18" } 第一种：Vue.set(obj,'sex','18'); 第二种：this.$set(this.obj, 'score', 90)； 第三种：obj.score=100; 直接赋值的方式不能触发Vue的响 ......
阿里云服务器配置针对springboot项目配置ssl证书
免费证书：https://yundunnext.console.aliyun.com/?spm=a2c4g.11186623.0.0.133848f31GGGKi&p=cas#/certExtend/buy/cn-hangzhou 下载ssl证书到 springboot配置文件修改 server: ......