vue源码 周期 生命
一个 OpenTiny，Vue2 Vue3 都支持！
大家好，我是 Kagol，OpenTiny 开源社区运营，TinyVue 跨端、跨框架组件库核心贡献者，专注于前端组件库建设和开源社区运营。 今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。 TinyVue 是一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 ......
ThreadPoolExecutor源码学习
线程池ThreadPoolExecutor ThreadPoolExecutor 继承结构 继承结构如图所示：ThreadPoolExecutor <- AbstractExecutorService <- ExecutorService <- Executor public class Threa ......
vue3使用elmentui-plus中的图标
按照官网这样直接引入使用,不知道为啥行不通: import { Document, Menu as IconMenu, Location, Setting, } from '@element-plus/icons-vue' 使用时,需要 <script> import { UserFilled } ......
前端Vue项目修改
【SpringBoot+Vue】全网最简单但实用的前后端分离项目实战笔记 - 前端_大菜007的博客-CSDN博客 用HBuilder X打开项目，修改 vue.config.js 文件 修改端口号、关闭语法检查、注释 mock ......
vue3引用draggable实现拖拽组件形成form表单
需求： 想要实现这样的一个需求，左边是组件库。中间是展示。拖拉组件到中间就形成一个组件。 刚开始用的form-create,发现不行，又用的form-create-design,但vue3版本的只有element plus库，系统刚开始用的ant-design,而且左边我只需要单行输入框和多行输入框 ......
react 生命周期详解（转载）
React的生命周期可以分为三个阶段：挂载、渲染、卸载； React的生命周期图:从下图可以一目了然的看懂React的生命周期图1 从上图可以看到的是React被分为了三个阶段，分别是挂载过程、更新过程、卸载过程； 挂载过程：1.constructor()constructor()中完成了React ......
angular/react/vue/un-app
web前端三大主流框架分别是什么？-群英 (qycn.com) web前端三大主流框架：1、Angular，是一种用于创建单一应用程序界面的前端框架，具有模块功能强大，拥有自定义命令等优点；2、react，是一个用来构建用户界面的JavaScript开发框架，主要用于构建UI；3、vue，是一套用于 ......
vue表格实现拖拽排序
这老哥的，不用插件，原生js实现 借鉴：https://blog.csdn.net/chengqige/article/details/124871341 。 ......
Nginx 部署vue项目时 nginx配置问题
最近在部署vue项目时遇到问题简单记录下： 本地测试时连接的服务器后台地址 一切ok （有水印是因为我遇到问题了 去问了下大佬 然而大佬都很忙的样子 没空理我 ！！） 然而当我吧前端部署到nginx上时 问题出现了 刚才明明测试的没有问题啊！！奇了怪了 其实解决方法很简单：nginx配置问题 看图 ......
vue项目中webpack编译glsl文件的配置
1、 安装webpack-glsl-loader npm install webpack-glsl-loader 2、修改vue.config.js配置，添加内容如下 module.exports = defineConfig({ configureWebpack: (config) => { co ......
vue3使用体验--用了之后再也不想用vue2
0.个人推荐使用 setup 语法糖，看起来更加简洁。 <script setup> import { ref,reactive,onMounted } from 'vue'; const name=ref('李四')； // 定义普通数据类型的响应式，获取/修改数据需要 .value，在模板中不需 ......
Vue3 setup语法糖添加name属性
1. 安装插件vite-plugin-setup-extend npm i vite-plugin-setup-extend -D 2. 配置vite.config.ts import vue from '@vitejs/plugin-vue' import { defineConfig } fro ......
Vue3+TS配置路径别名@
##1. vite.config.ts import vue from '@vitejs/plugin-vue' import { resolve } from 'path' import { defineConfig } from 'vite' export default defineConfi ......
【学习笔记】JS+VUE
JS JS教程 HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 控制了网页的行为 简介 1、什么是JS？ JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现 ......
成品直播源码，Android实现监听Settings值变化的功能
成品直播源码，Android实现监听Settings值变化的功能 先创建一个内部类继承自ContentObserver class SettingsContentObserver extends ContentObserver { public SettingsContentObserver() { ......
用quasar+vue3+组合式api 实现小米商城标题栏动画
先来看一下小米商城标题栏动画： 小米商城标题栏动画主要特点： 移入时二级菜单缓慢出现； 移出时二级菜单缓慢消失； 在一级菜单之间移动时，二级菜单内容直接切换，没有过渡效果。 实现思路 一、纯css实现（❌） 首先肯定是考虑 :hover，但是经过试验发现，:hover 可以实现鼠标移入移出时的过渡效 ......
.net core 依赖注入生命周期 Singleton、Scoped、Transient
1.控制反转与依赖注入 我们在学习依赖注入生命周期之前，先了解一下依赖注入控制反转，控制反转IoC(Inversion of Control)是一种思想，依赖注入DI(Dependency Injection)是控制反转的一种实现，通过Ioc容器把原来开发人员主动创建对象等工作，交给了容器进行创建与 ......
vue跳到下一页
好久没接触vue了，，，写毕设的时候，需要从注册页跳到选择兴趣爱好页， 印象里还记得是使用this.$router.push({ path:'/'})来跳到下一页，但是一直跳不进去，why，，， 去路由配置中心一看，没毛病啊，配置好兴趣爱好页的路由， 然后放到注册页的子页面，，傻了，两个页面同时存在 ......
vue中使用echarts的两种方法
vue中使用echarts的两种方法 Posted on 2021-08-15 18:59 书中枫叶 阅读(33524) 评论(1) 编辑 收藏 举报 在vue中使用echarts有两种方法一、第一种方法1、通过npm获取echarts npm install echarts --save 2、在v ......
vue2 使用 swiper 轮播图效果
vue2 使用 swiper 轮播图效果 Posted on 2021-04-08 13:58 书中枫叶 阅读(1612) 评论(0) 编辑 收藏 举报 上次更新: 2022-03-08 17:06 第一步、先安装swiper插件 npm install swiper@3.4.1 --save-de ......
VUE：引入腾讯地图并实现轨迹动画
VUE：引入腾讯地图并实现轨迹动画 Posted on 2022-09-22 15:07 书中枫叶 阅读(1421) 评论(4) 编辑 收藏 举报 腾讯位置服务JavaScript API 效果： 引入步骤： 在 html 中通过引入 script 标签加载API服务 在一个盒子元素 div 中预先 ......
vue 预览PDF、Docx、EXCEL文件
<template> <div class="contentArea"> <div class="fileContainer" ref="fileDiv" v-if="$route.query.fileName.indexOf('docx') !== -1"></div> <div class="f ......
vue3 el-table-column 修改时间格式
根据element文档说明，el-table中的el-table-column 是可以使用 formatter 格式化时间的。 先添加 绑定函数 formatter <el-table-column prop="createdTimeFormat" :formatter="dateFormat" l ......
vue生命周期（钩子函数）
介绍 Vue实例有一个完整的生命周期，也就是从开始创建初女台化数据、编译模板、挂载DOM、渲染一更新一渲染、卸载等一系列过程，我们称这是Vue的生命周期。 生命周期： vue实例从创建到销毁的过程。 生命周期钩子： 就是生命周期事件的别名而已 钩子函数 描述 创建期间的生命周期函数 beforeCr ......
ZR.Admin小改和VUE3版本体验
阿峰从事编程二十年了，虽然没有成为架构师，却也用过很多种架构。几年前开始研究JAVA企业级快速开发框架若依，后来发现了它的.net 版本实现-ZR.Admin。从此一发不可收拾，崇拜的五体投地。对它作了些改动，记录下来。 ......
使用vue3创建后台管理项目
最后案例： 一：创建一个 Vue 应用 打开控制台： npm init vue@latest 输入你需要创建的项目名称，一路回车 下载需要的包，如下： "dependencies": { "@element-plus/icons-vue": "^2.1.0", "axios": "^1.3.5", ......
Ruoyi-vue 左侧菜单栏默认保持收缩
在项目的 src\store\modules\app.js 路径下 sidebar: { opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : false, // 如果不想这个读cookie，那么就直接设置为 ......
Collection - Stack & Queue 源码解析
Vector和stack Vector：Vector的底层与ArrayList类似.都是以动态数组的方式进行对象的存储 Vector与ArrayList的区别在于Vector是线程同步操作安全的，并发安全保证 Vector很多对外的方法都用Synchronized关键字进行修饰，所以通过vector ......
[Spring6.0源码解析]简述@Configuration注解
@Configuration 标注在类上，启动 Spring 会自动扫描@Configuration注解的类，将其注册到IOC容器并实例化bean对象。如果在@Configuration注解的类中使用@Bean注解某个类对象的方法，Spring也会自动将注解了@Bean的方法注册到IOC容器，并进行 ......