项目uniapp cli vue
一、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: ......