神器vue-devtools vue devtools
禁用 DevTools 源映射功能, 隐藏 "DevTools failed to load SourceMap" 报错
这个问题可能是因为浏览器的版本不同，所以设置的位置也会略有不同。以下是几个常见浏览器中启用 JavaScript 源映射的方法： Chrome 点击 DevTools 工具栏（或按 F12 键）打开开发者工具窗口，然后在右上角点击“设置”按钮（齿轮图标），选择“Preferences”（偏好设置）选 ......
Chrome DevTools Performance 功能详解
简介 本文整理介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 本人通常每周都会写文章，但直接粘贴搬运到这里总有很多错乱，逐一检查调整很是繁琐，若文章对你有所帮助，劳烦点赞关注支持一下，我也有动力更新更多内容。若内容存 ......
vue 阻止向上和向下冒泡
1、阻止向下冒泡<div @click.self="cancelFunc"></div> 2、阻止向上冒泡<div @click.stop="cancelFunc"></div> ......
VUE怎么实现web端上传超大文件
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......
实现态展示数字（从0动态涨到指定数字）vue2与vue3
vue2 1 安装插件npm install vue-animate-number 2 在MAIN.JS中引入import Vue from 'vue'import VueAnimateNumber from 'vue-animate-number'Vue.use(VueAnimateNumber) ......
Vue router 跳转
useRouter（跳转）, useRoute（获取路由参数） // login.vue // 路由跳转-引入-01 import { useRouter } from "vue-router"; // 路由跳转-实例化后-02 // useRouter 使用push方法进行跳转 const rou ......
vue 加减乘除精度问题处理
安装 bignumber.js yarn add bignumber.js 新建bignumber.js文件 import { BigNumber } from 'bignumber.js' 加 export const plus = (a, b) => { const newPlus = new ......
vue的几个记录
1.父组件传递子组卷数组参数 props: { boxData: { type: Array, default: () => [], //重点 }, 2.要实现父组件传递子组卷的参数动态更新 （父-》子-》子，也只需要在最后一个子组件监听即可。） 需要用到监听器 watch:{ //监听父组件传递的 ......
让代码变得优雅简洁的神器：Java8 Stream流式编程
原创/朱季谦 本文主要基于实际项目常用的Stream Api流式处理总结。 因笔者主要从事风控反欺诈相关工作，故而此文使用比较熟悉的三要素之一的**【手机号】黑名单**作代码案例说明。 我在项目当中，很早就开始使用Java 8的流特性进行开发了，但是一直都没有针对这块进行开发总结。这次就对这一块代码 ......
Vue登录页
1. 创建login.vue文件 // @/pages/login.vue <el-form ref="formRef" :rules="rules" :model="form"> <el-form-item prop="username"> <el-input v-model="form.user ......
Vue2异步更新及nextTick原理
vue2.7 源码中，nextTick并没有直接使用某个 API ，而是采用了优雅降级的方案去实现异步更新。我们额外维护了一个 callbacks，用于存储 nextTick 回调 ......
vue-day2
绑定class样式 :class="" (v-bind的缩写) 修改vue维护的数据，而非直接操作dom 绑定style，内联样式，交给vue管理（要对象，或者数组） font-size -> fontSize 换位驼峰 ⭐⭐⭐vue条件渲染 v-show 底层 -> 调整style行内样式， di ......
使用Eclipse开发Vue——CodeMix够智能
使用Eclipse开发Vue——CodeMix够智能 Eclipse的CodeMix插件允许您访问 VS Code和Code OSS扩展社区，以及 Webclipse 1.x 功能。 Vue.js是构建用户界面的渐进式框架。核心 Vue 库只关注视图层，但很容易将其与其他库或现有项目集成。如果您想在 ......
性能测量工具-DevTools/PageSpeed/LightHouse
前端的性能优化有诸多有迹可循的理论和方法，比如 Yahoo！性能军规（Best Practices for Speeding Up Your Web Site）、Google Pa ......
vue-router
################### npm install vue-router Vue.use()方法的源代码如下： function install(Vue) { // 避免重复安装插件 if (install.installed && _Vue Vue) return install.in ......
Vue——patch.ts【十四】
前言 前面我们简单的了解了 vue 初始化时的一些大概的流程，这里我们扩展下 Vue 的 patch。 内容 这一块主要围绕 vue 中的__patch__进行剖析。 __patch__ Vue.prototype.__patch__的方法位于scr/platforms/web/runtime/in ......
Vue开发规范
############################### 单文件组件内容： <!--componentA.vue--> <script>/*...*/</script> <template>...</template> <style>/*...*/</style> 组件相关： 尽可能的减少wa ......
Vue Router 学习整理
Vue Router 是Vue.js的官方路由。它与Vue.js 核心深度集成，让用Vue.js构建单页应用变得轻而易举。功能包括： 嵌套路由映射 动态路由选择 模块化、基于组件的路由配置 路由参数、查询、通配符 展示由Vue.js的过度系统提供的过渡效果 细致的导航控制 自动激活CSS类的链接 H ......
VUE-Antd开发，validate规则校验第一次为空，后面无论怎么输入都显示不可为空
问题描述 场景是修改弹窗，给数据赋值，其中数据有String 和 Array 第一次操作 多选框（数据类型是Array）输入为空并在输入框外点击，显示不可为空。 之后无论怎么输入都显示不可为空。（当你控制台输出校验value时，会发现里面的值永远是第一次操作的数据，而非为空） 可能原因 1️⃣rul ......
ant-design-vue日历面板 a-calendar 属性自定义设置
通过自定义属性设置,实现一个周末与工作日的不同颜色设置 效果图: 使用的属性: 自定义头部设置 headerRender 自定义日期显示 dateFullCellRender 代码: <template> <div class="box"> <h3>1.自定义头部; 2.自定义日期显示,工作日显示, ......
将Vue项目部署到Tomcat服务器上（简单、粗暴）
1. 将项目打包 Vue中自带webpack，可以通过一行命令将项目打包 # 执行该命令打包 npm run build 2. 上传相应文件到服务器上 打包完成后，项目中会多出一个dist文件夹， 这个文件夹中就包含html、css、js等文件 直接将dist文件夹上传到Tomcat的ROOT目录下 ......
Vue常用指令
常用指令 指令：HTML标签上带有V-前缀的特殊属性，不同指令具有不同含义。 常用指令 | 指令 | 作用 | | | | | v-bind | 为HTML标签绑定属性值，如设置href , css样式等 | | v-model | 在表单元素上创建双向数据绑定 | | v-on | 为HTML标签 ......
html页面里面的button标签使用@click属性时，无法定位到Vue的method里面
问题解决 就很离谱，都是按照网上的教程来的，一直无法定位，之后跟着加上了div标签，加上了id属性，方法还是灰白色，调用不了； 后来直接将el属性名称更改掉了，没想到这样就成功识别到了，反正就是逻辑没有出问题，最后也达到期望值了。 ......
vue-router 设置active路由颜色
声明：以下是vue3设置方式，vue2一样 第一步 createRouter({ // router-line-active 可以自定义别的名字，随便 linkActiveClass: 'router-line-active', history: createWebHistory(), routes ......
教程 - 在 Vue3+Ts 中引入 CesiumJS 的最佳实践@2023
这篇如果 Vue 和 CesiumJS 不发生史诗级的变动，应该不会再有后文了。主要是这类文章没什么营养。 这篇主要修正上篇 https://www.cnblogs.com/onsummer/p/16629036.html 中一些插件的变化，并升级开发服务器的版本。 心急的朋友拉到文末，有示例工程链 ......
vscode 开发 vue3项目 ， src 别名 为 @ ，报错
https://geekdaxue.co/read/me-note@vue/mydm8l 需要设置 basicURL 然后就生效了 { "compilerOptions": { // 设置解析非相对模块名称的基本目录 "baseUrl": ".", // 设置模块名到基于baseUrl的路径映射，可 ......
Vue3 如何查看挂载在 vue 上的 全局组件
使用app.component 查看 [1]你可以通过全局 API app.component 注册全局组件并查看。在 Vue 3 中，你可以通过以下方式来查看挂载在 app 上的全局组件： const app = createApp({}); // 全局注册组件 app.component('my ......
vue2源码-一、rollup环境配置
npm init -y创建初始化package.json并修改script为"dev": "rollup -cw " 安装rollup及其插件: npm install rollup rollup-plugin-babel @babel/core @babel/preset-env --save-d ......