项目vue3 vue
学信息系统项目管理师第4版系列28_组织级项目管理和量化项目管理
1. OPM 1.1. 旨在确保组织开展正确项目并合适地分配关键资源 1.1.1. 有助于确保组织的各个层级都了解组织的战略愿景、实现愿景的措施、组织目标以及可交付成果 1.2. 业务评估是建立OPM框架的必要组件 1.3. OPM3 是组织级项目管理成熟度模型，可用于评估组织项目管理成熟度 1.3 ......
npm i 安装的依赖项目,运行正常,换成pnpm i安装的依赖运行报错
报错信息大概如下 Failed to compile with 15 errors 00:47:21These dependencies were not found: * codemirror/addon/dialog/dialog.css in ./node_modules/.pnpm/cach ......
USB-CAN 相关开源项目总结
首先市面上有许多种不同的开源CAN调试器产品，，在硬件上主要有如下区分： candleLight（STM32F072xB） cantact （STM32F042C6） canable（STM32F042C6） CANAlyze（STM32F042C6） 可以看到主要的调试器都是采用F072、F042 ......
手撕Vue-数据驱动界面改变下
经过上一篇的介绍，已经实现了观察者模式的基本内容，接下来要完成的就是将上一篇的发布订阅模式运用到 Nue 中，实现数据驱动界面改变。 在监听数据变化的章节当中，根据指定的区域和数据去编译渲染界面 这个步骤处，我写了一个注释，这个注释是这样的：第一步：给外界传入的所有数据都添加get/set方法，第二 ......
Vue源码学习(十一):计算属性computed初步学习
好家伙， 1.Computed实现原理 if (opts.computed) { initComputed(vm,opts.computed); } function initComputed(vm, computed) { // 存放计算属性的watcher const watchers = vm ......
java项目实践-tomcat实现用户登录-day17
目录1. 安装2. 初识tomcat2. 创建tomcat项目3. 启动之前3. java jsp4. Request Response对象的其他属性5. 用户登录小功能 1. 安装 tomcat.apache.org 下载链接：https://tomcat.apache.org/download- ......
开源项目 | 一款基于NodeJs+Vue3的强大的在线设计图片工具
采用 Vue3+Vite2+Vuex+ElementPlus 技术实现的在线海报图片设计工具，可用于生成电商分享图、文章长图、视频/公众号封面等。 ......
在Vite项目中使用scss创建全局变量
配置 这个也就是配置全局scss的过程，在vite.config.ts的defineConfig中添加属性，其中additionalData为scss中引入文件的书写方式： // scss全局变量的配置 css: { preprocessorOptions: { scss: { javascript ......
vue3中setup
和vue2不同的是vue3中的script中带有setup标签 里面的setup相当于vue2中的data和methds空间可以放置函数，也可以执行函数 在写时需要有return返回值 <script setup> </script> setup执行发生在页面之前所以不能使用this函数，一般通过r ......
手撕Vue-数据驱动界面改变上
经过上一篇的介绍，已经实现了监听数据的变化，接下来就是要实现数据变化后，界面也跟着变化，这就是数据驱动界面改变。 想要实现数据变化之后更新UI界面，我们可以使用发布订阅模式来实现，先定义一个观察者类, 再定义一个发布订阅类, 然后再通过发布订阅的类来管理观察者类。 接下来我们就来实现这个代码。 定义 ......
在Vite构建的项目中使用svg图标
安装插件 这里使用yarn来安装vite-plugin-svg-icons插件 yarn add vite-plugin-svg-icons 文件配置 在vite.config.ts中进行文件配置，首先是引入插件，其次是在plugins中添加配置 iconDirs中存放的就是图标文件地址数组，这里的 ......
手撕Vue-监听数据变化
经过上一篇的介绍，已经实现了将模板编译成具体数据，接下来要介绍的是如何监听数据的变化，本章主要完成这个需求即可。 在我们文章的开始，我写了一个 Vue 双向数据绑定原理的文章当中封装了一个 Observer 类，这个类的作用就是监听数据的变化，当数据发生变化的时候，会通知订阅者，订阅者会去更新视图。 ......
手撕Vue-编译模板数据
经上一篇编译指令数据后，我们已经可以将指令数据编译成具体需要展示的数据了，上一篇只是编译了指令数据，还没有编译模板数据，这一篇我们就来编译模板数据。 也就是 {{}} 这种模板的形式我们该如何编译，其实和指令数据编译的思路是一样的，废话不多说，直接上代码。 改造一下 buildText 方法，让它支 ......
手撕Vue-编译指令数据
经过上一篇的分析，完成了查找指令和模板的功能，接下来就是编译指令的数据了。 所以本章节主要处理的方法则是 buildElement 方法，我们先分析一下我们所拿到的数据在进行编码，这样会更加清晰一些。 我将 name, value 打印出来，分别对应的值是 name: v-model, value: ......
JAVA 项目中日志的正确使用姿势
什么是日志 日志：记录程序的运行轨迹，方便查找关键信息，也方便快速定位解决问题。 日志的作用 1、排查和定位错误的手段 日志的作用就是在测试、生产环境没有 Debug 调试工具时开发和测试人员定位问题的手段。日志打得好，就能根据日志的轨迹快速定位并解决线上问题，反之，日志输出不好，不仅无法辅助定位问 ......
vue学习六
<div id="app6"> <div v-for="item in list">{{ item }}</div> </div> <script> const app6=new Vue({ el:'#app6', data:{ list:["1","2","3","4","5"] } }) </s ......
vue学习五
<div id="app5"> <button @click="exchange(-5)">点我减五</button> <button @click="exchange(5)">点我加五</button> </div> <script> const app5=new Vue({ el:'#app5' ......
vue项目创建和启动、ElementUI的安装和快速学习
5.创建Vue项目 方式一：命令行（不推荐） 方式二：图形化 先找到项目想要创建的位置，去到该目录下，输入cmd回车 输入 vue ui回车 可能会遇到的问题：Failed to get response from /vue-cli-version-marker 解决办法： 找到 .vuerc文件， ......
Lithosphere新项目
启动Lithosphere新的子项目，Zircon，用Lithosphere技术来做个智能手表。 这篇文章很好，推荐：A Deep Dive into ARM Cortex-M Debug Interfaces | Interrupt (memfault.com) 我这是要转型硬件开发工程师吗？ ......
使用Git管理Unity项目
使用Git管理Unity项目 目录前置准备注册GitHub账号下载安装Git，进行基础的配置将自己的项目传到GITHUB 前置准备 注册GitHub账号 前往GitHub官网注册一个自己的账号，注意要开梯子进去。这些就不多说了 下载安装Git，进行基础的配置 1.前往Git官网下载安装git，安装期 ......
[Vue]初始Vue
Vue2，建议新人直接饮用vue.js文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale= ......
Error: Vue packages version mismatch: - vue@2.6.14 (D:\前端\vue01\node_modules\vue\dist\vue.runtime.common.js)- vue-template-compiler@2.7.14 (D:\前端\vue01\node_modules\vue-template-compiler\package.json)
Error: Vue packages version mismatch: - vue@2.6.14 (D:\\前端\vue01\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler@2.7.14 (D:\前端\vu ......
输入vue ui出现Failed to get response from /vue-cli-version-marker
解决办法： 找到 .vuerc文件，位置在C:\Users\当前用户.vuerc 将packageManager修改如下： 原因是本地hadoop环境变量回合vue项目有冲突，他们都要用到yarn集群 修改后再重新输入vue ui，没有报错信息且自动打开Vue项目管理器的页面 ......
java项目实践-webapp-mytomcat-day16
目录1. http协议2. 自定义的web框架3. 具体实现4. 启动 1. http协议 CS架构 建立连接“三次握手” 断开连接 “四次挥手” 三次握手： client：可以与你建立连接吗？ server：可以的 client: 我也可以了 四次挥手： client：我要断开 server：可以 ......
手撕Vue-查找指令和模板
接着上一篇文章，我们已经实现了提取元素到内存的过程，接下来我们要实现的是查找指令和模板。 大致的思路是这样的： 遍历所有的节点 需要判断当前遍历到的节点是一个元素还是一个文本 如果是一个元素, 我们需要判断有没有v-model属性 如果是一个文本, 我们需要判断有没有{{}}的内容 那么随着思路的展 ......
小白之vue脚手架搭建
（1）cmd命令行安装脚手架工具，安装前设置镜像不然安装很慢。 安装成功 （2）创建vue项目名字叫vue 选择最后一行 新特性回车 上下箭头选择工具，空格表示选中，绿色表示选中的工具，并回车进行下一步。 选择 2.x，选择y 选择带.json 选择no不保存预制（忘了截图），回车开始创建 ......
Vue3中的生命周期
Vue3生命周期-CSDN博客 一、Vue3中的生命周期1、setup() : 开始创建组件之前，在 beforeCreate 和 created 之前执行，创建的是 data 和 method 2、onBeforeMount() : 组件挂载到节点上之前执行的函数； 3、onMounted() : ......
项目开发中数据库表要不要加外键约束？
引言 在实际项目开发中，数据库表设计的主键和索引是不可少的，不仅可以优化数据检索速度，开发人员还省不其它的工作，相信这点没有人会有疑问。但是，数据库表设计是否需要外键约束，就存在不少争论。争论主要有两个问题：一个是如何保证数据库数据的完整性和一致性；二是如何保证数据库的性能更好。 添加外键约束的理由 ......