devtools浏览器edge vue
vue 暴露组件方法
loadingbar <template> <div class="wrapper"> <div ref="bar" class="bar"></div> </div> </template> <script setup lang="ts"> import { onMounted, ref } fr ......
vue安装路由
一、安装命令： npm install vue-router --save 或者 cnpm install vue-router --save 二、新建一个router.js router.js大致内容 1 import {createRouter, createWebHistory} from ' ......
08_Electron与vue环境搭建
首先在 Vscode 控制台输入：npm intall -g @vue/cli or yarn global add @vue/cli。 然后再输入 npm i -g @vue/cli-init，这时候输入 vue -V 来看 vue 是否安装成功。 安装成功后输入 vue init simulat ......
关于时间太长忘记vue如何启动的问题
1、开启SpringBootApplication项目 2、在vue项目的Teminal处，输入相关命令 vue2 npm run dev vue3 npm run serve 咳咳，写一遍我就不会忘记啦~ ......
浏览器开发者工具打开检测
目录 方法一console.log 方法二： debugger 方法三：console.table 方法四：内容宽度 总结 方法一console.log 在safari中，如果打开了控制台，console.log打印日期实例、函数实例、正则实例会触发两次toString方法，那么可以重写toStri ......
vue实现大文件切片上传、断点续传、并发数控制等
一、上传按钮和进度条等 <div> <h2>上传文件</h2> <div ref="drag" class="drag"> <input class="file" type="file" @change="handlerChange" /> </div> <el-progress style="wi ......
vue2兼容ie10
1.找到ie浏览器。可以下载，一般windows自带 2.启动项目，可能会出现再ie中输入本地地址后直接跳转到Microsoft Edge的情况，需要配置后正常使用ie10 配置过程：控制面板--网络和Internet--Internet选项--更改主页--高级--勾选跟Internet Explo ......
Vue-进阶：路由及elementUI组合开发
Vue-router路由 什么是vue-router？ 服务端路由指的是服务器根据用户访问的 URL 路径返回不同的响应结果。当我们在一个传统的服务端渲染的 web 应用中点击一个链接时，浏览器会从服务端获得全新的 HTML，然后重新加载整个页面。 然而，在单页面应用中，客户端的 JavaScrip ......
竟然可以在一个项目中混用 Vue 和 React？
React和Vue是前端开发中的两大热门框架，各自都有着强大的功能和丰富的生态系统。然而，你有没有想过，在一个项目中同时使用React和Vue？是的，你没有听错，可以在同一个项目中混用这两个框架！本文就来分享 3 个用于混合使用 React 和 Vue 的工具！ Veaury Veaury 是一个基 ......
高效的浏览 Linux 目录结构：pushd和popd命令
有时候，通过命令来在 Linux 文件系统导航是一件非常痛苦的事情，特别是对于一些新手。通常情况下，我们主要使用cd（改变目录）命令在 Linux 文件系统之间移动。更多技术干货详见www.linuxprobe.com ......
292_一个命令，激活Chromium系浏览器的隐藏能力
这是一篇原发布于2020-01-29 16:07:00得益小站的文章，备份在此处。 前言 当今互联网上浏览器数量虽多，但实际种类却只有几个。而360浏览器、QQ浏览器、猎豹浏览器等一众国产浏览器虽推出“双核”浏览器的概念，实则使用的是其它浏览器的内核组合而成。 而在这些内核中，市场份额排名第一的，非 ......
数字滚动【vue-count-to】
效果 背景 在大屏或者其他需要对数字设置千分位的分隔符（比如：151234数字展示成 151,234）或者 数字在变化时进行滚动的变化。 使用 安装 npm i vue-count-to demo <template> <div class="app"> <h1> 当前数值: <countTo :s ......
flask框架在Centos正常启动后到Windows浏览器访问（http://192.168.124.129:5550/）提示无法访问此网站
1、flask在centos正常启动 2、然后复制链接到window访问，提示无法访问 3、排查下，Linux和Windows互相ping下 Window ping Linux IP Linux ping Window IP 如上能够正常ping通，说明网段是正常的 4、再排查下，Linux是不是防 ......
vscode vue 插件与 emmet、tailwind css 插件冲突的解决方案
今天使用 vscode 开发 nuxt3 项目，发现在 vue 文件中，emmet 提示功能不可用。 emmet 提示功能，如下图所示： 百度、google一阵子，发现是个全球性存在的问题，是 vue 插件 volar 导致的 vscode 自带的 emmet 提示功能不可用。 如果在vscode中 ......
浏览器内核和js引擎
浏览器内核是什么？ 简而言之，浏览器内核就是把我们编写的代码转换为页面的中控件。虽然现在大家谈起浏览器内核时，多指代渲染引擎（Rendering engine 或 layout engineer）。但其实浏览器内核包括了两部分，渲染引擎和JS引擎，只是后来JS引擎用的越来越多所以就单独的把JS引擎拿 ......
浏览器如何验证HTTPS证书的合法性？(转)
浏览器拿到了服务端的数字证书后，要怎么校验该数字证书是真实有效的呢？ 这个过程很多人没有关注到，我这里详细说下。 数字证书和 CA 机构 在说校验数字证书是否可信的过程前，我们先来看看数字证书是什么，一个数字证书通常包含了： 公钥； 持有者信息； 证书认证机构 （CA）的信息； CA 对这份文件的数 ......
Vue-前端化工程入门，第一个vue-cli程序
第一个vue-cli程序的准备工作 什么是vue-cli？ vue-cli是官方提供的一个脚手架工具，用于快速生成一个vue项目模板。 预先定义好的目录结构和代码，就好比咱们在创建maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，有利于我们更加快速的开发。 环境准备（所涉及到的命令都 ......
Springboot+Vue(二)
上传的静态资源文件放到static文件夹下即可 表单的enctype属性规定再发送到服务器之前该如何对表单数据进行编码 默认情况下 数据格式为 key=value&key=value 需要改成 enctype = "multipart/form-data" 默认情况下限制了单次请求文件的大小 单个文 ......
Vue-插槽及自定义事件分发
一.插槽slot 在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。 <slot> 元素是一个插槽出口 (slot outlet)，标示了父元素提供的插槽内容 (slot content) 将在哪里被渲染。 插槽就好比一个占位符，它不是解决页面必须元素的位置，而 ......
vue中created和mounted区别
在 Vue.js 中，created 和 mounted 都是生命周期钩子函数，用于在组件不同的生命周期阶段执行代码。它们的主要区别如下： 1.created 钩子函数： 2.created 在组件实例被创建后立即调用。此时组件的实例已经被创建，并且组件的数据观测（data observation） ......
Springboot+Vue（一）
Springboot Controller 1.Web依赖整合了mvc、json、tomcat等框架，简化了Web应用的配置 2.用户向Controller发送请求，从数据库中获取到的数据存在Model中 当用户发出请求后，Controller向Model请求数据，响应之后返回到View ，通过HT ......
ts和vue3的结合常见的一些问题（持续更新）
特此注意是vue3，而不是vue2 使用typescript的interface关键词定义一个存数据的数据类型 interface Position { long:number, lnt:number, height: number } const position = ref<Position>( ......
vue2 访问网关的时候post无法请求
问题复现： 后台使用微服务的框架 在consul 配置 并使用网关进行代理 。 问题描述 ： 前台访问网关调用后台方法 请求方式为get 时 正常使用 ~post 时 显示跨域问题 post访问路径正常 但就是无效果 显示跨域问题 报错 解决方法： module.exports = defineCo ......
使用selenium打开浏览器自动关闭及报错问题
1.问题安装python后，在运行Selenium的时候遇到一个问题，执行完程序，浏览器自动关闭了，我在程序中也没有写driver.quit()方法。代码如下： from selenium import webdriverdriver = webdriver.Edge() 2.解决方案当前selen ......
vue3的面试题
1. 什么是Vue3？ Vue3有哪些新增特性？答：Vue3是Vue.js框架的最新版本，它增加了很多新特性，包括Composition API、Teleport、Suspense 和Fragment等。 2. Vue3 Composition API是什么？它的作用是什么？答：Vue3 Compo ......
全面分析 Vue 的 computed 和 watch 的区别
全面分析 Vue 的 computed 和 watch 的区别 一、computed介绍 computed 用来监控自己定义的变量，该变量在 data 内没有声明，直接在 computed 里面定义，页面上可直接使用。 //基础使用 {{msg}} <input v-model="name" /> ......
【vue2】 登录发送axios
demo <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
promise和vue-router
认真学习前端第三天打卡 1.promise的输出题,看了一会没看完，头痛 2.学习了vue-router的基础文档 1.router-link:可以用作导航栏，要在router->index.js里写路径（做链接）2.动态路由$route.params.id相应路由参数变化？捕获路由？3.路由的匹配 ......
【vue2】 demo1
练习用的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"> ......
python使用selenium 打开谷歌浏览器闪退解决办法
在使用 Selenium 操作 Chrome 浏览器时，如果 Chrome 浏览器闪退，则可能是以下几个方面出现了问题： 1. Chromedriver 版本与 Chrome 浏览器版本不匹配 你需要确保你正在使用的 Chromedriver 版本与你的 Chrome 浏览器版本匹配。你可以在 Ch ......