样式 组件scoped vue

vue 使用document.execCommand失效

document.execCommand 当一个 HTML 文档切换到设计模式时,document暴露 execCommand 方法,该方法允许运行命令来操纵可编辑内容区域的元素。 大多数命令影响document的 selection(粗体,斜体等),当其他命令插入新元素(添加链接)或影响整行(缩进 ......
execCommand document vue

Vue 中处理跨层级组件通信

highlight: a11y-dark 对于A-B-C三个依此嵌套的组件,现在想把A的数据传递给C,C的事件被A捕获,可以这么实现: ![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51598dfe939b4099b4e ......
层级 组件 Vue

vite+vue3+minio

之前h5用的minio上传文件,现在web端也需要用这个,但h5是用的vue2, web用的vue3,就出现了一些问题 架子是用的vite搭建的,但vite不支持require导入。用import的话minio不支持import引入,也会报错 一. 用vue2搭个项目,将minio通过require ......
minio vite vue3 vue

vue 组件分享

应用场景是tab切换,上方显示五个标题,下方区域显示各模块内容 分享的原因是这个写法简介 父组件如下: <template> <Tabs v-model="selected" @on-click="change_item"> <TabPane v-for="item in list_tab" :ke ......
组件 vue

界面控件DevExtreme v23.1新版亮点 - 全新的DateRangeBox组件

DevExtreme拥有高性能的HTML5 / JavaScript小部件集合,使您可以利用现代Web开发堆栈(包括React,Angular,ASP.NET Core,jQuery,Knockout等)构建交互式的Web应用程序。从Angular和Reac,到ASP.NET Core或Vue,De ......
控件 DateRangeBox DevExtreme 组件 亮点

【微服务学习-- 组件】 熔断器Hystrix

一、什么是Hystrix 由于在我们访问页面时,可能会通过服务注册中心,用一个服务去调用另外一个服务,但是可能由于网络原因或者超时访问等情况,导致一个或者一些服务堆积,这样就可能会导致其他服务受到影响甚至崩溃,这种导致服务堆积的现象就被称为雪崩。 为了避免雪崩,Nestrix公司引入了一款防雪崩利器 ......
熔断器 组件 Hystrix

vue3使用component作为切换页面

文档 https://cn.vuejs.org/guide/essentials/component-basics.html#defining-a- <script setup> import Home from './Home.vue' import Posts from './Posts.vue ......
component 页面 vue3 vue

Tauri-Admin通用后台管理系统|tauri+vue3+pinia桌面端后台EXE

基于tauri+vite4+pinia2跨端后台管理系统应用实例TauriAdmin。 tauri-admin 基于最新跨端技术 Tauri Rust webview2 整合 Vite4 构建桌面端通用后台管理解决方案。搭载轻量级ve-plus组件库、支持多窗口切换管理、vue-i18n多语言包、动 ......

前端Vuer,请收好这份《Vue组件单元测试》宝典,给自己多一些安全感

大家好,我是 Kagol。 作为一名前端,在做业务开发的过程中,你是否曾经: - 因为担心上线之后出bug,而反复手工验证自己负责的模块 - 不敢修改现有的“屎山”(别人写的或者是自己1年前写的)代码,从而不断地编写if/else - 发现业务中有很多重复的代码,每次一改好多地方都要改,但又不敢... ......
前端 安全感 组件 单元 宝典

vue配置https

const path = require('path'); const fs = require('fs'); const https = require('https'); const options = { key: fs.readFileSync(path.join(__dirname, '. ......
https vue

Vue项目配置Https双向认证

访问双向认证的Https接口 本地运行设置 修改webpack配置 js const fs = require('fs') const options = { //客户端密钥 key: fs.readFileSync(path.join(__dirname, '../ca/key.pem')), / ......
双向 项目 Https Vue

Vue基础

### 创建实例 ```html {{ msg }} ``` ### 插值表达式 含义:vue的一种模板语法 作用:利用表达式进行插值渲染 语法:{{表达式}} 注意: 1. 使用的数据要存在 2. 支持的是表达式,不是语句if for 3. 不能在标签属性使用{{ }} ### 响应式特性 响应式 ......
基础 Vue

vue中视频播放组件的安装

1. 在terminal中输入 cnpm install vue-video-player 2. 安装完成后在main.js中进行配置 import VueCoreVideoPlayer from 'vue-core-video-player' Vue.use(VueCoreVideoPlayer, ......
组件 视频 vue

Vue3+Vue-Router+TypeScript+Vite+Element-Plus+Axios+Pinia快速搭建开发框架

### 1、环境准备 ##### (1) 首先你得需要安装node和npm ![image](https://img2023.cnblogs.com/blog/2045410/202307/2045410-20230702223307211-1008695934.png) ### 2、环境初始化 # ......

Vue3项目中import 'vue-native-websocket'出现错误

问题一: 问题二: 两个都搞不懂为什么、、可能自己基础太差,试了几个网上的解决方案都不行。 故转换角度:直接用原生WebSocket 参考地址:前后端使用利用WebSocket进行通信_F3nGaoXS的博客-CSDN博客 唔,还是原生的香…… ......

vue3+vite+elementUI项目

开发环境 win10系统 Visual Studio Code v1.80.0 node v18.16.1 npm 9.8.0 #可以用pnpmvue @vue/cli 5.0.4 安装软件 node 直接官网 https://nodejs.org/en #下载好node包含npm #管理员Powe ......
elementUI 项目 vue3 vite vue

Power APP Canvas组件简单控制画布控件

效果图: 图中绿色部分是组件, 通过组件控制画布中按钮的点击事件。 具体实现: 1、组件按钮中赋值一个变量 比如左按钮给yyy赋值false 右按钮赋值true; 2、增加输出属性 将其赋值为此变量,此处用布尔类型,扩展可以用int类型,比如按钮不只是确定取消,有更多的按钮。 3、在画布中添加一个能 ......
画布 控件 组件 Canvas Power

使用vue3、egg和SQLite开发通用管理后台系统

# 使用vue3、egg和SQLite开发通用管理后台系统 plaform是一个基于RBAC模型开发的后台管理系统,没有多余的功能。本项目是一个以学习为目的的后台项目,旨在让前端也能充分了解RBAC模型是如何设计的,不建议用于线上,因为未经过充分的测试。 项目地址:https://github.co ......
后台 SQLite 系统 vue3 vue

Vue3

一、创建Vue3.0工程 1.使用 vue-cli 创建 官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上 vue --version ......
Vue3 Vue

VUE 项目运行中途中断,VUE运行项目内存溢出问题解决办法

如下图报错:原因就是项目太大了。 解决方案: 第一步: npm install increase-memory-limit npm install cross-env 第二步: 在package.json文件中加入如下代码 "scripts": {"fix-memory-limit": "cross ......
项目 VUE 内存 办法 问题

vue中加载pdf文件

vue中加载pdf文件 方案一: 直接调用事件即可 openPdf { window.open('/assets/BJBVerse.pdf') }, 方案二: npm install vue-pdf --save <template> <div> <pdf v-for="i in numPages" ......
文件 vue pdf

vue 模拟滚动条循环滚动

``` 重大警情 0"> {{ item.level }} {{ item.type }} {{ item.sfdz }} {{ item.ajztmc }} 发生时间:{{ item.time }} 警情内容:{{ item.nr }} 出警处置情况:{{ item.cjczqk }} 警情处理结 ......
vue

行业追踪,2023-07-13,新样式来了,更清晰地追踪行业趋势

# 自动复盘 2023-07-13 **凡所有相,皆是虚妄。若见诸相非相,即见如来。** **k 线图是最好的老师,每天持续发布板块的rps排名,追踪板块,板块来开仓,板块去清仓,丢弃自以为是的想法,板块去留让市场来告诉你** **跟踪板块总结:** 1. 成交额超过 100 亿 2. 排名靠前,m ......
行业 样式 趋势 2023 07

.Net Core Mvc Razor 组件

[toc] # 前言 视图组件与分部视图类似,但它们的功能更加强大。 视图组件不使用模型绑定,它们依赖于调用视图组件时传递的数据。 本文是使用控制器和视图编写的,但视图组件适用于 Razor Pages。 视图组件: - 呈现一个区块而不是整个响应。 - 包括控制器和视图间发现的相同关注点分离和可测 ......
组件 Razor Core Net Mvc

ckeditor粘贴word图片且图片自动上传组件

​ 当前功能基于PHP,其它语言流程大抵相同。 大概流程: 1. 将docx文件上传到服务器中 2. 使用PHPoffice/PHPword实现将word转换为HTML 3. 将HTML代码返回并赋值到编辑器中 1 编辑器配置修改 1.1 新增上传word json配置 在ueditor\php\c ......
图片 组件 ckeditor word

vue3响应式原理(小满zs vue3 笔记八)

tip: 带着问题去理解响应式原理why,what,how 1. 响应式原理核心点是什么? ** 数据截持 ** 依赖收集 ** 派发更新 2.vue2的响应式原理? vue3响应式原理?区别是什么? ......
vue3 vue 原理 笔记

vue常用的小方法(方便实用)

1.判断对象里面是否为空 const isEmptys = (obj) => { for(let key in obj){ return false } return true }; isEmptys ({}); //true //这里你记得分两次打印,return false 后面都不走了 isE ......
常用 方法 vue

前端echarts组件问题合集(渲染、传参、高度...)

1、echarts环形图设置主标题text和副标题subtext在环形图中居中显示 可以通过设置主标题和副标题的textAlign来设置,title textAlign methods: { initChart() { let self = this; // {height:'250px'} 设置t ......
前端 组件 高度 echarts 问题

06_sar:敏感文件泄露、文件上传、组件漏洞、反弹shell、计划任务提权

1.信息收集1.1主机发现1.2端口扫描1.3具体扫描1.4目录扫描1.5nmap默认脚本扫描2.信息利用2.1访问网站:只有一个apache2的页面2.2访问robots.txt因为robots.txt大多数都是存的目录,所以尝试访问一下可以看到一个带有版本号的文件,这个可能是一个软件,下载压缩包 ......
文件 漏洞 组件 任务 shell

dhtmlx基本使用demo,vue

main.js 引入样式 import 'dhtmlx-gantt/codebase/dhtmlxgantt.css' 父组件: gangtData,数据 <ganttChart v-if="value8" :gangtData="gangtData" /> 子组件: <template> <div ......
dhtmlx demo vue