项目vue3 vue
项目中的观察者模式
背景 目前开发的项目中，出现过许多次观察者模式，且其和普通的观察者模式有些许不同，为了理解而进行整理。 项目中的观察者模式 类图： 流程：脚本订阅消息队列消息，创建Subject，传送解析后的消息给所有观察者，观察者根据消息类型判断是不是自己关心的消息，是的话就把自己注册到Subject中；Subj ......
vue2源码-五、将模板编译解析成AST语法树2
生成render函数 前言 上篇，生成ast语法树，而这篇使用ast语法树生成render函数。 export function compileToFunction(template) { // 1，将模板编译称为 AST 语法树 let ast = parserHTML(template); // ......
scrum项目冲刺_Day4会议总结
今日团队任务: 图片转excel(5天) 前端开发（需团队风格统一） 调用接口（后端），json数据->excel 前后端连接 任烁玚(进行中) 图片转html(8天) 前端开发（需团队风格统一） 图片转为pdf（存储） pdf转html（调用接口）[html存储到数据库] 前后台数据同步 孟德昊( ......
spring boot创建非web项目
我们如何启动一个main方法去运行它呢 使用也非常简单，我们只需要对springboot生成的代码做略微的修改即可。 使用SpringApplicationBuilder来创建SpringApplication，并且配置WebApplicationType为NONE，这样即使有tomcat依赖也不会 ......
Vue3中（vite.config.js)配置打包的时候去除console.log
参考：https://www.cnblogs.com/lovewhatIlove/p/16476165.html 安装terser npm add -D terser vite中配置 import { defineConfig } from "vite"; import vue from "@vit ......
08.项目成本管理
1. 成本管理 1.1. 概述 项目成本概念及其构成：项目全过程所耗用的各种成本的总和为项目成本 项目成本管理作用和意义：项目成本管理就是要确保在批准的预算内完成项目 项目成本失控的原因： 1、对工程项目认识不足 2、组织制度不健全 3、方法问题 4、技术的制约 5、需求管理不当 相关术语： 产品的 ......
Vue3中使用mitt事件总线
在utils下封装mitt.js import mitt from 'mitt' export default mitt() // mitt基本使用：https://juejin.cn/post/6973106775755063333 组件中引入mitt并使用 import mitt from '@ ......
介绍ServiceSelf项目
ServiceSelf 做过服务进程功能的同学应该接触过Topshelf这个项目，它在.netframework年代神一搬的存在，我也特别喜欢它。遗憾的是在.netcore时代，这个项目对.netcore程序的支持没有跟进，最近项目也存档停止更新了。 我在开源的一些工具里实现放了自安装和卸载服务的功 ......
3.Vue3.0 有什么更新
1.监测机制的改变 3.0 将带来基于代理 Proxy 的 observer 实现，提供全语言覆盖的反应性跟踪。消除了 Vue 2 当中基于 Object.defineProperty 的实现所存在的很多限制。 2.只能监测属性，不能监测对象 检测属性的添加和删除； 检测数组索引和长度的变更； 支持 ......
vue自定义密码输入框解决浏览器自动填充密码的问题
问题描述 浏览器对于type="password"的输入框会自动填充密码，但有时出于安全或者其他原因，我们不希望浏览器记住并自动填充密码。通过网上查到的一些解决方案，可以总结出以下几种解决方案(主要用edge浏览器进行测试)： 通过autocomplete="off"/autocomplete="n ......
Vue3组合API自动引入插件
插件名：unplugin-auto-import url：https://github.com/antfu/unplugin-auto-import 安装 1、下载插件 npm i unplugin-auto-import -D 2、配置vite.config.ts import vue from ......
vue-element-admin 动态菜单改造
vue-element-admin 动态菜单改造 vue-element-admin 是一款优秀后台前端解决方案，它基于 vue 和 element-ui实现。开源后台管理系统解决方案项目 Boot-admin的前端模块就是基于vue-element-admin开发而来。 作为一款纯前端的后台界面解 ......
浅谈-api项目设计（上）
从事api后端接口开发也有五六年时间了，都没有好好的整理下api项目架构模板以及如何从零开始设计。 抽空写个文章记录下，顺便检查下自己对这块的理解，如有不正确的地方，欢迎底下友好交流。 本文的目的是检查自己对架构设计的理解，思考架构设计的意义和常用的设计思想 按照软件工程流程。我们需要需求分析（之前 ......
vue 自定义季度选择器
1、效果 时间格式：2023-Q1 2、封装 quarter-picker.vue <template> <div class="quarter-picker"> <select class="year-select" v-model="year" @change="updateQuarter"> ......
项目连接讯飞语音接口的相关操作
相关操作 在讯飞官网找到了这样一个语音听写模件，然后自己尝试着调用了这个语音接口，幸运地，成功调用到了这个语音接口，但是这个调用仅仅是在Java里面实现了，并没有实现在web里面，后续还会继续完善这个调用的！ 具体步骤 1、进入到讯飞平台官网：https://www.xfyun.cn/ 选择注册一个 ......
springboot项目打成jar包后 ，配置文件加载的优先级顺序
Spring Boot会按照以下顺序来加载配置文件： 1、内置默认值：Spring Boot会首先加载内置的默认值，这些默认值定义在Spring Boot的代码中，例如，内置的默认端口号为8080。 2、应用级别的配置文件：Spring Boot会从以下位置加载应用级别的配置文件，这些位置按照优先级 ......
vue 不同版本定义 el-date-picker 日期选择器快捷项
1、效果 2、vue 2 :picker-options <el-date-picker style="width: 350px" v-model="dates" type="daterange" align="right" unlink-panels range-separator="至" sta ......
docker：Dockerfile、docker私有仓库、dockercompose介绍、dockercompose部署flask+redis项目、dockercompose一键部署路飞项目
一、Dockerfile 1.1 常用和不常用命令 FROM: 指定基础镜像 RUN： 构建镜像过程中需要执行的命令。可以有多条。docker build CMD：添加启动容器时需要执行的命令。多条只有最后一条生效。可以在启动容器时被覆盖和修改。 ENTRYPOINT：同CMD，但这个一定会被执行， ......
Linux-部署你的项目
1 选择服务器 可自行选择，我选择的为aliyun的个人服务器，108一年的。 2 服务器环境设置 2.1 安装java 1：查看当前java版本 [root@localhost software]# java -version 2：查看当前服务器已安装的java [root@localhost s ......
vue3+echart5 遇到的坑 Cannot read properties of undefined (reading 'type')（转）
原文：https://www.cnblogs.com/Bin-x/p/15342949.html 1、错误说明 vue3中，使用data的方式初始化echart图表 export default { data() { return { chart: null, ... } }, mounted() ......
docker，Dockerfile，docker私有仓库，dockercompose介绍，dockercompose部署flask+redis项目，doclercompose一键部署路飞项目
内容回顾 容器操作 docker start 容器id 启动容器 docker stop 容器id 停止容器 docker rm 容器id 删除容器 ocker rm `docker ps -aq` # 正在运行的容器不能删除 docker exec 容器id 命令 让容器执行命令 docker c ......
vue3微信公众号商城项目实战系列（5）页面适配手机屏幕
上一篇完成了2个页面之间的跳转，在浏览器中也可以正常浏览和跳转，但这2个页面并没有为适配手机屏幕设计， 如果我们用 chrome 浏览器模拟手机屏幕的大小后再看，结果如下图： （注：用 chrome 模拟手机屏幕只需要在正常情况下按下 F12 键，然后点击 红框2 处的小图标就可以了 ，改变模拟屏幕 ......
vue3.2入门
vue3.2 版本开始可以使用语法糖！对于从2.0过来的人我就直接看3.2的语法了 helloworld.vue <!-- setup语法糖 vue3.0的变量需要return出来才可以在template中使用, 写法冗余 vue3.2 在script标签中添加setup解决问题 组件只需要引入,不 ......
瑞吉外卖项目介绍
所需知识 Java基础知识 Java Web MySQL Spring Boot SSM (Spring、Spring MVC、MyBatis) Maven 项目介绍 瑞吉外卖项目包括两个部分：后台管理系统（内部人员）和移动端（用户） 后台系统管理员:登录后台管理系统，拥有后台系统中的所有操作权限后 ......
vue项目在打包时Some chunks are larger than 500 kBs after minification(一些区块在缩小后大于500 kB)
https://blog.csdn.net/qq_45284938/article/details/129707796 加上适应的配置项 根目录上vite.config.ts 文件 outDir: BUILD_DIR, // 指定打包文件的输出目录 emptyOutDir: true, // 打包时 ......
（二）vue组件化基础跟脚手架vue-cli/vite
vue组件化开发思想 组件化的思想： 将一个页面的所有的处理逻辑放到一起，处理起来就会非常复杂，而且不利于后续的管理以及扩展； 如果，将一个页面拆分为一个个小功能块，每个功能块完成属于自己这部分独立的功能，那么之后整个页面的管理和维护就变得非常容易了； 就像搭积木一样来搭建我们的项目； 用组件化思想 ......
项目部署
部署架构： Nginx：部署前端页面、配置反向代理 Tomcat：springboot项目 两个Mysql：主从复制 Redis：缓存 部署环境说明： 服务器： * 192.168.138.100(服务器A) Nginx：部署前端项目、配置反向代理 Mysql：主从复制结构中的主库 * 192.16 ......
vue3 父子组件共享响应式对象
父组件 <template lang=""> <div> <div class="greetings">按钮值：{{ num }}</div> <div> <button @click="num++">按钮</button> </div> <div> i am parent</div> <butto ......
（之前的项目复习）我的Java项目实战--校园餐饮商户外卖系统06
开发笔记六 导入用户地址簿相关功能代码 需求分析 地址簿，指的是移动端消费者用户的地址信息，用户登录成功后可以维护自己的地址信息。同一个用户可以有多个地址信息，但是只能有一个默认地址。 数据模型 用户的地址信息会存储在address_book表，即地址簿表中。具体表结构如下: 导入功能代码 功能代码 ......
论Vue和React的不同之处
论Vue和React的不同之处 Vue 和 React 都是用于构建 UI 界面的流行框架。 它们的哲学也有很多相似的地方，我们可以认为这些特性是流行前端框架的一个趋势。它们是： 组件化。将结构、样式、脚本进行耦合，让界面一部分区域能够独立出来，并可以提供复用； 声明式。摒弃了 JQuery 那种手 ......