devtools浏览器edge vue

【vue3】实现el-tree组件

禾小毅 csdn博客 【vue3】实现el-tree组件,将不同层级的箭头修改成自定义图标的组件封装及调用 【vue3】实现简易的 “百度网盘” 文件夹的组件封装实现 【vue3】 实现 公共搜索组件,在当前页搜索的路由跳转不能改变当前值的操作,使用bus / event-emitter 派发器 ......
组件 el-tree vue3 tree vue

vue前端预览pdf并加水印、ofd文件,控制打印、下载、另存,vue-pdf的使用方法以及在开发中所踩过的坑合集

> **根据公司的实际项目需求,要求实现对pdf和ofd文件的预览,并且需要限制用户是否可以下载、打印、另存pdf、ofd文件,如果该用户可以打印、下载需要控制每个用户的下载次数以及可打印的次数。正常的预览pdf很简单,直接调用浏览器的预览就可以而且功能也比较全,但是一涉及到禁止用户打印、另存的话就 ......
水印 前端 使用方法 vue pdf

vue WebUploader 分块上传

​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na ......
WebUploader vue

vue 视频隐藏controls功能按钮

/*video默认全屏按钮*/ video::-webkit-media-controls-fullscreen-button{ display: none !important; } /*video默认aduio音量按钮*/ video::-webkit-media-controls-mute-b ......
按钮 controls 功能 视频 vue

vue devtools安装及使用

(1)chrome商店下载 进入浏览器的设置: ![](https://img2023.cnblogs.com/blog/1599580/202306/1599580-20230621133531522-1556945130.png) ![](https://img2023.cnblogs.com/ ......
devtools vue

IDEA 取消右上角 Firefox(火狐)、Chrome(谷歌)、Edge的图标一直闪烁!

IDEA 取消右上角 Firefox(火狐)、Chrome(谷歌)、Edge的图标一直闪烁, File > Settings > Tools > Web Browsers and Preview ,去掉 三个浏览器的对勾即可! ......
火狐 图标 Firefox Chrome IDEA

vue项目主题切换参考

1.https://blog.csdn.net/czc1997/article/details/126171541 2.https://www.jb51.net/article/272615.htm 3.https://www.jb51.net/article/213871.htm 4.https: ......
项目 主题 vue

关于vite创建vue3项目@代替src失效的问题

用vite创建的vue3项目,用@来代替src不生效。报错:[vite] Internal server error: Failed to resolve import "@/views/xxxxxxxxxxxxx" from "src\views\dashboard\index.vue". Doe ......
项目 问题 vite vue3 src

vue3+vite+TS搭建项目

## 安装 npm安装方式 ```shell npm init vue@latest ``` pnpm安装方式(二选一) ```shell pnpm create vue@latest ``` 然后设置项目名称,接着选择自己需要的配置,安装完成 ......
项目 vue3 vite vue TS

每天一个小知识:你了解浏览器的事件循环吗

1.你了解浏览器的事件循环吗? 1.1 为什么js在浏览器中有时间循环机制?JS是单线程的even loop 实现了XXXX1.2 你了解事件循环中有两种任务吗?宏任务和微任务1.2.1 什么是宏任务什么是微任务都是做什么的宏任务:整体代码,setTimeout,setInterval,微任务:ne ......
浏览器 事件 知识

Electron Vue Vite 开发桌面应用

## 我需要使用Electron, VUE3, Vite 开发一个桌面应用,接收来自串口的数据,并使用Plotly绘制随时间变化的曲线,请提供开发步骤,项目文件结构 好的,以下是一个基本的 Electron + Vue3 + Vite 应用的开发步骤: 确保您已经安装了 Node.js 和 npm。 ......
Electron 桌面 Vite Vue

vue使用vue-seamless-scroll自动滚动插件

首先运行命令npm install vue-seamless-scroll --savetemplate: <div class="publicNotification" @click="toDetail($event)"> <vue-seamless-scroll :class-option="p ......

2023-06-21 vue 变量赋值失败

直接看代码: // 获取屏幕高度 uni.getSystemInfo({ success: function (res) { this.screHeight = res.screenHeight; } }); 这个变量screHeight没有被赋值,拿到的还是我设置的初始值。 原因:this指向的作 ......
变量 2023 vue 06 21

前端Vue自定义列表表格信息展示可用于商品规格参数展示

#### 前端Vue自定义列表表格信息展示可用于商品规格参数展示 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13131 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
前端 表格 规格 参数 商品

前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用

#### 前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用, 下载完整代码请访问uni-app插件市场地址:[https://ext.dcloud.net.cn/plugin?id=13128](https://ext.dcloud.net.cn/plugin?id=13119) # ......
前端 顶部 历史 Vue

浏览器控制台保存json

先定义以下函数,然后使用console.save()来保存 ``` (function (console) { console.save = function (data, filename) { let MIME_TYPE = "text/json"; if (!data) return; if ......
控制台 浏览器 json

解决浏览器的中文乱码

在web-inf里面找到web.xml文件<filter> <filter-name>characterEncodingFilter</filter-name> <filter-class>org.springframework.web.filter.CharacterEncodingFilter< ......
乱码 浏览器

vue组件-在组件中定义methods方法

```html 这是用户自定义的Test.vue {{ username }} 修改用户名 ``` ......
组件 methods 方法 vue

vue-cli-组件的三个组成部分

# vue组件的三个组成部分 每个.vue组件都由3部分构成,分别是: - `template`->组件的`模块结构` - `script`->组件的`JavaScript行为` - `style`->组件的`样式` ```vue 这是用户自定义的Test.vue {{ title }} ``` ......
组成部分 组件 三个 vue-cli 部分

vue-cli-了解vue项目运行的过程

# vue项目的运行流程 在工程化的项目中,vue要做的事情很简单:通过`main.js`把`App.vue`渲染到`index.html`的指定区域中。 ```JS // 导入vue这个包,得到Vue构造函数 import Vue from 'vue' // 导入App.vue根组件,将来要把Ap ......
vue 过程 vue-cli 项目 cli

基于springboot+vue的药房管理系统、药店管理系统,附源码+数据库+论文+PPT,适合课程设计、毕业设计

**1、项目介绍** 本文主要面向逍遥大药房管理中出现的一些常见问题,将其与计算机管理系统结合起来。通过这个系统,管理员可以更加方便的管理逍遥大药房信息;可以清楚的了解逍遥大药房信息管理情况;以管理员登录系统,通过首页,个人中心,用户管理,保健品分类管理,药品分类管理,药品信息管理,疫情常识管理,保 ......

vue 鼠标移入移除

移入: mouseover和mouseenter最本质的区别是:mouseover支持事件冒泡,mouseenter不支持事件冒泡。移除:mouseleave 仅在指针离开元素时被触发,不冒泡;而 mouseout 在指针离开元素或进入该元素的子元素时均会被触发 ......
鼠标 vue

基于原子能力的浏览器扩展程序开发

原文合集地址如下,有需要的朋友可以关注 [本文地址](https://mp.weixin.qq.com/s?__biz=MzI5MjY4OTQ2Nw==&mid=2247484222&idx=1&sn=7ae7b276f54b9e441078489ed9057e42&chksm=ec7cc06adb ......
原子 程序开发 浏览器 能力 程序

vue3+vite 动态引用静态资源,动态引入assets文件夹图片的几种方式

可以参考这个回答,亲测有用 https://blog.csdn.net/weixin_43743175/article/details/125892613 ......
动态 静态 文件夹 方式 文件

vue2,vue3新建项目的方法

npm 创建 只能创建最新的vue3(会引导你添加需要的组件) npm init vue@latest vue-cli 命令行创建(可以选择vue2还是vue3,但是创建出来的是一个空的vue) vue create hello-world vue-cli 可视化创建(可以新建项目,也可以给项目添加 ......
vue 方法 项目 vue2 vue3

vue2调用摄像头拍照并识别二维码

参考: https://blog.csdn.net/qq_33270001/article/details/124632110 https://www.cnblogs.com/skylineStar/p/16149694.html 图像解二维码:qrcode-decoder 摄像头需要在本地和ssl ......
摄像头 vue2 vue

2023-06-20 uniapp 使用插件 uni-data-picker 报错:[Vue warn]: Error in nextTick: "TypeError: db.collection is not a function"

前言:项目中引用了uni-data-picker插件,其官方代码如下: <uni-data-picker placeholder="请选择地址" popup-title="请选择城市" c ollection="opendb-city-china" field="code as value, nam ......

wordpress插件:用meow Lightbox对图片放大浏览(wordpress 6.2)

一,安装插件 在插件中搜索 meow,选择 Meow Lightbox,点立即安装 安装完成后点 启用 按钮 二,测试效果 说明:刘宏缔的架构森林—专注it技术的博客,网站:https://blog.imgtouch.com原文: https://blog.imgtouch.com/index.ph ......
wordpress 插件 Lightbox 图片 meow

vue3和ts的一些使用

### 一. setup 变量不在写在data里面, 反而在setup内写。 ``` ``` ***ps:*** 1. 使用ref定义字符串,数组等变量值; 2. 变量赋值需要使用.value; ### 二. reactive ``` ``` ***ps*** 1. reactive 接收对象。 2 ......
vue3 vue

Carbonyl 运行在终端里的浏览器

运行在终端里的浏览器。这是一款基于 Chromium 的命令行浏览器,可以在终端里用浏览器的方式访问网页,支持图片、动图、视频、音频等内容。 ``` sudo docker run --rm -ti fathyb/carbonyl http://www.cnblogs.com ``` enjoy.. ......
终端 Carbonyl 浏览器