空格 源码app vue
vue ubuntu服务器配置
1.打包vue项目上传到服务器目录 /home/dhwww 没有权限，可以先上传到当前用户目录下，再copy到dhwww文件夹 2.安装Nginx sudo apt-get install nginx 3.配置Nginx 3.1 查看Nginx目录： root@VM-4-11-ubuntu:/hom ......
vue3教程（1 快速入门）
一、Vue 是什么？ Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的 JavaScript 渐进式框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、响应式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vu ......
# vue3 接入 Element Plus
vue3 接入 Element Plus vue3 发布已经很久了，官方也已经发布公告，自2023年12月31日起停止对 vue2 版本的维护更新，因此，vue3 正式登上了历史的舞台。组件库一直是前端开发的利器，减少了开发者开发复杂度，提高开发效率，在 vue2 中，最常使用的是 element- ......
【OpenCV】在MacOS上源码编译OpenCV
在做视觉任务时，我们经常会用到开源视觉库OpenCV，OpenCV是一个基于Apache2.0许可（开源）发行的跨平台计算机视觉和机器学习软件库，它具有C++，Python，Java和MATLAB接口，并支持Windows，Linux，Android和Mac OS。最近在项目中，我遇到了在MacOS... ......
配置中心Apollo源码分析
一、环境搭建 1、下载源码：https://gitee.com/apolloconfig/apollo.git 2、以1.8.2版本为例，切到1.8.2分支，scripts文件夹下有两个sql文件apolloconfigdb.sql，apolloportaldb.sql，放入数据库执行 3、配置启动 ......
VUE3_持久化
1. 安装 npm i pinia-plugin-persistedstate 2.将插件添加到pinia实例上 main.js文件 import { createApp } from 'vue'import { createPinia } from 'pinia'// 导入持久化插件import ......
Warning: [antd: Modal] Static function can not consume context like dynamic theme. Please use 'App' component instead.
react 的model.confirm报错，它意味着你在使用动态主题（Dynamic Theme）时不能在静态函数中使用上下文，需要使用contextHolder const [modal, contextHolder] = Modal.useModal(); React.useEffect(() ......
Vue 字符串的格式化填充
main.js // 字符串格式化 Vue.prototype.$stringFormat = function (formatted, ...args) { for (let i = 0; i < args.length; i++) { let regexp = new RegExp('\\{' ......
vue引入bootstrap <npm>
1 新建vue项目 已有跳过 npm create vue@latest 2 进入项目目录输入以下命令 npm i jquery npm i bootstrap 3 在main.js中引入 import 'jquery/dist/jquery.min' import 'bootstrap/dist/ ......
Vue——vue2监听元素style变化
前言 纯粹是为了偷懒，不想再安装swiper来渲染，直接改造下element-ui的走马灯，实现类似的效果，最主要的是后续会迭代到vue3，所以这里临时的实现下即可； 内容 元素绑定ref 给需要监听的元素添加ref，这里是ref="carouse" <div v-for="(nodes, inde ......
JUC源码学习系列02
ReentrantLock 学习 ReentrantLock 最特别的点在于他的可重入特性，允许同一个线程多次获得同一个锁，而不被阻塞. 内部维护了表示锁占用状态的 state 变量，当同一个线程来获取锁时，state 会+1 并 继续获得锁，依次达到锁可重入效果，同时若获取失败进入到 CLH 队列 ......
vue3（二）
1、ref标签 <template> <div class = "person"> <h1>China</h1> <h1>beijing</h1> <button @click="showLog">点击此处输出中文</button> </div> </template> <script lang = ......
JUC源码学习系列01
JUC 源码阅读 JUC 指的是 Java Util Concurrency，即 Java 工具包下的并发工具类库（Java Util Concurrency Utilities）。JUC 提供了一系列用于并发编程的工具类、接口和工具方法，帮助开发者更容易地实现多线程程序，并提供了更高级别、更灵活、 ......
drf之过滤排序源码、全局异常源码、认证，权限，频率源码分析、基于APIView编写分页
过滤排序源码 # 视图类中配置：filter_backends = [OrderingFilter] # 1 入口 》查询所有 》ListModelMixin 》list 》完成了过滤 # 2 ListModelMixin 》list的方法--》必须配合继承GenericAPIView class ......
macOS:给APP增加摄像头麦克风权限
目录前言解决目标搜索权限修改总结引用 前言 作为一名macOS系统下APP开发人员,最近几年一直在使用Qt做跨平台的APP开发. 某一天,在无任何征兆的情况下,QtCreater启动的调试程序突然就再也无法启动设备的摄像头和麦克风了,然后就一拖再拖没有处理 因为之前修了近一个月的陪产假,老婆给生了一 ......
Vue实现商品详情鼠标移动+放大显示图片细节
效果图 代码实现 <template> <div> <div style="position: relative;" class="box"> <img @mousemove="updatePositions" src="https://img.pddpic.com/gaudit-image/202 ......
# Vue3 使用路由 Router
Vue3 使用路由 Router 之前几篇博文说了一下 vue 的基本语法和 vue 的传参，今天这篇博文稍微说一下 vue3 里面使用路由。 介绍 众所周知，vue 是用来构建单页面应用的前端框架，大于大多数此类型应用来讲，都推荐使用官方支持的 vue Router，在单页面应用，客户端的 Jav ......
获取 app 内部的资源图片文件
一、获取Assets.car：https://www.jianshu.com/p/7710c68f38cf 首先 去Mac上的App Store下载Apple Configurator 2。 然后把iphone连接上Mac，点击Apple Configurator 2 菜单中->账户->登陆（用连接 ......
canvas 手写签名 vue3
<canvas ref='canvas' height="360" width="600"></canvas> <div class="signature"> <button class="re-sign" ref="clearBtn">重新签名</button> </div> <script se ......
最新四方支付平台源码(PHP版本，完全开源)提供第四方支付系统搭建服务。
经过本团队1年多的开发和内部测试。四方支付系统联众支付系统重磅上线。 内核：ThinkPhp 3.0 源码大小50M 平台基本功能：商家注册，商家后台。 开发文档和demo。 可以在后台对接多个三方支付通道。 部署环境要求：PHP5.3以上。 必须支持伪静态。 目前升级版本修改的bug： ※修改首页 ......
C#中的.net6 WebAPI + Vue3
ShoopingWeb没有控制器，普通api有控制器，ShoopingWeb是直达型，精简了很多中间代码，广泛适用于微服务架构 ShoopingWeb一切都在组控制台应用程序类【Program】上执行，也可以自由分类封装 namespace ShoopingWeb { public static c ......
vue-router动态路由 - 角色切换或退出登录时重置路由表
vue-router@4以上可以使用removeRoute()方法来移除. router.getRoutes().forEach(route => { // 这里还需要条件判断哪些是静态路由不需要移除 router.removeRoute(route.name); }); 但是vue-router@ ......
Linux—源码安装包管理
Linux源码安装包管理 1. 源码包基本概述 在linux环境下面安装源码包是比较常见的, 早期运维管理工作中，大部分软件都是通过源码安装的。那么安装一个源码包，是需要我们自己把源代码编译成二进制的可执行文件。 源码包的编译用到了linux系统里的编译器，通常源码包都是用C语言开发的，这也是因为C ......
vue3 搜索关键字变颜色
let inputNews = ref('')let element = ref('')// contentText 传入数组const seachNews = (contentText) => { // 循环数组 for (let j = 0; j < contentText.length; j+ ......
VUE3请求数据接口，将时间戳转换为时间案例
<template> <!-- ... 其他代码 ... --> <div class="w-full h-[250px] scroll_list text-[#fff] overflow-auto"> <div class="flex" v-for="(item, index) in state. ......
vue使用问题记录:父组件通过props传给子组件数据,后改变数据,要使用nextTick,否则修改滞后,可能造成bug
问题如标题所写 代码示例: 父组件: <template> <div class=""> <div class=""> <t-form ref="formData" :data="data.formData" colon label-width="100px" label-align="right" ......
node express+vue+html，后端+后台管理+官网线上部署
引言简介 遗憾：这里没有进行linux的mysql安装不完美，有空补全 1. node安装 安装nodejs参考地址： https://blog.csdn.net/cnds123321/article/details/121301089 报错 GLIBC_2.28 not found 这里安装的时候 ......
Rocketmq源码学习1——Rocketmq基础
1.什么是Rocketmq RocketMQ是一款开源的分布式消息中间件，由阿里巴巴团队最初开发，并于2016年贡献给Apache软件基金会，后成为Apache顶级项目。RocketMQ设计用于处理高并发、高吞吐量的场景，支持丰富的消息交互模式。 以下是RocketMQ的一些关键特性： 分布式架构： ......
vue2和vue3的区别有哪些
一、生命周期 vu3在组合式API（Composition API）中使用生命周期钩子时需要先引入，vue2在选项API（Options API）中可以直接调用生命周期钩子 //vue3 <script setup> import { onMounted } from 'vue' onMounted ......