事项vue cli 01
SpringBoot+vue+Axios实现Token令牌
前后端Token实现 目录前后端Token实现认识TokenJWT组成HeaderPayloadSignatureJWT简单使用创建JWT解析JWT常见异常后端Maven依赖封装JWT工具获取并响应Token拦截器验证Token前端登录+存储Token前端拦截器 认识Token 对Token有了解可 ......
Vue ref和refs获取dom组件
一般情况下通过正常的查找dom元素的方法是查找整个页面的，加上ref就可以把查找范围控制在当前组件中 ： 结合前面讲的父子组件通信， 使用ref去调用组件的方法去获取设置数据不就更方便吗？ ......
How to fix TypeScript tsc CLI option --jsx errors All In One
error TS6142: Module '' was resolved to '/index.tsx', but '--jsx' is not set.
error TS5023: Unknown compiler option '--jsx=react'.
......
Vue3| 组合式API——computed 计算属性函数
计算属性基本思想和 Vue2 的完全一致，组合式 API 下的计算属性只是修改了写法 核心步骤： 1. 导入 computed 函数 <script setup> import { computed } from 'vue' </script> 2. 执行函数 在回调参数中 return 基于响应式 ......
Vue3| 组合式API——reactive 和 ref 函数
Vue中默认的数据并不是响应式的，如果我们希望数据是响应式的，则需要通过 reactive 或者 ref 进行处理。 reactive ()： 作用：接收 对象类型的数据作为参数传入 并返回一个 响应式对象 reactive 不能处理简单类型的数据 reactive 使用步骤： 1. 在 <scri ......
Vue3| 组合式 API——setup 选项
组合式 API：一系列函数，有时需要调用这些函数编写组件逻辑。 setup 是组合式 API 的入口，先写 setup，才能往里边写组合式 API 的函数 setup 的执行时机会比 beforeCreate 生命周期钩子还要早，因此 setup 函数中获取不到 this setup 选项的写法：（ ......
vue项目中上传文件失败记录
页面请求报【Failed to load resource: net::ERR_CONNECTION_ABORTED】错误，查了下是文件过大导致上传失败，element-ui本身没有大小限制，最后排查是Nginx默认是上传一个不能超过1M大小的文件 # 设置客户端传文件通过nginx大小 clien ......
Vue3 - watch 监听路由状态变化切换下一个页面 watch 函数还在执行
描述 你可能会通过 watch 函数监听路由变化，当路由参数发生变化之后，重新调用 fetchData 获取数据渲染页面。即，同路由页面切换。 但是，遇到了 A 页面切换到 B 页面时，A 页面的 watch 会被触发，导致报错。这是因为进入其他页面之前，你没有清除这个 watch 监听。 虽然随着 ......
CODING 界面全新升级，代码仓库 Rebase 变基合并、批量复制事项等功能上线！
点击链接了解详情 金秋十月，腾讯云 CODING DevOps 焕新上线！本次更新，我们不仅推出了全新的用户界面，还推出了一系列重磅产品能力，满足广大用户的日常研发与协作所需。 以下是 CODING 新功能速递，快来看看是否有您期待已久的功能特性： 01 CODING 界面焕新上线，“效率”+“体验 ......
Vue3| create-vue 脚手架工具
create-vue 是 Vue 官方新的脚手架工具，底层切换到了 vite（下一代构建工具），为开发提供极速响应 使用 create-vue 创建项目： 1. 前提环境条件： 已安装 16.0 或更高版本的 Node.js（node -v） 2. 创建一个 Vue 应用：npm init vue ......
数据分析-数据可视化-matplotlib-01
matplotlib基本函数 2.2.1 函数调用：pyplot、pylab¶ pylot: 创建画板、示例图 pylab: 结合pyplot和numpy函数的调用，功能比较复杂，不建议使用 2.2.2 创建画板(操作对象)¶ plt.figure,设置图形大小，返回figure画板对象 plt.s ......
【前端开发】vue3+vite项目部分优化
1、使用rollup-plugin-visualizer 可视化分析包 npm i rollup-plugin-visualizer -S 在vite.config.js中引入 在 plugins里面 然后执行npm run build就自动打开可视化分析 2 、 CDN加速 在vite.confi ......
vue实例挂载以及模板解析过程
抽空看了下vue源码，记录下new Vue()的过程。 在package.json中运行命令添加sourcemap,打包后在源码案例目录下创建新的html文件，运行后可以在控制台断点调试 测试代码 <script src="../../dist/vue.js"></script> <div id=" ......
vue实现高亮搜索查询加上下箭头移动定位的功能
在文档中查找 {{ num 0 ? "没有任何结果" : indexNum + 1 + "/" + num }} 上一个 下一个 < > --> <ul class="left-tools"> <li class="title">钢联数据智能版帮助手册</li> <li v-for="item in ......
三个ssh连接工具finalshell,windterm,mobaxterm使用体验对比及注意事项
可能现在用的比较多的是xshell吧,但鉴于之前收费而且不开源,所以一直没用过,现在用的这三个都是开源(或部分开源)的产品,下面说一下用下来的个人体检: 1.finalshell 官网:FinalShell官网 国产,开源,开发语言为Java,所以跨平台,开源协议是GPLv2 总体用户操作体验是不错 ......
vue2/3 防抖
//vue2 optionsAPI data:{ timeout:null }, methods:{ debounceFn(val){ if(this.timeout !== null){ clearTimeout(this.timeout); } this.timeout = setTimeout ......
Java基础01
Java基础01 什么是程序 程序 程序执行某些操作或解决某个问题而编写的一系列有序指令的集合 Java重要特点 Java语言是面向对象的（oop） Java语言是健壮的 Java的强类型机制、异常处理、垃圾的自动收集等是Java程序健壮性的重要保证 Java语言是跨平台性 Java语言是解释型的 ......
宝塔部署Java+Vue前后端分离项目
1. 购买服务器 服务器选择Linux的CentOS7的版本 2. 宝塔Linux面板 2.1 百度搜索宝塔 2.2 进去之后点击立即免费安装 2.3 选择Linux在线安装，输入服务器信息进行安装(也可以选择其他方式) 安装完成之后会弹一个宝塔的应用面板，并附带有登录名称和密码，这个要自己记下来的 ......
使用vue在移动端显示树状多选功能
最近的项目要求是做一个树状的多选功能，然而该项目是使用vant4作为前端的框架，vant4只有树状单选，没有多选的，那只能自己写一个了。 借鉴博主 https://blog.csdn.net/m0_68428581/article/details/130641982， 我将他的代码转成了vue3的语 ......
Android WebRTC 编译注意事项
Android WebRTC 编译注意事项 说明 文主要适用于需要从外部C++文件调用WebRTC C++接口的场景 本文对应的源码基于m111分支，高版本的也可以参考 Android平台用默认参数编译Android WebRTC存在的主要问题 RTTI 默认未开启 C++库默认使用了webrtc内 ......
01-SDK分析
目录一. 驱动部分函数含义和用法1. gpio部分函数定义和用法2. keyboard部分函数定义和用法二. app部分函数含义和用法1. sleep部分函数定义和用法三. 疑问点1. 变量问题: 一. 驱动部分函数含义和用法 1. gpio部分函数定义和用法 2. keyboard部分函数定义和用 ......
在vue中使用XLSX库实现Excel的导入导出
XLSX库是个十分强大的利用前端js处理excel文档的库，官网：https://www.sheetjs.com/ vue中安装即使用： 安装 pnpm install xlsx pnpm install xlsx-style-hzx //设置边框与格式用 使用 <div @click="expor ......
Vue学习笔记（十）：全局事件总线
之前博客中介绍了prop和调用事件的方式在父-子组件之间进行数据，这种方式在只有一层嵌套层时可以使用，但是路过存在多层嵌套，多层多个“兄弟”组件之间传递数据，就非常麻烦。对此，vue中提供了一种全局事件总线机制，数据传递是通过一个空的Vue实例作为中央事件总线，通过它来触发事件和监听事件，可以实现几... ......
ConfigureAwait(false) 原理以及注意事项总结
解决什么问题？ 1、避免线程死锁 2、可能的性能提升 存在的问题： 1、当代码在另一个线程上继续时，线程同步上下文将丢失,因为状态机改变。这里最大的损失是你会失去归属于线程的Culture和Language，其中包含了国家语言时区信息，以及来自原始线程的HttpContext.Current之类的信 ......
idea 中无法连接 sql server 数据库，报错 [08S01] 驱动程序无法通过使用安全套接字层(SSL)加密与 SQL Server 建立安全连接
报的错误信息如下： [08S01] 驱动程序无法通过使用安全套接字层(SSL)加密与 SQL Server 建立安全连接。错误:“PKIX path building failed: sun.security.provider.certpath.SunCertPathBuilderException ......
vue el-select/el-cascader获取选中的对象label值
1.el-select获取选中对象label值 <el-form-item label="车辆配置" prop="sales_name"> <el-select v-if="!showSaleNameInput" v-model="form.sales_name" clearable ref="it ......
Vue监听路由的变化
方式一：watch监听 通过watch监听，当路由发生变化的时候执行 watch:{ $route(to,from){ console.log(to.path); } }, // 或者 watch: { $route: { handler: function(val, oldVal){ consol ......
Slackware-Based Porteus Linux 5.01 正式发布，搭载 Linux Kernel 6.5
导读 此版本还配备了最新的 LXQt 1.3 桌面环境以及一个用于将 xz 模块转换为 zstd 的新脚本。 Porteus Linux 团队 宣布 作为 Slackware Linux 基础的便携 GNU/Linux 发行版的去年 Porteus 5.0 版本的次要更新，发布了 Porteus L ......