devtools浏览器edge vue
【Nginx/IIS】解决uniapp/Vue history模式下页面刷新404
uniapp/Vue 开启History模式 本地开发：二级页面刷新或者通过链接进入二级页面是正常的 打包部署后：二级页面刷新或者通过链接进入二级页面会报错404页面找不到 解决方案： Nginx配置： 在nginx.conf的对应location里配置一行代码 try_files $uri $ur ......
配置webDriver(Chrome浏览器)
1. 查看Chrome浏览器版本号 方法1：Chrome浏览器，设置 > 关于Chrome 方法2： 在Chrome浏览器的地址栏，输入chrome://version/，回车后即可查看到对应版本 2. 下载Chrome Driver Chrome Driver 下载地址：https://googl ......
如何使用Visual Studio 2022创建基本Vue.js.Web应用程序
最近接了个物联网项目，需要用到 VUE Ant-Design 对于 vue 没有概念 只能查找相关 vue.js 的知识。 了解vue.js 的 前提条件 是要对 HTML +CSS +Jscript 有一定的知识储备。 所以 又去看了看 对应的三剑客（HTML +CSS +Jscript）。 跟着 ......
vue3视频播放器组件vue-video-player
1、安装 npm i vue3-video-play --save 2、全局注册 import vue3videoPlay from 'vue3-video-play' // 引入组件 import 'vue3-video-play/dist/style.css' // 引入css app.use( ......
基于vue2开发的html5页面实现微信分享卡片（微信好友+朋友圈+qq好友+qq空间）
首先附上文档链接： 1.微信官方文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#111 2.免费生成二维码的草料官网：https://cli.im/text/other 需求： 在浏览器分享链接时 ......
vue中孙子调用爷爷组件的方法怎么调用?
使用Vue的provide和inject来实现跨层级的组件通信。 provide允许一个祖先组件（爷爷组件）提供数据， 而inject允许子孙组件（孙子组件）在任意层级注入这个数据。 通过这种方式，你可以在孙子组件中访问到爷爷组件提供的方法。 以下是一个简单的例子： // 在爷爷组件中提供方法 ex ......
a-table(AntDesign Vue)实现表格行上下拖动排序
参考链接： https://blog.csdn.net/song_de/article/details/125218350 https://blog.csdn.net/m0_61342618/article/details/132556739?utm_medium=distribute.pc_rel ......
网页在线安全浏览Office Word文档，只读打开/禁止编辑/禁止复制/禁止另存/禁止打印/禁止截屏
在企业OA系统或者在线协作办公场景中，有一些合同公文或者客户数据等重要文档需要我们在线共享给其他人，但是我们只希望其他人只能预览阅读文档，不能随便编辑修改文档，也禁止复制共享Word文档的内容到其他文档或者编辑器，不能将共享文件另存为本地文件夹，并且禁止用户打印该Word文档，那么该如何实现呢？ 猿 ......
vue中this.$set()的使用
data中数据，都是响应式。也就是说，如果操作data中的数据，视图会实时更新； 但在实际开发中，遇到过一个坑：若data中数据类型较为复杂，方法methods中改变对象的属性，而页面并不会改变 原因是vue监听不到数据类型特别复杂的属性。 可以使用this.$set()来进行强制更新，进而解决问题 ......
配置webDriver(火狐浏览器)
1. 查看浏览器版本号 在下载火狐浏览器的驱动之前，先确认自己火狐浏览器的版本号。 火狐浏览器 ： 设置 > 常规 > （下拉）Firefox 更新， 可以看到版本号。 我的浏览器版本: 120.0.1 (64 位) 如果想下载其他火狐浏览器的版本，可以到下面这个链接：https://ftp.moz ......
vue webpack 配置babel es6转化转化es5
1、安装相关依赖 npm i -D @babel/core@7.12.3 npm i -D @babel/preset-env@7.12.1 npm i -D babel-loader@8.0.6 // 语法中有 async await 等 npm i -D @babel/plugin-transf ......
uni-app 基础架构搭建 ts+vue3 命令行
1. 安装全局degit npm install -g degit2.创建工程 my-vue3-ts-project # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-ts-project # 创建以 ts 开 ......
Vue + Element 实现按钮指定间隔时间点击
1、业务需求 需要加一个按钮，调用第三方API，按钮十分钟之内只能点击一次，刷新页面也只能点击一次 2、思路 加一个本地缓存的时间戳，通过时间戳计算指定时间内不能点击按钮 3、实现 1）vue页面 <template> <el-row :gutter="15"> <el-col :span="4"> ......
vue + 无限滚动不同高度
<div class="exbox" style="height:461px;overflow:auto" @mouseenter="handleMouseEnter()" @mouseleave="handleMouseLeave()"> <div class="main rollul" ref= ......
vue3
Vue3快速上手 1.Vue3简介 2020年9月18日，Vue.js发布3.0版本，代号：One Piece（海贼王） 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址：https://github.com/vuejs/vue-next/re ......
【源码系列#03】Vue3计算属性原理（Computed）
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 语法 传入一个 getter 函数，返回一个默认不可手动修改的 ref 对象 const count = ref(1) const plusOne = ......
Chrome浏览器对不同标签页进行着色
方法1：使用标签组 Chrome 浏览器的标签组功能允许您将标签分组在一起，并为每个组分配不同的颜色。要创建标签组，请右键单击一个标签，然后选择“添加到新组”。您还可以将标签拖放到另一个标签上以将其添加到组中。 要更改标签组的颜色，请单击标签组的圆点，然后选择“更改颜色”。您可以从预定义的颜色列表中 ......
uniapp使用vue3+ts的聊天对话框
先看一下效果图 通过scroll-view实现消息的刷新和滑动，能查看消息和发送图片，支持图片数量自定义。 其中主要是scroll-view通过id定位滑动，当有新消息滑动到最底部，上拉能够刷新历史消息；当选择图片的时候，输入框根据选择的图片数量高度进行调整； ......
vue引入echarts
我用的是vue脚手架 版本是vue2 首先下载vue npm install --save echarts 执行这个命令 如果报错 vue中有提示 加上--force 或者 --legacy-peer-deps main.js中配置 import * as echarts from 'echarts ......
Vue 配置.env.pro和.env.dev文件
1、Vue2 配置 1.1 新建文件 .env.development VUE_APP_BASEURL='http://localhost:8081' .env.production VUE_APP_BASEURL='http://localhost:8082' 1.2 访问 import Vue ......
Web开发学习HTTP协议、通过浏览器控制台学习HTTP协议。
@目录HTTP协议1.HTTP协议是什么？2.HTTP协议的特点3.什么是URL?4.通过浏览器控制台学习HTTP协议Request Headers请求数据格式说明Response Headers请求数据格式说明5.HTTP工作原理 HTTP协议 1.HTTP协议是什么？ HTTP协议是一种超文本传 ......
不再支持安卓 7.0！谷歌Chrome浏览器120稳定版发布
今天，谷歌面向所有支持平台，发布了Chrome浏览器的120 稳定版更新，该版本不再支持安卓7.0/7.1系统。 在新功能上，Chrome浏览器120稳定版推出一项新的“主动安全检查”功能，该功能会定期运行，检查浏览器是否存在安全问题，并在检查完成之后通知用户。 在设置中也为此新增了一个新的“安全检 ......
浏览器http请求正常文件头打印信息
[12-06 19:25:14.663] [info] [advanced_server.cpp:187 handle_request()] total request is:GET /index.htmlk HTTP/1.1Host: 127.0.0.1:8081Connection: keep- ......
Vue前端+后端实现带进度条文件分片上传
传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
基于Browscap对浏览器工具类优化
项目背景 原有的启动平台公共组件库comm-util的浏览器工具类BrowserUtils是基于UserAgentUtils的，但是该项目最后一个版本发布于 2018/01/24，之至今日23年底，已有5年没有维护更新，会造成最新版本的部分浏览器不能正确获取到浏览器信息。（至于为什么停更了获取不到最 ......
2023最新高级难度vue面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-高级难度vue面试题合集 问: 如何在 Vue.js 中实现代理？ 在 Vue.js 中，可以使用 vue-resource 或 axios 库来实现代理。以下是实现的基本步骤： 安装 vue-resource 或 axios 库。可以通过 npm 或 yarn ......
vue 中scope 不管用
  应用可以提高 SEO（搜索引擎优化），同时改善首屏加载速度。以下是构建 SSR 应用的具体步骤： 设置环境：首先，确保已经 ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败， 代码报错 会出现跨域cors，排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......