devtools浏览器edge vue
SyntaxError: /xxxx.vue: Unexpected token, expected “,“，[object Promise]export { render, staticRende}
#### 本地老工程vue2.7.x+webpack4在升级webpack5的时候遇启动和打包报错: ```bash Syntax Error: SyntaxError: /xxxxx.vue Unexpected token, expected "," (1:8) > 1 | [object Pr ......
vue3 vite后台管理模板项目打包报错 Some chunks are larger than 500 KiB after minification解决办法
1、错误原因分析： 超过块大小限制，块大小默认500 KB 2、解决办法： 在vite.config.js 中增加 output 配置项 build: { chunkSizeWarningLimit: 1500, // 调整包的大小 rollupOptions: { output: { // 最 ......
Vue中使用Element
Vue中使用Element.UI菜单完成主体页面搭建一.搭建ElementUI基础环境（基于脚手架）1.新建空的文件夹,文件夹命名自定义2.在文件资源管理器上方输入cmd3.然后在控制台中输入vue create (自定义名称)注意:只支持小写 输入完后按Enter4.在第一个选择项中选择Manua ......
vue3常见的难点
vue中params和query的区别，以及具体用法：https://blog.csdn.net/weixin_42282727/article/details/107505014 route、router区别：https://blog.csdn.net/m0_67948827/article/de ......
了解WebGL：在浏览器中实现高性能3D图形渲染的基础知识
WebGL是一种基于OpenGL ES 2.0标准的3D图形渲染技术，它可以在浏览器中实现高性能的3D图形渲染。本文将介绍WebGL的基础知识，包括其应用场景、工作原理和常见的编程工具。 ......
vue3传属性时报错 [Vue warn]: Component is missing template or render function.
上网查这个问题，解决方案很多，没有一款适合我。。。先说我的解决办法，如果解决不了再往下看，我的原因是 用的子组件的ref和子组件的标签名一样了： <ChildComponent1 ref="ChildComponent1" :parent-data="data" > <template #slot- ......
web浏览器查看隐藏的密码
有时候我们在web浏览器中输入密码时，有些系统密码框并没有查看密码的小脚丫，我们也不知道有没有输错，如下图： 查看隐藏的密码（此方法也适用于已经保存过的密码）： 1、我们在密码框中鼠标右键，选择“检查” 2、然后会进入代码检查器 3、我们将代码 type="password" 这项改为 type=" ......
vue3新语法糖——setup script
vue3新语法糖——setup script CoCoyY1 2021-03-27 12:5241480 前言 vue3上线已经很久了，许多小伙伴应该都已经使用过vue3了。那么在使用vue3composition API的时候有没有觉得整个过程会比较繁琐呢。比如当你定义了一个方法，然后发现模板需要 ......
新版Chrome浏览器本地调试：阻止不安全的http请求
问题： 最近因为想开发一个网页项目，本地调试时需要通过内网穿透将本地ip映射成外网可以访问的域名；配置好以后跑起vue项目时控制台报错； 原因： 新版谷歌浏览器会阻止不安全的私网http请求。 方法： 进入链接：chrome://flags/#block-insecure-private-netwo ......
vue2公共组件=》筛选条件
源码 <template> <div class="c__filter" :style="`height: ${showFilter ? 'auto' : '47px'}`" v-if="filterNum > 0" ref="tableFilter" > <div class="c_filter_ ......
vue无缝循环轮播
在网上看了几个无缝循环轮播的实现方法，使用方法都比较复杂，所以这里提供一种比较简单的实现方式 gitee: https://gitee.com/philippines-kisses-snow/rotation ## 结构和理论梳理 ### 理论 .href document.getElementById('hero-img').src = imgUrl 官网地址： ......
【校招VIP】前端JS语言考点之Vue考察
考点介绍： Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 一、考 ......
vue 实现 pdf 预览功能
随着互联网的发展，PDF 文件在信息交流和文档分享中起着重要的作用。通过在 Vue 组件中实现 PDF 预览功能，我们可以为用户提供便捷的内容阅读体验。
通过阅读本文，读者将了解如何在 Vue 中实现强大的 PDF 预览功能，为用户提供方便的阅读体验。无论你是刚入门的 Vue 开发者，还是有一定经... ......
前端开发笔记[1]-使用浏览器存储数据
## 摘要 使用vue.js操作cookie,webStoage,indexedDB实现在浏览器存储数据. ## 平台信息 - macOS - safari:版本16.6 (18615.3.12.11.2) - node.js - "vue": "^2.5.2", - "vue-router": " ......
Vue的数据更新，页面不更新的解决办法
## 可能原因 更新的数据跟源数据不是同一个，即不是同一个引用 ## 解决办法 最稳妥的办法，可通过拿到源数据取索引的方式进行数据的更新，如： 有一个源数据叫：originData 那么如果在更新时，通过`this.originData[index].time = newValue`的方式进行更新， ......
vue面试2
VUE2 1. 为什么.Vue被称为“渐进框架”? 使用渐进式框架的代价很小，从而使现有项目(使用其他技术构建的项目)更容易采用并迁移到新框架。Vue.js 是一个渐进式框架，因为你可以逐步将其引入现有应用，而不必从头开始重写整个程序。 Vue的最基本和核心的部分涉及“视图”层，因此可以通过逐步将V ......
vue3 文件上传进度条组件
index.vue文件 <template> <div class="confirm-modal"> <transition name="fade"> <div class="modal-dialog" @click="clickMaskToClose ? handleCancel() : null ......
vue开发超级方便的Node版本管理器nvm
nvm全名node.js version management，是 nodejs 的版本管理工具 可以在一个环境中同时安装多个 nodejs 版本（和配套的 npm 版本），并随时切换 开发调试不同 nodejs 应用变得更省心，随时切换所需要的版本。 github地址： nvm git 地址 nv ......
vue之排序后端排序功能的实现
实现了使用后端的排序，前端只负责向后端发送请求要数据就可以了。 整个代码的简单逻辑就是，后端定义好的接口，前端使用逻辑获取前端是想正序、逆序还是无排序，然后将排序拼接到url中，发送给后端就行了。 代码如下： ```html ``` ......
vue better-scroll的参数和方法
startX: 0 开始的X轴位置 startY: 0 开始的Y轴位置 scrollY: true 滚动方向为 Y 轴 scrollX: true 滚动方向为 X 轴 click: true 是否派发click事件，通常判断浏览器派发的click还是betterscroll派发的click，可以用e ......
vue面试题1
VUE1 1.那你能讲一讲MVVM吗? MVVM是 Model-View-ViewModel缩写，也就是把MVC中的Controller演变成ViewModel。Model层代表数据模型，View代表UI组件，ViewModel是View和Model层的桥梁,数据会绑定到viewModel层并自动将 ......
小宾afreeca tv录制浏览器——打造你的个人直播时刻
你是否是afreeca tv的忠实用户或者热爱直播的主播？你是否曾经遇到过想要记录和回放精彩直播内容的需求？不用担心，小宾afreeca tv录制浏览器就是为你而生。 小宾afreeca tv录制浏览器是一款专为afreeca tv平台打造的直播录制软件。它以其强大的功能和简单易用的操作，让你能够轻 ......
vue项目中嵌入软键盘（中文/英文）
键盘效果是这样，样式可以自己调整。gittee地址：https://gitee.com/houxianzhou/VirtualKeyboard.git步骤1 安装使用jQuery npm install jquery --save main.js中引入 import $ from 'jquery' ......
vue2第二章
1.组件封装 父传子 【使用最多的 主要用于封装 展示型 的组件】 子传父 【主要用于封装 有交互的组件, 一般是有事件绑定】 插槽 【主要是要插入内容】 1）卡片组件封装【展示型组件】 封装 <template> <div class="as-panel"> <div class="icon-wr ......
vue中引入echarts
1、先下载依赖包 npm install echarts -s //安装在目标项目中，如果想要全局安装就用-g 2、引入 2.1、全局引入 main.js中 import echarts from 'echarts' Vue.prototype.$echarts=echarts //也可以用： im ......