源码extend vue

源码补丁神器—patch-package

一、背景 vue项目中使用 vue-pdf 第三方插件预览pdf,书写业务代码完美运行,pdf文件内容正常预览无问题。后期需求有变,业务需求增加电子签章功能。这个时候pdf文件的内容可以显示出来,但是公司的电子签章无法显示。这令人沮丧,因为已经编写了许多特定于此依赖项的代码,如果替换依赖库,这些代码 ......
神器 patch-package 源码 补丁 package

SpringBoot:整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行

获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包,生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
SpringBoot 前端 代码 项目 React

vue2中 watch和computed的区别

计算属性(Computed): computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时,才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的,不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法,可以更灵 ......
computed watch vue2 vue

重学Vue之 死磕原理

学习一个技术,最好的入手是从一个问题开始, 问:为什么这个Vue代码在created()或mounted()执行完查询后,此时的transactionList还是undefined呢? <template> {{transactionList}} <div v-for="(v,k,i) in tra ......
原理 Vue

vue2添加反向代理解决跨域问题

编辑项目的vue.config.js 文件 devServer: { proxy: { '/api': { target: 'http://127.0.0.1:5000', // 反代地址 changeOrigin: true, pathRewrite: { '^/api': '' // 重写路径 ......
问题 vue2 vue

使用命令行创建vue3+Typescript的uni-app

目录创建项目扩展组件uni-ui安装配置easycom安装pinia报vue.hasInjectionContext is not a function 更具该文档创建好的模板:GitHub仓库地址,克隆下来安装依赖即可 创建项目 官方文档--创建uni-app 以创建vue3+ Typescrip ......
Typescript 命令 uni-app vue3 vue

vue插件

介绍​ 插件 (Plugins) 是一种能为 Vue 添加全局功能的工具代码。下面是如何安装一个插件的示例 import { createApp } from 'vue' const app = createApp({}) app.use(myPlugin, { /* 可选的选项 */ }) 一个插 ......
插件 vue

ThreadPoolExecutor源码学习

Java构建线程的方式 集成Thread 实现Runnable 实现CallAble 线程池方式 Java提供了Executors创建(不推荐,不方便进行控制) 推荐手动创建线程池ThreadPoolExecutor。 ThreadPoolExecutor参数 int corePoolSize 核心 ......
ThreadPoolExecutor 源码

# ReentrantLock源码阅读

ReentrantLock源码阅读 目录ReentrantLock源码阅读简介例子代码分析Sync.tryLockSync.initialTryLockSync.lockSync.tryReleaseNonFairSync.initialTryLockNonFairSync.tryAcquireFa ......
ReentrantLock 源码

【C语言数据结构】对Lua Table源码的一次劣质学习

/* new_key */ KLcBool KLcmCreateMapKeyValue(KLCMAP_PTR pTag, KLCTVALUE_PTR pKv) { KLcBool kbRet = KL_FALSE; KLcBool kbIsKvLegal = KL_FALSE; DWORD dwIn ......
数据结构 源码 语言 结构 数据

vue解决跨域问题

1、什么是跨域 跨域问题的出现是因为浏览器的同源策略问题,同源是指 两个页面具有相同的 协议+主机+端口号,它是浏览器最核心也是最基本的功能。如果没有同源策略浏览器将会十分的不安全。 2、如何解决跨域问题 1)使用jsonp 2)使用jquery ajax 3)在vue开发中实现跨域,通过在devS ......
问题 vue

Java线程池ThreadPoolExecutor源码解析

Java线程池ThreadPoolExecutor源码解析 1.ThreadPoolExecutor的构造实现 以jdk8为准,常说线程池有七大参数,通常而言,有四个参数是比较重要的 public ThreadPoolExecutor(int corePoolSize, int maximumPoo ......
ThreadPoolExecutor 线程 源码 Java

vue2 自定义插件

自定义插件的基本使用: let MyPlugin = {}; MyPlugin.install = function (Vue, options) { // 1. 添加全局方法或 property Vue.myGlobalMethod = function () { // 逻辑... } // 2. ......
插件 vue2 vue

海康威视WebSDK_V3.3.0 集成vue2项目避坑+解决方案

最近新需求项目集成WebSDK_V3.3.0的视频插件,开发过程中遇到了一些问题,如下: 无法正确引入插件/InitPlugin报错 使用文档中写的I_DestroyPlugin报错并且再次Init插件后 无法正常播放,报错如下: 如果你也有类似问题请往下看 首先 开发包如下: 1.无法正确引入插件 ......
WebSDK_V 解决方案 方案 项目 WebSDK

vue项目中使用tinymce富文本编辑器实现图片上传/粘贴格式

前言最近因为公司项目的后台管理端需要实现编辑器功能, 一方面满足编辑各类文章内容需求,另一方面要自己编辑一些课程相关的介绍,于是就花了一些时间对比体验现有的一些开源的编辑器。 编辑器之间的简单比较UEditor:基本满足各种需求,依赖于jquery但是已经不再维护了,实现上传图片等需要修改源码,界面 ......
编辑器 文本 tinymce 格式 项目

vue2学习按钮点击(转载)

Vue2学习笔记:v-on Vue的事件: v-on: click/mouseover/mouseover/mousedown/dbclick/... 下面是点击事件介绍: 1.点击事件 <!DOCTYPE html> <html> <head> <title></title> <meta char ......
按钮 vue2 vue

Vue-Cli脚手架

1.搭建Vue-Cli脚手架 1.1.安装npm NPM(node package manager)是随同node.js一起安装的包管理工具,能解决前端代码部署上的很多问题,常见的使用场景有以下几种: 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写 ......
脚手架 Vue-Cli Vue Cli

vue-element-admin-master 代码解释 带注释——main.js

// 引入vue import Vue from 'vue' // 映入js-cookie // 是用来操作cookie 后端返回的token就存储在cookie中 import Cookies from 'js-cookie' // 引入重置样式 import 'normalize.css/nor ......

vite+vue3 打包后页面空白现象

使用vite打包之后运行index.html空白,打开控制台发现报错: 解决方法: 在vite.config中加入: publicPath: './', 这是vite.config中的结构: export default defineConfig({ publicPath: './', lintOn ......
空白 现象 页面 vite vue3

AbstractQueuedSynchronizer源码阅读

AbstractQueuedSynchronizer源码阅读 目录AbstractQueuedSynchronizer源码阅读例子Overview-CLH锁Overview的剩余内容代码分析cleanQueueacquireacquire总结acquire共享模式补充release内部类Condit ......
AbstractQueuedSynchronizer 源码

vue3横向时间轴展示

架子是用的vue3+element Plus, 要用到时间轴展示,但element组件只有竖着的,想要横着的,找了一圈没有合适的,终于找到个合适的,文章原址 https://blog.csdn.net/m0_62949703/article/details/127800712 数据结构: { dat ......
横向 时间 vue3 vue

解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等

总得说来报这种Error: Can't resolve+模块名字的错误,一般就只有两种原因:一、少了这个包(直接安装:pnpm add -D 模块名字@版本),二、有这个包,但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上,该降级的时候降级,降级一般先 ......
resolve loader Error 前端 cache-loader

# vue 预览 pdf、word、excel

vue 预览 pdf、word、excel 这是之前做项目的时候涉及到的一个功能,当时做了之后就一直没有整理,其实也很简单,功能不多,只是预览,没有在线编辑的功能,所以呢,啊哈哈哈哈哈,一个插件就可以了。 预览 pdf 预览 pdf 我是用的这个插件,直接运行一下命令就可以了: npm instal ......
excel word vue pdf

vue+go实现注册功能

<!DOCTYPE html><html><head> <meta charset="utf8"> <style> .container { width: 400px; margin: 0 auto; padding: 20px; border: 1px solid #ccc; border-rad ......
功能 vue go

ThreadLocal底层源码解析

ThreadLocal底层源码解析 ThreadLocal:顾名思义的意思是本地线程或者局部线程的意思,其真正含义是希望多个线程之间拥有自己的局部变量,多个线程间拥有自己的私人变量,在多线程间不被共享,被线程单独享用,这就是ThreadLocal设计之初的原衷 因此,无论是操作系统级别还是编程语言中 ......
底层 ThreadLocal 源码

openjdk源码-java是如何执行shell命令的

一般我们在java中调用shell脚本的方式如下 public int executeLinuxCmd(String cmd) { LOGGER.info("cmd:{}", cmd); Runtime run = Runtime.getRuntime(); try { Process proces ......
源码 命令 openjdk shell java

Vue3+TS+Vite中 vConsole 插件的使用

vConsole 一个轻量、可拓展、针对手机网页的前端开发者调试面板。 vConsole 是框架无关的,可以在 Vue、React 或其他任何框架中使用。 现在 vConsole 是微信小程序的官方调试工具。 https://gitee.com/Tencent/vConsole/ 平时在web应用开 ......
插件 vConsole Vue3 Vite Vue

vue3 elementplus 表格表头过长 三个点显示

vue3:const renderHeaderMethods = ({ column }) => { return createVNode( resolveComponent('el-tooltip'), { effect: 'dark', content: column.label, placem ......
表头 elementplus 表格 三个 vue3

大语言模型生成模型的源码结构复习

modeling_gpt2.py:1099 if labels is not None: # move labels to correct device to enable model parallelism labels = labels.to(lm_logits.device) # Shift ......
模型 源码 语言 结构

nginx部署vue编译项目刷新页面404

原因:nginx配置错误。 因为vue打包输出的是单页网页应用,只有一个index.html入口,其他路径是由前端路由去跳转的,服务器目录下没有对应物理路径,所以就会报404。 这样的nginx配置会出现该问题。 location / { alias /home/vue/dist/; index i ......
页面 项目 nginx 404 vue