全局 环境 项目vue
linux(centos版本)下docker部署.netcore项目
准备： 1.要在Linux系统上使用Docker部署系统，你需要安装Docker引擎以及一些其他相关的软件。以下是安装步骤：安装Docker引擎： 对于Ubuntu系统，可以使用以下命令安装Docker： sudo apt-get update sudo apt-get install docker ......
拖拽宫格vue-grid-layout详细应用及案例
[toc] # 1、前言 vue-grid-layout是一个适用于vue的拖拽栅格布局库，功能齐全，适用于拖拽+高度/宽度自由调节的布局需求。本文将讲述一些常用参数和事件，以及做一个同步拖拽的Demo。效果动态图如下：  # 前言 开源这件事情在软件开发领域一直是一个高频话题，我们工作中不管是使用到的工具还是第三方库都离不开开源的支持。 近期由于工作的原因，我需要经常和 `Apache P ......
前端 Vue 应该知道的一些东西，个人笔记 2021-11-26
## 前端代码编写规范及es6常用语法 1. 命名规范 ``` 文件夹名称，文件名称，组件名称，统一使用大驼峰或者 小横线方式命名； 组件文件名: list-item.vue.或者ListItem.vue; 基础的无状态的通用组件加V Base App前缀 BaseButton AppButton ......
【Vue笔记链接总结】
# 【Vue笔记链接总结】 # 【一】前端发展史 - [【1.0】前端的发展史 - Chimengmeng - 博客园 (cnblogs.com)](https://www.cnblogs.com/dream-ze/p/17610231.html) # 【二】Vue之介绍及引入 - [【2.0】Vu ......
【Vue大回顾】
# 【Vue大回顾】 # 【一】Vue入门 ## 【1】MVVM（Model-View-ViewModel）架构 - MVVM（Model-View-ViewModel）是一种软件架构模式，用于将用户界面（View）与应用程序逻辑（Model）之间的关系进行解耦。 - 在MVVM中，ViewMode ......
【补充】uni-app和开源前端项目
# 【补充】uni-app和开源前端项目 # 【一】uni-app - https://uniapp.dcloud.net.cn/tutorial/app-useragent.html - uni-app是一个基于Vue.js框架的多端开发解决方案，可以同时开发生成iOS、Android、H5等多个 ......
【13.0】Vue3之引入
# 【一】Vue3介绍 ## 1.性能的提升 - 打包大小减少41%： - Vue3采用了一种新的编译器，它能够生成更精简的代码，从而减小了打包后的文件大小。 - 初次渲染快55%, 更新渲染快133%： - Vue3对渲染过程做了优化，提高了首次渲染和更新渲染的速度。 - 内存减少54%： - V ......
【14.0】Vue3之函数
# 【一】setup函数 - `setup`函数是用来替代Vue 2中的`data`、`methods`等选项的。 - 它是一个特殊的函数，它会在组件实例创建之前被调用，用于初始化组件的状态和行为 - `setup`函数可以定义变量和函数，并且可以使用ES6的`let`和`const`语法来声明变量 ......
【12.0】Vue之Router的使用
# 【一】Router的介绍 - Router是一种用于实现页面组件跳转的工具。 - 在单页面应用中，为了实现页面之间的切换，可以使用Router来进行管理和控制。 - 提倡单页面应用，需要做页面的跳转 》借助于Router实现页面组件的跳转 # 【二】Router之简单使用 ## 【1】页面跳转 ......
Vue 第三方UI库参考
# Vue3 UI库 # 【一】Element Plus(ElementUI 的升级版): - Element Plus 是前端开发者广泛使用的一个基于 Vue 3 的 UI 组件库。它是 ElementUI 的升级版，提供了丰富的组件和样式，以及强大的功能。其基本使用操作包括： - 安装 Elem ......
【15.0】Vue之Hook实现打点
# 【一】JS代码 - `\src\hook\UsePoint.js` ```js import {onBeforeUnmount, onMounted, reactive} from "vue"; export default function () { let point = reactive( ......
【11.0】Vue之状态管理器(Vuex)的使用
# vuex # 【一】介绍 > - vuex :状态管理器 》存数据(变量)的地方，所有组件都可以操作 > > - 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信 - Vuex是一个 ......
【10.0】Vue之插件
# 【一】插件 - 插件功能：用于增强Vue，有很多第三方插件 - `(vuex，router，elemetui)` - 定义自己的插件 - 本质：包含install方法的一个对象，install的第一个参数是Vue，第二个以后的参数是插件使用者传递的数据 - 使用步骤： - 定义插件 - plug ......
vue ssr express.js 报错：TypeError: Cannot read properties of null (reading 'records')
在vue ssr时，java后端返回的对象是内嵌对象的那种： package com.davidhu.shopguide.api.bean.extend; import com.baomidou.mybatisplus.extension.plugins.pagination.Page; impor ......
Day21-SSM项目整合
SSM整合项目 新建数据库 CREATE DATABASE ssmbuild;USE `ssmbuild`DROP TABLE IF EXISTS `books`;CREATE TABLE `books`(`bookID` INT (10) NOT NULL AUTO_INCREMENT CO ......
vue--day56--动画效果
1. Test.vue <template> <div> <button @click="isShow=!isShow"> 显示/隐藏 </button> <h1 v-show="isShow" class="come">你好呀</h1> </div> </template> <script> ex ......
Docker部署SpringBoot项目微服务
登录linux服务器，进入目录 usr/local目录，创建两个文件夹 使用alt+p快捷键，将windows目录中生成的jar包，拖到linux桌面 使用cp命令，将linux桌面中jar包，复制到指定目录 cp lesson01-0.0.1-SNAPSHOT.jar /usr/local/doc ......
C#/.NET/.NET Core优秀项目和框架每周精选（坑已挖，欢迎大家踊跃提交PR或者Issues中留言）
前言 注意：排名不分先后，都是十分优秀的开源项目和框架，每周定期更新分享（欢迎关注公众号：追逐时光者，第一时间获取每周精选分享资讯🔔）。 每周精选优秀的C#/.NET/.NET Core项目和框架，帮助开发者发现功能强大、性能优越、创新前沿、简单易用的项目和框架。无论你是寻找灵感、学习新技术、改进 ......
Docker部署SpringBoot项目准备
创建一个SpringBoot项目测试程序，在Windows中执行 java -jar xxx.jar 查看效果 java -jar lesson01-0.0.1-SNAPSHOT.jar 主要代码 1、pom.xml文件 <?xml version="1.0" encoding="UTF-8"?> ......
win环境下jdk、python、node版本管理器
win环境下jdk、python、node版本管理器 遇到多个项目中使用不同版本的环境时， 做自己的项目和公司的项目使用的也不一致时， 管理器的作用就显现出来了。 20230806，后续再补充 jdk对应jabba[Net.ServicePointManager]::SecurityProtocol ......
vue-router addRoute将子路由添加到指定路由下
router.addRoute()可以向vue路由中动态的添加路由信息，但，路由存在多层级关系，例如，最开始的路由是这样的： { path: '/', name: 'layout', component: resolve => require(['../layout'], resolve), met ......
【9.0】Vue之项目规范
# 【一】vue-cli创建项目 ## 【1】引入 ### 单页面应用（SPA） - 单页面应用（Single Page Application，简称SPA）是一种Web应用程序的架构方式。 - 传统的多页面应用中，每次导航到新页面都会进行整个页面的重新加载。 - 而SPA只有一个主页面（通常是in ......
【8.0】Vue之ref属性
# 【ref属性】 > ref属性，vue提供的，写在标签上 > > - 可以写在普通标签：在vue中使用 this.$refs.名字 拿到dom对象，可以原生操作 > - 可以写在组件上:在vue中使用 this.$refs.名字 拿到[组件]对象，组件属性，方法直接使用即可 # 【详解】 - r ......
【十一】Vue之Vue3
# 【一】Vue3的变化 ## 【1】性能的提升 - 打包大小减少41% - 初次渲染快55%, 更新渲染快133% - 内存减少54% ## 【2】源码的升级 - 使用Proxy代替defineProperty实现响应式 - 重写虚拟DOM的实现和Tree-Shaking ## 【3】拥抱Type ......
【2.0】Vue之引入
# 【一】Vue介绍 - Vue (读音 /vjuː/，类似于 view) 是一个渐进式JavaScript框架，用于构建用户界面。 - 它与其他大型框架的不同之处在于，Vue的设计理念是可以逐层应用的。 - Vue的核心库只关注视图层，这使得它不仅易于上手，还方便与第三方库或已有项目进行整合。 - ......
【3.0】Vue之语法
# 【一】插值语法 ```html Title {{s}} {{name}} ``` ```html Title 字符串：{{name}} 数字：{{age}} 数组：{{hobby}} >{{hobby[1]}} 对象：{{wife}} >{{wife['name']}} >{{wife.age} ......
【7.0】Vue之组件
# 【一】组件介绍 ## 【1】什么是组件 > - 组件就是：扩展 HTML 元素，封装可重用的代码，目的是复用 > - 例如： > - 有一个轮播图，可以在很多页面中使用，一个轮播有js，css，html > - 组件把js，css，html放到一起，有逻辑，有样式，有html - 组件是在Web ......