devtools浏览器edge vue
Vue3 + element-plus使用注意
1.给组件设置ref="xxx" 例如： <el-table ref="tableRef" 定义tableRef时，需要注意尽量使用 ref() 而非 ref(null) const tableRef = ref(); 因为使用ref(null）会得不到$el的相关属性，即 undefined 例如 ......
JSON View谷歌浏览器插件使用
JSON VIewer： source code： https://github.com/tulios/json-viewer 谷歌浏览器插件，用于展示JSON、JSONP格式的代码文件。 网页显示效果如下： 插件主要参数修改： font-size：字体大小； line-height：行高。 官网介 ......
C语言跳转浏览器打开指定URL
#include <stdlib.h> int main() { // 定义要打开的URL char* url = "https://rjku.gitee.io/"; // 调用系统命令以默认浏览器打开URL char command[100]; sprintf(command, "open %s" ......
浏览器信息伪造
题目解答点击访问在此页面开启后随后打开小狐狸，打开burpsuite如图然后点击随后查看抓包文件user -agent 即表示本地浏览器的型号与信息我们要修改此项，将自己伪装成iphone手机2g网络将user -agent后面的内容改成 Mozilla/5.0 (iPhone; CPU iPhon ......
【Vue】如何watch v-for中的元素属性值
如果你想watch一个v-for中的变量，你可以在vue组件的watch对象中创建一个函数，来监听这个变量。 假设你有一个数组items，它是一个对象数组，你想要监听每个对象的name属性。那么你可以这样写： <template> <div v-for="item in items" :key="i ......
vue2项目中调取登录接口登录以后获取个人信息以后,储存在哪里,怎么在不同的页面展示想要的信息?
在Vue2项目中，可以将个人信息存储在Vuex状态管理中或者浏览器的本地存储中，具体取决于项目的需求和规模。 1. Vuex状态管理 在Vuex中定义一个user模块，用于存储用户信息，可以在登录成功后将用户信息存储到该模块中。 ```javascript // store/user.js cons ......
vue 使用Element 的form表单如何校验对象中的对象属性？
1、校验对象中的对象属性， 需要特殊处理下： <template v-if="form.dataType 0"> <el-form-item label="芯片类型" prop="configExtend.schemeVersion"> <el-select v-model="form.config ......
vue使用vue-qr生成二维码
vue-qr基础使用： 第一步，先安装 vue-qr 插件 npm install vue-qr --save第二步，在想要生成vueQr 的Vue页面引入组件 import vueQr from 'vue-qr'第三步，在components中引入VueQr组件 components: { Vue ......
vue2源码-十五、Vue.set方法是如何实现的
Vue.set方法是如何实现的 vue.set 方法是vue中一个补丁方法（正常我们添加属性是不会触发更新的，我们数组无法监控到索引和长度） 如何实现的 我们给每一个对象都添加了一个 dep 属性 vue3 中不需要此方法了（当属性添加或者删除时，手动触发对象本身的 dep 来进行更新） 源码： / ......
React和Vue的区别
React和Vue是两个非常流行的JavaScript框架，用于构建前端Web应用程序。以下是它们之间的一些区别： 模板语法：Vue使用模板语法，它允许您在HTML模板中嵌入Vue代码，类似于AngularJS。React使用JSX语法，它允许您将JavaScript代码嵌入HTML模板中。 数据绑 ......
vue3+vite自适应PC端
1、下载包pnpm add lib-flexible-computer postcss-px2rem px2rem-loader -D2、在main.ts里引入import "lib-flexible-computer";3、在vite.config.ts写入import px2rem from " ......
Vue3中slot插槽使用方式
********************************** Vue3中slot插槽使用方式****************************************************参考：https://huaweicloud.csdn.net/638eab83dacf622b ......
vue解决跨域问题
1、若项目用vue init webpack appname 创建的解决跨域问题如下 在config文件夹的index.js文件里proxyTable{}中添加以下代码即可: proxyTable: { '/api': { //本地服务接口地址 target: 'http://....', ws: ......
Vue中...（三个点）的意思
属于ES6的语法，三个点代表扩展运算符 var a = { name: '张三', age: 25 } var b = { job: 'web前端', ...a } // 相当于 var b = { job: 'web前端', name: '张三', age: 25 } ......
Vue3 调用本地服务接口失败三次提示下载并安装本地服务
Vue3 调用本地服务接口失败三次提示下载并安装本地服务 Vue3 调用本地服务接口，如果失败，则再尝试调用 2 次，如果 3 次都失败了，就提示下载本地服务 exe 安装包，并提供下载链接，请告诉我实现的代码 以下是一个用于调用本地服务接口，并在失败时尝试重新请求，尝试重新请求 2 次，如果仍然失 ......
vue中的箭头函数 =>
1、无参数 var f = () => 5; // 等同于 var f = function () { return 5 }; 2、有参数 var sum = (num1, num2) => num1 + num2; // 等同于 var sum = function(num1, num2) { r ......
真的只是简单了解下浏览器缓存
01、什么是HTTP缓存，如何工作的？ 当我们打开一个页面时，会向服务端发起很多次请求，如下图打开百毒首页，发起了HTML、各种图片、JS、CSS等资源共72次请求。这里面很多资源并不会频繁变化，每次打开页面都重新请求下载，就很浪费了。 浏览器缓存也称为HTTP缓存，HTTP缓存简单理解就是本地（浏 ......
javascript import maps 特性现已被全部主流浏览器支持
值得庆祝 Import maps 特性现在可以在全部三个主要浏览器内使用 现在主流现代web 应用 引入和利用javascript 是通过 Es module 模块实现。 在开发javascript上，比起无模块化功能的旧版浏览器，现代浏览器支持模块化且提供了许多好用的功能 引入 es module ......
vue-element-admin报错Error: error:0308010C:digital envelope routines::unsupported的解决方案
安装vue-element-admin报错 node js Node.js v18.15.0 opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digi ......
Ant Design Vue 方法执行确认框实现
methods: { handleSync() { this.$confirm({ title: this.$t('Confirm2SyncMessage'), //提示内容 okText: this.$t('Confirm-OK'), //确定按钮文字 cancelText: this.$t('C ......
浏览器补环境的方法
// 重点学习语法结构 就是执行环境与浏览器的区别： 补环境就是让执行环境尽量与浏览器一致 function ps(){ if (location.href.length>1){ return 'hello world' }else{ return 'xxxxxx' } } 这段代码运行就会报错： ......
Google浏览器 查看http版本是1.1还是2.0
1、打开网页 2、F12进入开发者模式 3、找到请求 4、找到请求头 5、找到ResPonse Heather 点击 View parsed ......
selenium笔记之如何驱动不同的浏览器
众所周知Selenium是使用WebDriver来控制浏览器进行各种操作的，并且支持多浏览器，那么如何获取各种浏览器的WebDriver，记录下我自己的尝试分享给大家，很简单注意：浏览器和对应浏览器驱动的版本是有限制的一、最最常用的google浏览器（是最推荐的，也是我最多用的）Chrome浏览器的 ......
动力节点老杜Vue框架教程【二】Vue核心技术
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
Vue3---error xx should be on a new line
ESLint: ':render-header' should be on a new line.(vue/max-attributes-per-line) 此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的 "vue/max-attri ......
vite + vue3 + vue-router4 + ts + element plus + pinia + axios构建项目
最后是完整的vite.config.ts、main.ts配置 1、先用vite创建一个项目 npm create vite@latest 2、安装element plus yarn add element-plus @element-plus/icons-vue vite.config.ts配置组件 ......
使用Vue实现点击事件变颜色并且显示选中文字
首先需要引入Vue.js!!!!! 直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../static/vue.js"></script> < ......
老杜Vue实战教程完整版笔记（二）Vue核心技术
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
老杜2023最新Vue实战精讲（二）Vue核心技术
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
vue3 拖拽操作学习
AS-Editor组件 git: https://gitee.com/was666/as-editor/tree/vue3.x/ 体验：http://was666.gitee.io/as-editor/#/home ......