事项vue cli 01
VUE2/3差异之模板写法
Options API (选项API) 传统的组件随着业务复杂度越来越高，代码量会不断的加大，整个代码逻辑都不易阅读和理解。虽然尽量一个文件不要写太多代码(1000行内)，但总有一些大型组件要一个文件写很多代码 优点：各选项编写写位置固定，结构清晰缺点： 代码组织性差，相似的逻辑代码不便于复用 逻辑 ......
Spectre.Console-实现自己的CLI
## 引言 最近发现自己喜欢用的 Todo 软件总是差点意思，毕竟每个人的习惯和工作流不太一样，我就想着自己写一个小的[Todo 项目]( https://github.com/circler3/TodoTrack )，核心的功能是自动记录 Todo 执行过程中消耗的时间（尤其面向程序员），按照自己 ......
常见问题解决 --- 若依vue部署前后端 502 (Bad Gateway)
nginx配置文件中配置代理访问 这里配置的proxy_pass是后台接口的代理 location /prod-api/ { proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; proxy_set_he ......
opencv学习笔记01-图片读取与显示
# opencv 简易笔记 ## 1.创建和显示窗口 ```python import cv2 #窗口命名 cv2.namedWindow("111",cv2.WINDOW_NORMAL) #读取图片 img = cv2.imread("mdPNG/lesson1_3.png",0) #显示窗口 c ......
vue的两个特性
# vue的特性 vue框架的特性，主要体现在如下两方面： 1. `数据驱动视图` 1. `双向数据绑定` # 数据驱动视图 。后续的局部工作空间称为覆盖(overlays)。当使用ROS ......
记录--Vue3自定义一个Hooks，实现一键换肤
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 核心 使用CSS变量, 准备两套CSS颜色, 一套是在 light模式下的颜色,一套是在dark模式下的颜色 dark模式下的 CSS 权重要比 light 模式下的权重高, 不然当我们给html添加自定义属性[data-theme='d ......
《可伸缩服务架构-框架与中间件》-01-分布式发号器
本文主要是设计一款永不重复的高性能分布式发号器。 源码地址——码云：https://gitee.com/robertleepeak/vesta-id-generator Vesta是一款通用的ID产生器，互联网俗称统一发号器，它具有全局唯一、粗略有序、可反解和可制造等特性，它支持三种发布模式：嵌入发 ......
vues全局使用WebSocket
// import { showInfoMsg, showErrorMsg } from '@/utils/popInfo' // import ElementUI from 'element-ui'; import { Toast } from 'vant'; function initWebSo ......
JeecgBoot—Vue3
https://gitee.com/jeecg/jeecgboot-vue3?_from=gitee_search JeecgBoot—Vue3版前端源码，采用Vue3.0+TypeScript+Vite+Ant-Design-Vue等新技术方案，包括二次封装组件、utils、hooks、动态菜单、 ......
前端之vue3的setup和setup的2个的形参、响应式页面
# setup setup是个函数, 包含数据、方法等，是组合api的“舞台”。 setup返回值： 1.对象，其中的属性、方法都可以在模板中直接使用 2.渲染含数（了解就好） ``` export default { name: "App", components: {}, setup() { / ......
vue组件中修改组件外元素样式
在实际开发中，由于项目一开始设计的一些不合理性，会在组件中通过 html[media=pad]{ .xxx{ /* 组件样式 */ } } 以上方式修改某些组件的样式，这样会涉及到从 html 层级选择，由于我 style 标签是这样写的 <style lang="less" scoped></st ......
vue3:关于我在项目中看到一个不存在的标签的故事
故事开头是这样的，项目收尾阶段，我去修改同事写的代码，写着写着，看到一个页面中根本不存在的标签，很是好奇，我就认真的看了起来 <div class="tabs_content" ref="tabsContent" v-if="showTabsContent"> <TabsPage></TabsPag ......
odoo 邮箱注意事项
out server 配置gmail, 1, 开启2步认证 2: 设置应用密码, 使用应用密码配置 out mail server 配置QQ邮箱, 需要开题stmp 服务,使用专用的stmp密码设置i一次,而不是邮箱本省的密码 错误: SMTP Sender Refused: 501 mail fr ......
android开发java.lang.NoClassDefFoundError: org/jetbrains/kotlin/cli/common/PropertiesKt解决方法
问题：编译Android项目出现java.lang.NoClassDefFoundError: org/jetbrains/kotlin/cli/common/PropertiesKt 原因：项目使用发JDK版本和Kotlin版本不一致或者说不对应导致gradle找不到对应的类 解决方法：我的解决方 ......
vue路由递归查找某路径
``` hasRoute(path, routeList) { // console.log('path', path, routeList); for (let i = 0; i < routeList.length; i++) { if (routeList[i].path path) { re ......
API接口对接的流程和注意的事项
API接口对接是将两个应用程序或系统连接并进行数据交换的过程。在进行API接口对接时，需要确保两个系统具有相同的协议和格式，并且数据传输过程中不会出现错误或数据丢失。下面是API接口对接的流程和注意事项： 流程： 1.确认数据格式和协议：在进行API接口对接前，需要明确双方应用程序或系统的数据格 ......
vue 饼图模板，避免了文字被覆盖
<template> <div> <v-chart :forceFit="true" :height="height" :data="data" :scale="scale" :onClick="handleClick" :padding="['70', '0', 'auto', 'auto']"> ......
store文件夹 vue_vue-cli2使用store存储全局变量
1.引入store 安装引入vuex，在main.js里面： import store from './store' //store引入 new Vue({ el: '#app', router, store,//store引入 components: { App }, template: '' } ......
zabbix监控脚本01-磁盘监控一
1 基础说明 (1)配合的监控工具 zabbix (2)说明：此处的脚本直接使用的是linux下进程文件的数据做计算 (3)文件内容说明：/proc/pid/iorchar: 读出的总字节数，read或者pread()中的长度参数总和*pagecache中统计而来，不代表实际磁盘的读入)，累加计数w ......
vue事件修饰符
@click @click直接点击，会触发父元素事件 例如： <template> <div @click="parentClick"> <div @click="childClick" > 子界面 </div> </div> </template><script> export default { ......
VUE脚手架和创建文件
vue3是组合式开发什么是组合式？ 组合式 API (Composition API) 是一系列 API 的集合，使我们可以使用函数而不是声明选项的方式书写 Vue 组件。它是一个概括性的术语，涵盖了以下方面的 API： 响应式 API：例如 ref() 和 reactive()，使我们可以直接创建 ......
Vue05-Vuex
## 01. 什么是状态管理 在开发中，我们的应用程序需要处理各种各样的数据，这些数据需要保存在我们应用程序的某一个位置，对于这些数据的管理我们就称之为 **状态管理**。 > 在Vue开发中，我们使用组件化的开发方式： > > - 在组件中我们定义data或者在setup中返回使用的数据，这些数据 ......
VUE+FastAPI结合高德地图API做一个旅游推荐系统
> 最近一个月没有更新博客，去写了一个系统，包含前台和后台，还有后端的API。前后台使用VUE+高德地图API，后台使用FastAPI，实现了一些基本的功能。 ## 前台部分 因为我也是前端初学者，写的比较乱 #### 基础功能 - [x] 用户登陆注册功能 - [x] 搜索功能 - [x] 主页照 ......
vue+vite首页加载白屏解决
1.在html文件中增加过渡css动画，如下图所示，参考若依项目 在资源还没加载完成时，红框中的动画会进行运行，当资源加载完成后，路由会自动替换红框中的静态资源，增加用户体验。 2.vite开启gzip压缩，安装vite-plugin-compression，如下图在config文件中引入 impo ......