vue源码 周期 生命
Vue-自定义icon实现
在项目中引入了element-ui之后，发现其内置的icon有限，无法满足项目的需求，因此需自定义icon来实现需求。 1. 在vue项目的components下新建SvgIcon目录，在SvgIcon目录下新建index.vue ![image](https://img2023.cnblogs.c ......
spring boot 原理：生命周期
https://docs.spring.io/spring-boot/docs/2.3.9.RELEASE/reference/html/spring-boot-features.html#boot-features-application-events-and-listeners 引子 Sprin ......
源码交付、批量导出jar、批量上传至nexus
思路：新建一个目录用于存放各个项目源码；新建一个settings文件用于本地仓库和nexus认证配置；通过maven dependency 插件获取依赖的组件列表和坐标信息；再通过 maven deploy 插件将组件批量上传。 <?xml version="1.0" encoding="UTF-8 ......
vue基础用法-属性绑定指令
# 属性绑定指令 注意：插值表达式只能用在元素的**内容节点**中，不能用在元素的**属性节点**中！ 如果需要为`元素的属性`动态绑定`属性值`，则需要用到`v-bind`属性绑定指令。用法示例如下： 在vue中，可以使用 v-bind:指令，为元素的属性动态绑定值； 简写是英文的 `:` ``` ......
vue基础用法-内容渲染指令
# 1.指令的概念 `指令（Directives）`是vue为开发者提供的`模板语法`，用于`辅助开发者渲染页面的基本结构`。 vue中的指令`按照不同的用途`可以分为如下6大类： 1. `内容渲染`指令 1. `属性绑定`指令 1. `事件绑定`指令 1. `双向绑定`指令 1. `条件渲染`指令 ......
vue系列---【vue 使用decimal.js 解决小数相加合计精确度丢失问题】
1. 使用 npm 安装 decimal.js 库 ```vue npm install decimal.js ``` 2.在 Vue 组件中引入该库 ```vue import Decimal from 'decimal.js'; ``` 3.使用示例 ```vue footerMethod({c ......
基于JAVA的springboot+vue财务管理系统，附源码+数据库+论文+PPT
**1、项目介绍** 随着信息技术和网络技术的飞速发展，人类已进入全新信息化时代，传统管理技术已无法高效，便捷地管理信息。为了迎合时代需求，优化管理效率，各种各样的管理系统应运而生，各行各业相继进入信息管理时代，财务管理系统就是信息时代变革中的产物之一。 任何系统都要遵循系统设计的基本流程，本系统也 ......
vue2响应式原理
一、初识响应式原理 如果我们在 Vue 实例中声明过的数据发生了改变，那么所有用到这份数据的视图都会更新重新渲染，我们称这些数据就是响应式数据。响应式概括来说就是 数据驱动视图的自动更新。 <div id="app"> {{ obj.message }} </div> let data = { ob ......
初识Vue
### 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascri ......
ant design vue 下的a-input 使用v-decorator（修改数据）回显
a-input 使用v-decorator回显不应该用 v-model，可以使用 this.form.setFieldsValue 来动态改变表单值。 定义form：<template> <div class="main"> <a-form id="formLogin" class="user-la ......
drf之频率类源码
# 1 频率类 ```python 写一个类，继承SimpleRateThrottle，重写get_cache_key，返回[ip，用户id]什么，就以什么做限制，编写类属性 scope = 字符串，在配置文件中配置 'DEFAULT_THROTTLE_RATES': { '字符串': '3/m', ......
uniapp 组件中使用页面的生命周期（vue2）
用于直接在组件中使用onLoad，onBackPress等 因为之前在写App的时候有许多弹窗，希望可以在有弹窗的时候先关闭弹窗，没有弹窗在执行返回事件，因此需要在页面onBackPress里面写很多判断，因此找了一些方法，写了可以直接在组件中调用页面生命周期的方法！ 使用mixin this.$c ......
通过实例了解vue3.3更新的特征
#### 开场白 ``` 5月份，vue团队发布了 vue3.3. 这次小版本的发布主要解决了-- Vue 与 TypeScript 一起使用时的许多长期存在的痛点. 下面我们一起来学习一下vue3.3新特征 ``` #### 准备新新特征的环境 ``` 根据官方团队的描述，我们需要准备一下工作。 ......
【Vue】 vue项目的目录结构
├── build/ # Webpack 配置目录 ├── dist/ # build 生成的生产环境下的项目 ├── config/ # Vue基本配置文件，可以设置监听端口，打包输出等 ├── node_modules/ # 依赖包，通常执行npm i会生成 ├── src/ # 源码目录（开发 ......
【Vue】的API风格_选项式API和组合式API
API 风格 API风格可分选项式API和组合式API。 选项是API (Options API) 使用选项式 API，可以用包含多个选项的对象来描述组件的逻辑，例如 data 、 methods 和 mounted 。 选项所定义的属性都会暴露在函数内部的 this 上，它会指向当前的组件实例。 ......
源码、二进制可执行文件、jar包
源码（Source code）：源码是开发人员编写的人类可读的程序代码，它以文本文件的形式存在，并使用特定的编程语言编写。源码包含了程序的逻辑、算法和操作步骤，以及相关的注释和文档说明。源码通常存储在版本控制系统中，并且用于开发、调试和维护软件。 二进制文件（Binary file）：二进制文件是计 ......
【解决】Vue 高德地图自定义地图样式，无法显示、无法生效的问题
之前修改这个搜索框的样式，一直不生效，后面经过查找发现问题如下： 1、不能把样式放在scoped样式里面，还有就是不能写deep ......
源码和二进制文件
源码（Source code）是开发人员编写的人类可读的程序代码。它通常以文本文件的形式存在，使用特定的编程语言编写。源码包含了程序的逻辑、算法和操作步骤，以及相关的注释和文档说明。 二进制文件（Binary file）是计算机能够直接执行的机器码形式的文件。它是由源代码经过编译或汇编生成的，以供计 ......
怎么编译源码，得到可执行二进制文件
源码（Source code）是开发人员编写的人类可读的程序代码。它通常以文本文件的形式存在，使用特定的编程语言编写。源码包含了程序的逻辑、算法和操作步骤，以及相关的注释和文档说明。 二进制文件（Binary file）是计算机能够直接执行的机器码形式的文件。它是由源代码经过编译或汇编生成的，以供计 ......
从源码角度剖析 golang 如何fork一个进程
# 从源码角度剖析 golang 如何fork一个进程 创建一个新进程分为两个步骤，一个是fork系统调用，一个是execve 系统调用，fork调用会复用父进程的堆栈，而execve直接覆盖当前进程的堆栈，并且将下一条执行指令指向新的可执行文件。 在分析源码之前，我们先来看看golang fork ......
vue xlsx组件 导出的excel表头插入内容
主要就是sheet_add_dom这个方法， dom是带有table标签元素的dom节点。 timeData是个二维数组：[["条件1","条件2"]，["值1","值2"]]; 如果是要在表格内容行里面插入内容，可以直接在与表格绑定的对象上，插入内容就可以了。 /*timeData 是二维数组*/ ......
Vue路由中resetRouter重置routes的参数hidden时无法生效
记录：如题，当在静态的router中设置伪权限，即设置routes路由的参数hidden 代码如下： import store from "@/store"; // 伪权限，设置定时器的原因是router/index.js中无法及时拿到store var timer = setInterval(() ......
Vue3 中组合式API 与 React Hooks 的区别是？
Vue3 中组合式API 与 React Hooks 的区别是？ 1. 调用顺序 Vue3：组合式API不限制调用顺序，可以有条件地进行调用 React-hooks：有调用顺序的限制，不可以写在条件分支中 查看源码分析：例如：useState定义的变量会放在一个数组中，在条件分支中需要根据条件定义变 ......
vue解决密码input框内回显浏览器之前保存的账号密码
问题： 浏览器保存登录的账号密码之后，在界面修改会自动回显到input框内，影响观感使用。 解决办法： 给input加上属性 autocomplete="new-password" readonly onfocus="this.removeAttribute('readonly'); this.ty ......
vue介绍和基本使用，插值语法，文本指令和事件指令
# 1 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascri ......
【虚幻引擎】UE4源码解析FWorldContent、UWorld、ULevel、UGameInstance、UEngine
一、UEngine Engine，因为也是很基础的类，再加上开发过程中会经常访问到该类型，因此UE4引擎也在代码全局范围内定义了一个该类型的全局变量：UEngine* GEngine供开发者直接调用。该最基础的类型分化成了两个子类：UGameEngine和UEditorEngine。 UGameEn ......
Vue之前端的发展史、介绍 和 基本使用、第一个helloworld、插值语法、文本指令、事件指令
[toc] # 一、前端的发展史 - 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascript=E ......
vue发展历史&差值语法&文本指令
## 1 前端的发展史 ```python # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -javascr ......
vue3实现元素监听滚动事件
// useScroll.js import { debounce } from '@/common/util.js' export default function useScroll(elRef) { console.log('########3useScroll', elRef.value) ......