源码extend vue
vscode保存时自动ESLint格式化(vue)
一、安装eslint 二、vscode全局配置 2.1 打开设置 2.2 打开 settings.json 2.3 在settings.json中添加eslint配置 { "code-runner.runInTerminal": true, "eslint.format.enable": true, ......
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:{ //监听父组件传递的 ......
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 ......
Collection - LinkedList源码解析
简介： LinkedList 集合底层是一个双向链表结构，具有增删快，查询慢的特点,内部包含大量操作首尾元素的方法。适用于集合元素先入先出和先入后出的场景，在队列源码中被频繁使用。 链表结构的节点新增、删除都非常简单，仅仅把前后节点的指向修改下就好了，所以 LinkedList 新增和删除速度很快。 ......
kubegres 源码解析(五) 总结
kubegres 源码解析(一) kubegres 源码解析(二) kubegres 源码解析(三) kubegres 源码解析(四) kubegres controller 结构图 数据库是典型的有状态应用, 所以至少要是用 StatefulSet 进行部署, Spec 的设定比较常规, kube ......
使用Eclipse开发Vue——CodeMix够智能
使用Eclipse开发Vue——CodeMix够智能 Eclipse的CodeMix插件允许您访问 VS Code和Code OSS扩展社区，以及 Webclipse 1.x 功能。 Vue.js是构建用户界面的渐进式框架。核心 Vue 库只关注视图层，但很容易将其与其他库或现有项目集成。如果您想在 ......
SpringSecurity源码之WebSecurity构建FilterChainProxy
主要参考了https://mp.weixin.qq.com/s/D0weIKPto4lcuwl9DQpmvQ。 SpringSecurity版本是2.7.9。将SpringBoot和SpringSecurity结合使用，SpringSecurity自动配置类是SecurityAutoConfigur ......
完善版手游导航源码app软件 APP手机软件 应用商城下载类网站布局规整
demo软件园每日更新资源,请看到最后就能获取你想要的: 1.完善版手游导航源码app软件 APP手机软件 应用商城下载类网站布局规整，利于用户体验 浏览网站看到一款带后台的app软件手游类源码，后台功能强大，界面美观，适用于app软件，手机软件下载，手游类导航网， 其他行业也可以把数据删掉，添加自 ......
vue-router
################### npm install vue-router Vue.use()方法的源代码如下： function install(Vue) { // 避免重复安装插件 if (install.installed && _Vue Vue) return install.in ......
爬虫最后一天,爬取到的数据存到mysql中，爬虫和下载中间件、加代理、cookie、header、selenium、随机生成uersagent、去重规则源码分析(布隆过滤器)、scrapy-redis实现分布式爬虫、扩展去重规则
==爬到的数据存到mysql中== class FirstscrapyMySqlPipeline: def open_spider(self, spider): print('我开了') self.conn = pymysql.connect( user='root', password="", h ......
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 ......
kubegres 源码解析(四)
CreateSpecChecker SpecChecker 结构体内有 resourceStates 字段, 用于与 Spec 预设值进行比较. rc.SpecChecker = checker.CreateSpecChecker(rc.KubegresContext, rc.ResourcesSt ......
【Spring专题】「技术原理」从源码角度去深入分析关于Spring的异常处理ExceptionHandler的实现原理
ExceptionHandler的作用 ExceptionHandler是Spring框架提供的一个注解，用于处理应用程序中的异常。当应用程序中发生异常时，ExceptionHandler将优先地拦截异常并处理它，然后将处理结果返回到前端。该注解可用于类级别和方法级别，以捕获不同级别的异常。 在Sp ......
spring security自动配置的源码简单分析
本文基于的springboot版本是 2.1.3.RELEASE，用springboot来自动配置spring security， 一、综述 在springboot中使用spring security只需要引入如下依赖 <dependency> <groupId>org.springframewor ......
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 ......