源码extend vue
vue页面中展示markdown以及katex公式
场景 数据库中有markdown语法的字符串，需要展示为正常的页面，难点在于其中的katex数学公式 解决方式 使用showdown及其族系插件 npm i showdown npm i showdown-katex <template> <div class="msg" v-html="trans ......
spring-transaction源码分析(2)EnableTransactionManagement注解
概述(Java doc) 该注解开启spring的注解驱动事务管理功能，通常标注在@Configuration类上面用于开启命令式事务管理或响应式事务管理。 @Configuration @EnableTransactionManagement public class AppConfig { @B ......
spring-transaction源码分析(1)概述和事务传播级别
spring-tx概述 spring-tx包使用注解驱动和AOP通知将事务开启、提交/回滚、以及复杂的传播机制封装了起来，开发者不再需要编写事务管理的代码，而是可以只关注自己的业务逻辑。 本文将简单介绍spring-tx使用步骤以及七种事务传播级别。 后续文章会阅读源码，深入分析spring-tx ......
VUE常见问题，持续更新
最新接触VUE3，作为新手在使用TS语法时经常会遇到一些各种各样的问题，在些做个归纳。 1.直接引用 .json文件最报错 TS2732: Cannot find module '@/data.json'. Consider using '--resolveJsonModule' to import ......
Triton 源码初步研读
一、核心接口形态 def jit( fn: Optional[T] = None, *, version=None, do_not_specialize: Optional[Iterable[int]] = None, debug: Optional[bool] = None, ) -> Union ......
CyclicBarrier源码分析
1、CyclicBarrier的介绍 CyclicBarrier 被称为栅栏，允许一组线程相互等待，直到这一组线程都准备完毕，放行，程序方可继续执行。 就好像做摩天轮，游乐园规定，至少有9个游客乘坐摩天轮，管理员才可以启动摩天轮，游客数和管理员少一个条件，摩天轮都不会启动。 2、CyclicBarr ......
ConditionObject源码分析
ConditionObject是AbstractQueuedSynchronizer(AQS)实现的内部类，类图如下： 1、Condition接口 ConditionObject实现了Condition接口。先来看看Codition接口。 Codition中主要定义了挂起线程和唤醒线程的接口方法。C ......
java基于springboot+vue的校园新闻网站、校园新闻管理系统，附源码+数据库+文档+PPT，适合毕业设计
1、项目介绍 校园新闻网站的主要使用者分为管理员和用户，实现功能包括管理员：首页、个人中心、用户管理、新闻类型管理、校园新闻管理、留言板管理、论坛交流、系统管理，用户前台：首页、校园新闻、论坛交流、留言反馈、个人中心、后台管理等功能。由于本网站的功能模块设计比较全面，所以使得整个校园新闻网站信息管理 ......
Vue学习
vue第一个案例 vue.js 开发版本 vue.min.js 生产版本（压缩版） 第一个案例： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type=" ......
java基于springboot+vue的垃圾分类管理系统，附源码+文档+PPT+数据库
1、项目介绍 垃圾分类网站的主要使用者分为管理员和用户、垃圾分类管理员，实现功能包括管理员：首页、个人中心、用户管理、垃圾分类管理员管理、垃圾分类管理、垃圾类型管理、垃圾图谱管理、系统管理，垃圾分类管理员；首页、个人中心、用户管理、垃圾分类管理员管理、垃圾分类管理、垃圾类型管理、垃圾图谱管理，用户前 ......
vue naive ui 前端获取日期数据传递给后端
vue naive ui 前端获取日期数据传递给后端 设置日期选择器 1. 使用表单输入绑定的方法把用户选定的日期传递给data中的值 (检查数据是否更新的方法) 2. 返回给后端的时间格式 后端想要接收的格式为json,其中包括starttime endtime 和macid，并且时间格式为<cl ......
vue2和vue3父子组件生命周期的执行顺序
vue3的父子组件生命周期的执行顺序 father setup -> father onBeforeMount -> child setup -> child onBeforeMount -> child onMounted -> father onMounted vue2的父子组件生命周期的执行顺 ......
Vue框架中如何使用Baidu地图
1.安装 vue-baidu-map 依赖 npm install vue-baidu-map --Save 2.在Vue项目中src找到main.js进行引用 import BaiduMap from 'vue-baidu-map-v3' Vue.use(BaiduMap, { ak: '百度地图 ......
vue mock数据
这里使用的是fastmock，找到官网 这里声明了一个名称是test，基础路径是/api的接口 点击右侧的箭头进入。 界面右侧有一个蓝色的新增接口 按钮，点击一下。 输入接口内容，实例如下： 保存即可。 这时在前台 根地址+接口地址 就是完整的mock路径 ......
Vue2中 ?. 可选链式调用操作符
可选链运算符（?.）允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每个引用是否有效。?. 运算符的功能类似于 . 链式运算符，不同之处在于，在引用为空 (nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined。与函数调用 ......
MASA MinimalAPI源码解析：为什么我们只写了一个app.MapGet,却生成了三个接口
源码解析：为什么我们只写了一个app.MapGet,却生成了三个接口 1.ServiceBase 1.AutoMapRoute 源码如下： AutoMapRoute自动创建map路由，MinimalAPI会根据service中的方法，创建对应的api接口。 比如上文的一个方法： public asy ......
Vue el-form表单resetFields与clearValidate方法失效的三个坑
1.在el-form标签中 必须要绑定一个model，而且必须是:model，不能是v-model ，这个是element-ui那边规定2.prop属性需要和上述model绑定的对象里的字段完全一致3.调用方法是this.$refs["refName"].resetFields()，this.$re ......
Go源码阅读——github.com/medcl/esm
esm（An Elasticsearch Migration Tool）—— main.go https://github.com/medcl/esm 阅读源码，我没啥好方法和好习惯，唯 "莽 "。 一、main.go func main(){} // 该方法用于基于源索引的刷新设置来还原目标索引的 ......
vite+vue3+ts简单例子todolist
1、安装vite $ npm init vite@latest √ Project name: ... vue-el-admin √ Select a framework: » Vue √ Select a variant: » TypeScript Scaffolding project in D ......
Vue3项目（Vite+TS）使用Web Serial Api全记录
前言 之前写了一个vue+django的一个通过串口控制的上位机系统。但是实际生产中，不如部署到服务器上，这样可以更好的节约成本。但是这样就需要弄一个客户端来控制处理串口信息。那我就在想能不能通过网页直接拿到客户端的串口信息。所以问了万能的chatgpt，得到了以下答案： 是的，前端可以使用 Web ......
vue + docxtemplater实现将数据导出为word文档
###官方文档 https://docxtemplater.com/ ###博客 https://juejin.cn/post/7088221762965471269 ......
vue 二维码海报合并生成海报 组件
<!--vue海报二维码组件，只需传入背景图片文件的URL 和二维码图片文件的URL --><template> <div> <div @click="guanbi" v-if="isShowPoster"> <div class="poster-wrapper" v-if="!imgSrc"> < ......
【Vue】vue3 vue-pdf-embed 实现pdf预览、缩放、拖拽、旋转和左侧菜单选择
实际效果 安装插件 pnpm install vue-pdf-embed pnpm install vue3-pdfjs 左侧pdf菜单组件 <template> <div class="pdf-view-list"> <div class="item active-item" v-for="(it ......
Vue3 开发必备的 VSCode 插件
分享 6 个 Vue3 开发必备的 VSCode 插件，可以直接用过 VSCode 的插件中心直接安装使用。 1、Volar 相信使用 VSCode 开发 Vue2 的同学一定对 Vetur 插件不会陌生，作为 Vue2 配套的 VSCode 插件，它的主要作用是对 Vue 单文件组件提供高亮、语法 ......
Fart脱壳-源码分析
源码分析 首先看java代码,在APP启动时候反射了DexFile.java中三个方法,分别是 getClassNameList defineClassNative dumpMethodCode 其中前面两个方法是android自带的,dumpMethodCode方法是fart自己添加的 // fr ......
Vue3搭建脚手架
一、安装Vue3脚手架 在此之前需要把Node.js环境安装好 如果之前安装了2.0的脚手架，需要把它卸载掉，在控制台执行npm uninstall vue-cli -g 进行全局卸载 然后执行命令 npm install @vue/cli -g 下载vue3的脚手架 二、项目搭建 1、 创建一个新 ......
Vue3搭建脚手架时提示 Error: command failed: npm install --loglevel error --legacy-peer-deps
一、前言 使用Vue3搭建脚手架，就在快成功的时候报了个错误 Error: command failed: npm install --loglevel error --legacy-peer-deps 大致报错内容是： 您的操作系统拒绝了该操作。 该文件可能已被使用（由文本编辑器或防病毒软件使用） ......
直播app源码，根据页面滚动高亮显示目录的侧边栏
直播app源码，根据页面滚动高亮显示目录的侧边栏 父组件代码如下（示例）： <template> <div class="demo"> <div class="container" style=" " v-for="item in navLists" :key="item">{{item}}</di ......
直播平台制作，vue el-dropdown下拉框单选有对钩高亮
直播平台制作，vue el-dropdown下拉框单选有对钩高亮 <template> <div> <div class="selected"></div> <el-dropdown style=" cursor: pointer; font-weight: 500; font-size: 16px ......
前端开发环境搭建--vue
1、安装node.js http://nodejs.cn/download 检查是否安装成功 node -v 使用如下语句解决 npm 速度慢的问题 npm install --registry=https://registry.npm.taobao.org 2、安装vue-cli npm inst ......