devtools浏览器edge vue

vue+element ui 表格选中特定行导出为excel

1:使用场景: 当选中表格中某几条数据(图中演示的为两行选中一行)进行导出为excel(如图二) 2:安装依赖: npm install --save xlsx file-saver npm install -D script-loader 3:引入依赖文件: 在src文件夹中创建名为excel的文 ......
表格 element excel vue ui

创建electron+ts+vue3的应用模板

# 配置vue3 1. 安装vue3 ``` cd D:\Users\Administrator\AppData\ mkdir Roaming cd ./Roaming mkdir vue3 cd ./vue3 npm install @vue/cli ``` 系统资源管理器进入'D:\Users\ ......
electron 模板 vue3 vue ts

vue生成二维码图片并且下载图片到本地

一、安装生成二维码插件qrcode.js npm install --save qrcodejs2 二、封装组件 <template> <div> <div id="qrcode"></div> </div> </template> <script> // 二维码 import QRCode fro ......
图片 vue

VUE|使用VUE和Flex实现掷骰子模拟器

使用了VUE和纯CSS来实现掷骰子模拟器 ## 实现效果 ## 代码 ```html 点击一下! ``` ......
骰子 模拟器 VUE Flex

vue使用html2canvas优化---节点过滤

当你使用html2canvas对某个节点进行截图时,项目小dom节点少那还没什么性能问题,如果是个大项目,有成百上千个dom节点,那将是非常头疼的事情(产品经理:小张啊,你这个截图功能为什么需要这个长的时间,这让客户怎么用,重新改。小张:********...)。不多bb了,直接开始 html2ca ......
节点 html2canvas 2canvas canvas html2

关于vue清除默认样式&scoped

清除默认样式 在Vue中,可以使用以下方法来清除默认样式: 1. 使用CSS Reset: CSS Reset是一种将所有HTML元素的默认样式重置为统一值的方法,以消除不同浏览器之间的样式差异。你可以在全局的样式表中使用CSS Reset来清除默认样式。以下是一些常见的CSS Reset库: No ......
样式 scoped vue amp

CF576E Painting Edges 题解

# CF576E Painting Edges ~~关于我看完题解后改了一个位置就过题导致我都不知道我怎么过的~~ 当然现在真的大彻大悟了。 ## 题意 给定一张 $n$ 个点,$m$ 条边无向图,有 $k$ 种颜色,初始每条边无颜色,给定 $q$ 个操作,每个操作某条边染成颜色 $c$。只有一个操 ......
题解 Painting Edges 576E 576

vue简单适配方案

# vue2+webpack 使用 ***postcss-pxtorem*** 插件 ```json npm install postcss-pxtorem -dev --save ``` 在vue.config.js中 ```js module.export = { ... css:{ loade ......
方案 vue

用vue-contextmenujs进行右键菜单的操作

1.安装依赖 npm install vue-contextmenujs 2.引用在main.js中 import Contextmenu from "vue-contextmenujs" Vue.use(Contextmenu); 3.使用示例 我是在elementui表格中使用的 <templa ......
vue-contextmenujs contextmenujs 菜单 vue

使用vue-clipboard2进行复制操作

1.安装依赖 npm install --save vue-clipboard2 2.引入 import VueClipBoard from 'vue-clipboard2' Vue.use(VueClipBoard) 3.示例有两种使用方法 参考https://blog.csdn.net/Li8L ......
vue-clipboard clipboard vue

使用Vue CLI创建uniapp项目,搭建模板

使用Vue CLI创建uniapp项目,搭建模板,不仅可以HBuilder打包,也可以npm命令行运行及打包、发布。 要使用 Vue CLI 创建 Uniapp 项目并配置模板,以便在 HBuilder 中打包以及使用 npm 命令行运行、打包和发布,可以按照以下步骤进行操作: 1. 安装 Vue ......
模板 项目 uniapp Vue CLI

使用monaco-editor浏览器代码编辑器

1.安装依赖 npm i monaco-editor npm i monaco-editor-webpack-plugin 2.使用示例 <!-- 代码编辑器控件 --> <template> <div id="monacoEditorContainer" style="width: 100%; h ......

vue实现接受后台文件流转文件并下载

接受到的文件流是这样的 1,首先在请求时加上 responseType:'blob' request({ url: "url", method: "get", responseType:'blob', //加上这一行 params:params }) 2,在获取到返回来的文件流后进行处理 //传的参 ......
文件 后台 vue

使用vue-super-flow的使用进行工作流的梳理

1.安装依赖 npm install vue-super-flow 2.在页面中引用 <template> <super-flow></super-flow></template> <script > import SuperFlow from 'vue-super-flow' import 'vu ......
工作流 vue-super-flow super flow vue

前端Vue自定义顶部导航栏navBar 导航栏搜索框searchBar 导航栏右侧菜单按钮button

#### 前端Vue自定义顶部导航栏navBar 导航栏搜索框searchBar 导航栏右侧菜单按钮button,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13342 #### 效果图如下: ![](https://p3-j ......
前端 右侧 searchBar 按钮 顶部

前端Vue自定义带历史记录的搜索框组件searchBar 支持搜索输入框清空 搜索历史存储记录清除

前端Vue自定义带历史记录的搜索框组件searchBar 支持搜索输入框清空 搜索历史存储记录清除,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13343 效果图如下: ![](https://p3-juejin.byteim ......
历史 前端 组件 searchBar Vue

抛开pytest,单单使用playwright打开一个浏览器访问百度

## 不用pytest-playwright提供的page pytest使用的时候特别简单直接在用例中添加一个page fixture就可以使用了,如果我们想自己直接调用playwrght怎么办?官网:https://playwright.dev/python/docs/library#usage ......
playwright 浏览器 pytest

11:vue3 组件传递数据 Props

1、父子组件通过Props传递数据,数据可以为固定数据,也可以多个数据,也可以动态数据 新建Parent.vue组件 1 <template> 2 <h3>Parent</h3> 3 <Child gd_title="Parent传固定数据" gd_title2="传递第二个参数" :dt_titl ......
组件 数据 Props vue3 vue

vue(三)模板语法

{{}} 数据绑定最常见的形式就是使用Mustache {{}}(双大括号)语法的文本插值 {{}} 还接受单个表达式,如加减运算、三元运算等。 一般配合js中的data()设置数据 <span>Message: {{msg}} </span> export default { name:"tom" ......
语法 模板 vue

vue(二)vue组件

单文件组件 在其他框架都鼓励把模板、逻辑和样式的代码区分成不同文件的时候,Vue 却反其道行之。使用单文件组件,Vue 把模板、相关脚本和 CSS 一起整合放在 .vue 结尾的一个单文件中。这些文件最终会通过 JS 打包工具(例如 Webpack)处理,这意味着你可以使用构建时工具。你可以使用比如 ......
组件 vue

vue(一)vue项目结构

安装 Vue npm install -g @vue/clivue --version 创建vue项目 vue create vue-demo 运行项目 cd vue-demonpm run serve 安装vue高亮插件:vscode安装 volar 项目结构 Vue的默认包管理器为 yarn。。 ......
vue 结构 项目

JavaScript(五)浏览器操作

浏览器对象 window window对象不但充当全局作用域,而且表示浏览器窗口。 window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度。outerWidth和outerHeight属性,可以获取浏览器窗口的整个宽高。 navigator:navig ......
JavaScript 浏览器

vue3 安装 3d-force-graph

1.首先创建vue3的项目 2.创建好后通过开发工具打开项目并打开命令行,输入指令 npm install 3d-force-graph 安装即可 3.在使用的页面中引入 3d-force-graph <!--官网的 basic案例--> <template> <!-- ref 用于在组件中引用当前 ......
3d-force-graph force graph vue3 vue

Vue 3.0 reactive/effect

reactive.js: import { isObject } from "../utils"; import { track, trigger } from "./effect"; export function reactive(target) { // 判断 target 类型 // 如果是 ......
reactive effect Vue 3.0

Keytool 自签名证书,让浏览器信任证书

背景:CA机构的证书要花钱,客户不想花钱又需要ssl。 相关工具:keytool,openssl 可以生成自签名证书,个人使用的是 keytool 操作系统:Mac,Chrome (版本 114.0.5735.198(正式版本) (arm64)),Safari(版本16.5.1 (18615.2.9 ......
证书 浏览器 Keytool

基于vue-cli 5 和webpack 5实现微前端

有这么一个需求,项目里有很多业务模块,它们都有引用一些公共组件,每个业务模块打包后都是一个独立的应用,当公共组件修改时,单独打包公共组件,其他应用能够不需要重新构建,就能直接使用最新的公共组件,要怎么实现? 一开始我想到的是使用网络资源,就是把公共组件打包后的js文件放到服务器,其他应用通过scri ......
前端 vue-cli webpack vue cli

向AI请教能否用图片生成vue代码

Can figma generate vue code based on a screenshot captured from an android app? Wed, Jul 5, 2023, 3:49 pm avatar No, Figma does not natively generate ......
代码 图片 vue

vue脚手架创建与环境安装(转载)

1.安装 Node.jsDownload | Node.js 在这里👆下载的是最新版,如果要安装以前的版本👇,页面往下拉找到 Previous Releases—Donloads—下载msi文件。 ​​ 1.1 一直next即可安装成功。 1.2 安装后在cmd控制台输入node -v和npm ......
脚手架 环境 vue

解决浏览器SSL缓存,自动将http跳转至https导致无法访问的问题

PHP交流群 656679284 为PHP广大爱好者提供技术交流,有问必答,相互学习相互进步! 这里汇总一下几大常见浏览器 HSTS 的关闭方法。 Safari 浏览器 完全关闭 Safari 删除 ~/Library/Cookies/HSTS.plist 这个文件 重新打开 Safari 即可 极 ......
缓存 浏览器 问题 https http

10:vue3 组件注册方式(全局注册和局部注册)

组件注册方式 一个 Vue 组件在使用前需要先被“注册”,这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式:全局注册和局部注册。 全局注册 将09节课程的Header组件进行全局注册演练 在main.js中添加Header.vue组件的注册 1 import { createApp ......
全局 局部 组件 方式 vue3