devtools浏览器edge vue
vue前端使用nexus配置npm私有仓库
当我们运行前端项目的时候，常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源，以期让速度加快起来，事实上这种的确能够让速度变快，但是长久来看，如果想真正的快速敏捷开发部署，搭建企业内部的私服 ......
vue-下载本地项目中的文件
vue-下载本地项目中的文件 文件放在public下 新建了一个文件夹statics import axios from 'axios' downs(name) { axios.get('statics/' + name, { //静态资源文件夹public responseType: 'blob' ......
Vue2入门之超详细教程七-事件处理
1、简介 事件的基本使用： （1）使用v-on:xxx或者@xxx绑定事件，其中xxx是事件名 （2）事件的回调需要配置在methods对象中，最终会在vm上 （3）methods中配置的函数，不要用箭头函数！否则this就不是vm了 （4）methods中配置的函数，都是被Vue所管理的函数，th ......
解决vue移动端 ios页面切换出现闪屏现象(可直接复制张贴）
在App.vue文件中 监听路由 //控制左右滑动 watch: { $route(to, from) { const arr = [ '/warningCenter/warningCenterHome', '/equInspection/equInspectionHome', '/ourOrder ......
vue3 自定义组件双向绑定（modelValue）
参考链接：https://huaweicloud.csdn.net/638edf68dacf622b8df8d152.html 父组件： <Customabc ref="editor" v-model="data.introduction" :min-height="400" name="职能" p ......
Vue——eventsMixin【十六】
前言 按着流程接下来就到了eventsMixin，这里面其实主要是$on，$once，$off，$emit的方法定义。 内容 eventsMixin位于src/core/instance/events.ts下 export function eventsMixin(Vue: typeof Compo ......
vue移动端使用(pdfh5) 组件预览PDF
1、安装插件 npm i pdfh5 2、在页面内引入组件 import Pdfh5 from "pdfh5";import "pdfh5/css/pdfh5.css"; 3、写一个展示pdf文件的容器 <div id="pdfType"></div> 4、封装在事件中 initPdf() { th ......
在vue标签代码块中定义变量
方式一： <template> <h1>test</h1> <template :set="first = list[0]"> // 定义变量 <div>{{first.name}}</div> //使用变量 </template> ... </template> <script> export d ......
3.Vue脚手架
3.脚手架 3.1.初识 3.1.1.简介 Vue脚手架/Cli(Command Line Interface)是 Vue 官方提供的标准化开发工具（开发平台）。 官网：https://cli.vuejs.org/zh/ 3.1.2.安装 全局安装@vue/cli(第一次使用时配置即可) npm i ......
【vue】error in ./src/components/NumberInfo/NumberInfo.vue
出现背景：ant design vue pro 执行yarn run serve 解决办法： 修改src/components/NumberInfo.vue 文件中style部分 原来的： <style lang="less" scoped> @import "index"; </style> 注释 ......
如何在xx.vue Vue 框架中写原生js
xx.vue <template> <div @click='alert("a")'></div> </template> 这样在@click 后面直接alert('a'),会包错out:srcdoc:166 TypeError: _ctx.alert is not a function 可是我就是 ......
禁止手机版的firefox浏览器在网页文本框获得输入焦点时自动缩放页面
这是一个相当令人苦恼的“创新”特性，客户端（firefox app）似乎没有办法禁用这个特性，只能从服务端想办法（所以，你只能更改你自己的页面，访问别人的网站你只能忍受）。 在页面的<head> </head>中添加下面的元信息就可以禁止firefox自作聪明： <meta name="viewpo ......
浏览器
浏览器有哪些进程和线程？ 浏览器是一个多进程多线程的应用程序浏览器内部工作极其复杂。为了避免相互影响，为了减少连环崩溃的几率，当启动浏览器后，它会自动启动多个进程。 其中，最主要的进程有：1. 浏览器进程主要负责界面显示、用户交互、子进程管理等。浏览器进程内部会启动多个线程处理不同的任务。2. 网络 ......
Vue学习笔记之Node Sass version 8.0.0 is incompatible with 4.0.0错误
输入以下两个命令： npm uninstall node-sass npm i -D sass 注：Mac环境如果进行了系统升级，需要重新安装Xcode，执行命令 xcode-select install 不然会出现如下的错误 Mac 解决 gyp: No Xcode or CLT version ......
JS中在浏览器外推送消息
// 请求显示通知的权限 Notification.requestPermission().then(function(permission) { if (permission 'granted') { // 创建通知对象 var notification = new Notification('哇 ......
记录在vue3项目中使用wangeditor富文本编译器以及微信小程序中的渲染
首先，管理后台中的使用 npm install wangeditor //f封装成了组件，以下是组件中的内容 <template> <div style="border: 1px solid #ccc; maxwidth: 600px"> <!-- 工具栏 --> <Toolbar style="b ......
ai问答：使使用 Vue3 组合式API 和 TypeScript 父子组件demo
这是一个使用 Vue3 组合式 API 和 TypeScript 的简单父子组件示例 父组件 Parent.vue: <template> <div> <p>{{ msg }}</p> <Child /> </div> </template> <script lang="ts"> import { ......
vue settings.json
{ "background.style": { "content": "''", "pointer-events": "none", "position": "absolute", "z-index": "99999", "width": "100%", "height": "100%", "bac ......
vue-cli安装成功后，使用vue -V命令找不到版本的问题
参考文章一：https://blog.csdn.net/Small_Yogurt/article/details/104968169 参考文章二：https://blog.csdn.net/weixin_43403746/article/details/124631637 我先参考第一篇文章，安装了 ......
vue运行npm install 时，卡在sill idealTree buildDeps没有反应
之前装过vue很简单就装上了，结果这次出了好多问题。 1.win+R再cmd打开的命令行，结果运行报错，说权限不够，只能再powershell用。 2.powershell挂了半天发现卡住不动了，原来是网络问题，用淘宝镜像解决。 方法如下： 使用命令设置为淘宝的镜像源： npm config set ......
Vue3 Suspense
视频 3.Suspense 等待异步组件时渲染一些额外内容，让应用有更好的用户体验 使用步骤： 异步引入组件 import {defineAsyncComponent} from 'vue' const Child = defineAsyncComponent(()=>import('./compo ......
Vue3 Teleport
视频 2.Teleport 什么是Teleport？—— Teleport 是一种能够将我们的组件html结构移动到指定位置的技术。 <teleport to="移动位置"> <div v-if="isShow" class="mask"> <div class="dialog"> <h3>我是一个 ......
SpringBoot 文件打包zip，浏览器下载出去
本地文件打包 @GetMapping("/downloadZip") public void downloadZip(HttpServletResponse response) throws IOException { try { response.setContentType("applicati ......
Vue 创建一个Vue项目
首先，init一个项目 D:\javawebPractce\Vue 这是我的工程路径 创建命令 vue init webpack hello-vue hello-vue是我的项目名称 创建之后，我为了方便，将router自动安装了 安装element UI npm i element-ui -S 安 ......
vue2源码-十三、nextTick在哪里使用？原理是什么？
nextTick在哪里使用？原理是什么？ nextTick内部采用了异步任务进行包装（多个nextTick调用会被合并成一次，内部会合并回调）最后在异步任务中批处理。 主要应用场景就是异步更新（默认调度的时候就会添加一个·nextTick 任务）用户为了获取最终的渲染结果需要在内部任务执行之后再执行 ......
Vue3 Fragment
视频 五、新的组件 1.Fragment 在Vue2中: 组件必须有一个根标签 在Vue3中: 组件可以没有根标签, 内部会将多个标签包含在一个Fragment虚拟元素中 好处: 减少标签层级, 减小内存占用 ......
Vue3 Composition API 的优势
视频 四、Composition API 的优势 1.Options API 存在的问题 使用传统OptionsAPI中，新增或者修改一个需求，就需要分别在data，methods，computed里修改 。 2.Composition API 的优势 我们可以更加优雅的组织我们的代码，函数。让相关 ......
Vue3 响应式数据的判断
视频 6.响应式数据的判断 isRef: 检查一个值是否为一个 ref 对象 isReactive: 检查一个对象是否是由 reactive 创建的响应式代理 isReadonly: 检查一个对象是否是由 readonly 创建的只读代理 isProxy: 检查一个对象是否是由 reactive 或 ......
VUE - 加载图片
VUE - 加载图片 方式1： <template> <div style="width: 100%; height: 100%"> <img :src="addjpg" :data-source="addjpg" alt="" /> </div> </template> <script> impo ......
Vue3 provide 与 inject
视频 5.provide 与 inject 作用：实现祖与后代组件间通信 套路：父组件有一个 provide 选项来提供数据，后代组件有一个 inject 选项来开始使用这些数据 具体写法： 祖组件中： setup(){ ...... let car = reactive({name:'奔驰',pr ......