项目vue3 vue
vue3移动端设置单页面body的背景色
<script setup> import { onBeforeUnmount, onMounted } from 'vue'; // 设置页面背景颜色 onMounted(() => { document .querySelector("body") .setAttribute("style", ......
学信息系统项目管理师第4版系列12_合同管理
1. 项目范围划分 1.1. 项目总承包合同 1.1.1. 总承包合同要求只与同一个卖方订立承包合同 1.1.2. 不意味着只订立一个总合同 1.2. 项目单项承包合同 1.2.1. 买方分别与不同的卖方订立项目单项承包合同 1.3. 项目分包合同 1.3.1. 满足5个条件 1.3.1.1. ①经 ......
Vue双向数据绑定原理
Vue响应式的原理(数据改变界面就会改变)是什么? 时时监听数据变化, 一旦数据发生变化就更新界面, 这就是Vue响应式的原理。 Vue是如何实现时时监听数据变化的 通过原生JS的defineProperty方法, 通过get和set方法来监听数据的变化。 defineProperty方法的特点 可 ......
vite+vue3项目发布到手机
1.修改vite.config.js export default defineConfig({ plugins: [ vue(), ], resolve: { alias: { '@': fileURLToPath(new URL('./src', import.meta.url)) } }, s ......
sanic vue-vben开发学习（一）
兵马未动，规矩先行。开发是个系统工程，不是随便写点小代码就能交差的。需要定好规范。 我认为，应当坚持以下原则。 以文档为核心。良好的文档。这个完全是我自己在做，没有团队，我的团队都是甲方，提供需求的。我应当调研完毕，先写文档，计划怎么做。甚至可以把我写的调研，放在公开的网站上，让大家可以提意见。我来 ......
uniapp项目实践总结(二十四)安卓平台 APP 打包教程
导语：当你的应用程序开发完成后，在上架安卓应用商店之前，需要进行打包操作，下面简单介绍一下打包方法。 目录 准备工作 配置项目 生成证书 打包配置 准备工作 在打包之前，请保证你的 uniapp 应用程序编译到安卓手机模拟器的 App 是可以正常运行的，APP 打包分为安卓和 ios 两个平台，下面 ......
uniapp项目实践总结(二十三)网页和小程序应用打包教程
导语：当你的应用程序开发完成后，在发布到互联网之前，需要进行打包操作，包括网页端、小程序端的打包。 目录 准备工作 网页打包 小程序打包 准备工作 在打包之前，请保证你的 uniapp 应用程序编译到网页、小程序是可以正常运行的。 网页打包 编写好应用之后，如需打包到 web 平台，可以选中当前项目 ......
09_electron-vue-antd环境搭建
electron-vue 很好解决，安装 antd 给我弄自闭了，最终是发现是版本问题。 先把 electron-vue 环境搭建好，然后去看项目中的 vue 版本： 我的是 vue2 就使用 快速上手 - Ant Design Vue (antdv.com) 这个版本，之前一直使用的 4.x 版本 ......
一个IDEA界面如何同时打开多个项目
一个IDEA界面如何同时打开多个项目 https://blog.csdn.net/tianjindong0804/article/details/105265089 ......
新手指引：前后端分离的springboot + mysql + vue实战案例
使用springboot + mysql + vue实现前后端分离的用户查询功能：
1、mysql：创建test数据库 -> 创建user数据表 -> 创建模拟数据；
2、springboot: 配置mysql -> 使用mybatis操作mysql数据库 -> 接口开发；
3、vue：使用a... ......
idea创建父子项目
1. 创建大的project 父工程 2. 3. 4. 删除不需要的文件，保留pom文件，检查对应的jar和springboot partnert 版本： 5. 创建子项目（module项目）： 1、选中父模块，点击鼠标右键，然后点击New—>Module。2、在New Module界面使用Mave ......
Vue3 element plus el-dialog (对话框)
首先得是 Vue3项目 并已经引入 element plus 引入 element plus 方法：https://www.cnblogs.com/hailexuexi/p/17730724.html 效果图 这个对话框代码 和 头部 菜单 都在 一个 HeaderComponent.vue 文件中 ......
Vue3 引入 Element Plus
Element Plus简介Element Plus是一个基于Vue3的UI组件库，其设计原则可分为一致（Consistency）、反馈（Feedback）、效率（Efficiency）、可控（Controllability）四个方面。 目前Element Plus可使用的UI组件种类丰富，除了按钮 ......
vue3 + mark.js | 实现文字标注功能
页面效果 具体实现 新增 1、监听鼠标抬起事件，通过window.getSelection()方法获取鼠标用户选择的文本范围或光标的当前位置。 2、通过 选中的文字长度是否大于0或window.getSelection().isCollapsed (返回一个布尔值用于描述选区的起始点和终止点是否位于 ......
vue~封装一个文本框添加与删除的组件
标签组件的效果如下 组件作用 这是一个div，包含了两个文本框，后面是添加和删除按钮 添加按钮复制出新的div，除了文本框没有内容，其它都上面一样 删除按钮将当前行div删除 组件实现 <template> <div> <template v-for="(item,index) in tags"> ......
vue~封装一个文本框标签组件
用到的技术 父组件向子组件的传值 类型检查和默认值：您可以为props指定类型检查和默认值。这可以确保传递给子组件的数据符合期望的类型，以及在没有传递数据时具有合理的默认值。例如： props: { message: { type: String, default: 'Default Message ......
VUE 3.0使用Tinymce编辑器
本人使用的IDEA开发工具 参考文档： 1.官方文档2.中文文档 一、使用npm安装Tinymce。我这里是指定了版本号的 npm install tinymce@6.0.0 npm install @tinymce/tinymce-vue@5.1.0 二、修改路径，加汉化 1、将下载好的tinym ......
【vue2】实现数字纵向滚动效果（计时器效果）
需求： 在页面中显示一个数字，并在进入视口时显示计时器滚动效果： 效果如上 ↑ 新建组件ScrollNumber.vue： <template> <div style=" display: inline-flex; justify-content: flex-start; align-items: ......
项目搭建
创建一个名为sasa的项目 npm create vite@latest saas 安装路由 cnpm install vue-router@4 -s 选择vue+js 在src下新建router/index.js import { createRouter, createWebHistory } ......
如何用Vue实现模块化开发？
模块化开发就像我们管理书籍一样，一开始只有几本书时，堆书桌上就可以了。随着书越来越多，有几十上百本时，我们需要一个书橱，按照类别放在不同的格子里。对比App迭代过程，起步时，业务少，单一工程模式效率最高，随着业务发展，我们要根据业务拆分不同的模块。所有这些目的都是为了方便管理、高效查找。 模块化，就 ......
学习cillium开源项目tetragon
部署安装 安装很方便，注意环境要求,官方说明文档基于的内核版本是ubuntu5.19.0.可参考https://tetragon.cilium.io/docs/getting-started/kubernetes-quickstart-guide/. 安装完成后，查看tetragon监听端口如下所示 ......
结对项目
作业要求 3121005275 杨钢涛 3121005279 张宏 github项目地址 这个作业属于哪个课程 软件工程 这个作业要求在哪里 结对项目 这个作业的目标 完成结对项目，培养协作能力 PSP表格 PSP2.1 Personal Software Process Stages 预估耗时（分 ......
TypeError: cli.init is not a function。 React-Native创建新项目时的错误解决方法。
最近在玩React-Native的时候，创建项目出现cli.ini错误，找了好久才知道这个方法，分享给大家。 TypeError: cli.init is not a function – Code Example Akash Mittal August 30, 2022 No comments S ......
一个混乱千万级软件项目
背景：公司接到一个亿级的项目，软件大概占到1/4的比例，整个项目包含了硬件和软件团队。软件团队是要实是一个软件产品，让其控制各种硬件设备做自动化运作，并打通上下游系统的数据。软件同时统计分析（包括机器学习和AI) 整个项目设备的运作和任务执行情况，服务于后续运营优化。 项目成员结构：大项目经理，对这 ......
结对项目
小组人员 学号 邱锦坤 3121005228 张嘉荣 3121005236 这个作业属于哪个课程 课程信息 这个作业要求在哪里 作业要求 Github地址 链接 PSP表格 PSP2.1 Personal Software Process Stages 预估耗时（分钟 实际耗时（分钟 Plannin ......
成为 Go 高手的 8 个 GitHub 开源项目
想成为 Go 高手吗？那推荐看看这些开源项目 Go 从 2009 年开始正式对外公布，随着时间的推移，Go 在当前的编程语言中占有良好的地位，在 WEB 领域、云原生领域、底层服务领域都有广泛的应用。Go 是一门相对年轻的语言，具有 C/C++ 等编译语言的性能和安全性，同时也具有良好的开发速度。本 ......
vue3 模糊搜索 不区分大小写 多选框 element plus
```javascript<div class="select-part" ref="selectRef"> <div class="check-type"> <input type="text" class="check-type-title" :placeholder="placeholder" ......
关于vite/cli构建项目的区别&环境变量配置&关于接口地址
#### 区别**Vite:** 1. **开发服务器启动速度：** Vite 通过利用 ES 模块的特性，实现了快速的冷启动和热模块替换。这意味着在开发环境中，启动开发服务器和应用程序的重新加载速度更快。1. **即时的按需编译：** Vite 在开发过程中只会编译和打包当前正在编辑的文件，而不会 ......
Vue3 面试题 （2023-09-26更新）
Vue3 对比 Vue2 做了那些改进？ 1. 响应式系统 vue2 中使用的 Object.defineProperty 实现的响应式，劫持整个对象，递归遍历所有属性，给每个属性添加 getter 和 setter vue3 中使用的 Proxy 实现的响应式 2. 编译阶段 Fragment V ......