效果echarts项目vue
谷歌浏览器中使用vue调试工具
1、下载调试工具下载地址:Vue Devtools_6.1.4_chrome 2、解压下载的压缩文件: 3、打开chrome浏览器,进入chrome://extensions/ 将已经解压的文件拖入扩展程序中: 4、看到下面表示成功: 5、使用项目运行命令npm run serve,开始启动项目: ......
练习:JavaSE之模拟ATM系统实现功能项目
需求分析:模拟ATM系统功能实现 功能 用户层面(注册、登录、注销) 系统层面(改密、存款、取款、转账) 逻辑层面(选择功能) 一、账户Bean创建(Account) · 成员属性:id、password、username、amount、balance /**账户类 用于得到每个账户对象*/ pub ......
Vue路由-Router
官网学习地址:https://router.vuejs.org/zh/guide/essentials/named-routes.html 以下介绍了:Router的使用;子路由;路由重定向;编程式导航 环境: 1、已安装VS Code,等插件 2、前端项目管理页面,已安装 cli-plugin-r ......
Vue环境安装
前言: 前端项目需要工程化管理,可以使用Vue脚手架工具简化项目创建过程;专注于代码,不用关心项目创建和配置细节。 一、Vue脚手架工具 官网:https://cli.vuejs.org/zh/ 用于快速生成 Vue 项目基础架构; 1、安装 vue-cli 在支持npm环境下,win端cmd命令: ......
vue3 directive自定义指令
import store from '../store'// 新建jsexport default { install(app) { // 权限控制, 没有相关的权限, 则删除模块 app.directive('permission', { mounted(el, val) { if(el && ! ......
第三十一篇 vue - 逻辑复用 - 插件
插件 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例 import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的选项 */ }) 一个插件 ......
第三十篇 vue - 逻辑复用 - 自定义指令
自定义指令 除了 Vue 内置的一系列指令 (比如 v-model 或 v-show) 之外,Vue 还允许你注册自定义的指令 (Custom Directives)。 我们已经介绍了两种在 Vue 中重用代码的方式:组件和组合式函数。组件是主要的构建模块,而组合式函数则侧重于有状态的逻辑。另一方面 ......
第二十九篇 vue - 逻辑复用 - 组合式函数
什么是 组合式函数 在 Vue 应用的概念中,“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数 当构建前端应用时,我们常常需要复用公共任务的逻辑。例如为了在不同地方格式化时间,我们可能会抽取一个可复用的日期格式化函数。这个函数封装了无状态的 ......
Spring 项目运行提示错误 Not a managed type
在启动 Spring 项目的时候提示下面的错误信息。 问题和原因 这个问题的原因是你的类没有在 Spring 管理的容器中注册。 主要原因是上面的包的路径不正确。 修改上面的包的路径后重启服务就可以解决启动的时候对象没有注册的问题。 https://www.ossez.com/t/spring-no ......
软件测试经验与教训之管理测试项目
测试工程师需要站在用户的角度考虑问题,因此有条件的话多与用户打听一下,对系统的看法 测试工作是整个项目的一个子项目,要申请资源并提供服务,因此有些项目经理或者产品经理会滥用测试的人力,甩锅给测试。 作为一个测试经理,自己有一个很重要的部分就是让自己或者自己的下属,不被项目经理或产品或其他人员滥用 在 ......
项目问答
HTTP报文解析相关 1、有限状态机 一种理论模型,主状态机解析HTTP报文请求行、请求头、请求体,从状态机读取一行。 2、转移图 3、有限状态机实现方式 if-else、switch-case、函数指针 4、有限状态机相比普通的解析方式有什么优点 (1)简单、可读性高:简单易用,状态间的关系能直观 ......
ant-design-vue datePicker日期组件中文格式月份与星期显示英文
根据官网的写法,在app.vue文件引入国际化设置组件 <template> <a-config-provider :locale="locale"> <App /> </a-config-provider> </template> <script> import zhCN from 'ant-de ......
vue之表单处理
vue之表单处理(一) 实验介绍基本用法文本多行文本单选按钮复选框多个复选框选择框 实验介绍 在日常的开发中,表单随处都被使用到,如:登录,问题反馈功能等。对表单的数据收集和绑定也是很常规的工作。在一般开发中处理表单,需要通过操作 DOM 来实现,是一个相对繁琐且低效率的工作。然而在 Vue 项目中 ......
使用vue四种方法写一个计算器
第一种:使用computed计算属性 1.创建项目,引入vue <script type="text/javascript" src="js/vue.js" ></script> 2.实例化vue <div id="app"> </div><script> var vm = new Vue({ el ......
Vue选项-实例生命周期
Vue选项-实例生命周期 VUE家族系列: Vue快速上门(1)-基础知识 Vue快速上门(2)-模板语法 Vue快速上门(3)-组件与复用 01、基本概念 1.1、先了解下MVVM VUE是基于MVVM思想实现的,❓那什么是MVVM呢?—— MVVM,是Model-View-ViewModel的缩 ......
Vue——node-ops.ts
前言 node-ops.ts位于src/platforms/web/runtime/node-ops.ts,主要封装了 DOM 操作的 API; 内容 import VNode from 'core/vdom/vnode' import { namespaceMap } from 'web/util ......
vue3面包屑导航栏
import {useRoute, useRouter} from "vue-router"; import {computed, ref, watch, watchEffect,nextTick} from "vue"; const router = useRouter() const route ......
基于开源的 ChatGPT Web UI 项目,快速构建属于自己的 ChatGPT 站点
作为一个技术博主,了不起比较喜欢各种折腾,之前给大家介绍过 ChatGPT 接入微信,钉钉和知识星球(如果没看过的可以翻翻前面的文章),最近再看开源项目的时候,发现了一个 ChatGPT Web UI 项目。 想着刚好之前没有将 ChatGPT 接入过 Web UI,有了这个开源项目可以拿来使用,真 ......
vue3+elementPlus 深色主题切换
首先安装需要的两个依赖 npm i @vueuse/core npm install element-plus --save 在main.js中引入css文件,自定义深色背景颜色 可以看ElementPlus官方网站 //引入elementUI import ElementPlus from 'el ......
项目部署
一、手工部署项目 (1)在IDEAZ中开发SpringBoot项目并打成jar包 (2)将jar包上传到Linux服务器 mkdir /usr/local/app 创建目录,将项目jar包放到此目录 (3)启动SpringBoot程序 java -jar [jar包名] (4)改为后台运行Sprin ......
记录--CSS 如何实现羽化效果?
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 最近碰到这样一个问题,在一张封面上直接显示书名,可能会存在书名看不太清楚的情况(容易受到背景干扰),如下 为了解决这个问题,设计师提了一个“究极”方案,将书名背后的图片模糊一下,这个在 CSS 中很好实现,仅需backdrop-filte ......
Git提交本地项目到云端仓库(学习理解持续更新)
进入项目文件夹 初始化本地仓库 git init 把所有文件添加到版本库中 git add . 查看添加的文件 git status ......
SpringBoot项目启动时初始化操作方式
1.实现InitializingBean重写afterPropertiesSet()方法。 @Component @Slf4j public class InitOneTest implements InitializingBean { @Override public void afterProp ......
CSS效果实现参考
文字溢出用省略号结尾,使有限区域内文字合理显示。 /*单行*/ p{ width:200px; overflow:hidden; text-overflow:ellipsis;/*规定当文本溢出时显示省略符号来代表被修剪的文本*/ white-space:nowrap; } /*多行*/ p{ wi ......
加解密接口的处理,系统测试执行要点,BUG定位,测试报告,金融项目经验总结
11、加解密接口的处理: 目标 知道项目中接口加解密的实现流程 了解加解密的代码实现 知道Jmeter如何实现接口加解密测试 知道基于Requests如何实现接口加解密测试 1、APP端/客户端接口加解密介绍 1.1加密方式(两种) 在TCP/IP四层模型中的应用层进行加密。类似密码本,当前项目使用 ......
django_01项目 用户的登录退出以及判断用户是否登录
(忙着去学数学去了,内容可以有缺失不完整,两年前的随笔) 对于用户的账户密码登录主要逻辑 用户名登录 确定登录用户是已经注册的用户 登录过后实现用户的状态保持 1)请求方式 post 2)后端接收的表单参数: 用户名 密码 是否记住用户 3)响应结果 登录成功 >重定向首页 登录失败 >响应错误 c ......
通过 OG 标签优化网站在社交媒体上的显示效果
介绍 OG 标签是 Open Graph Protocol 的缩写,是一种由 Facebook 所定义和推广的元数据协议,用于在社交媒体上显示网页的预览内容。 OG 标签允许网站管理员控制他们网站页面在 Facebook、Twitter、LinkedIn 等社交媒体上的展示形式,可以设置网页的标题、 ......
defineExporse vue3中一个由子组件导出数据,让父组件调用的方法。
子组件 <script setup> import { ref, reactive } from 'vue' const isFlag = ref(false) const data = reactive({ name: 'tom', age: 18 }) //把数据导出 defineExpose( ......
macos:用homebrew安装node/安装vue-cli( node v18.15.0/ Homebrew 4.0.10-119)
一,用brew安装node liuhongdi@liuhongdideMacBook-Pro Homebrew % brew install node@18 ==> Downloading https://formulae.brew.sh/api/formula.jws.json #=#=# ==> ......