Pinia学习 1. 什么是PiniaPinia 是 Vue 的专属的最新状态管理库 ,是 Vuex 状态管理工具的替代品 1.提供更加简单的API(去掉了 mutation ) 2.提供合组合式风格的API(和 Vue3 新语法统一) 3.去掉modules 的概念,每一个 store 都是一个独立的模块 4.配合typeScript 更加友好,提供可靠的类型推断 2. 手动添加Pinia到Vue项目后面在实际 2024-10-18 前端 #前端 #pinia
vue3学习 vue2 与 vue3对比Vue2 选项式 API vs Vue3 组合式API1234567891011121314<script>export default { data(){ return { count:0 } }, methods:{ addCount(){ t 2024-10-18 前端 #前端 #vue3
vuex学习 介绍Vuex 是一个 Vue 的 状态管理工具,状态就是数据。 大白话:Vuex 是一个插件,可以帮我们管理 Vue 通用的数据 (多组件共享的数据)。例如:购物车数据 个人信息数据。 https://vuex.vuejs.org/zh/ 安装1yarn add vuex@3 或者 npm i vuex@3 新建 store/index.js 专门存放 vuexstore/index.js 2024-10-18 前端 #前端 #vuex
vue-router学习 介绍https://router.vuejs.org/zh/guide/ Vue Router 是 Vue 官方的客户端路由解决方案。 客户端路由的作用是在单页应用 (SPA) 中将浏览器的 URL 和用户看到的内容绑定起来。当用户在应用中浏览不同页面时,URL 会随之更新,但页面不需要从服务器重新加载。 Vue Router 基于 Vue 的组件系统构建,你可以通过配置路由来告诉 Vue Rou 2024-10-17 前端 #前端 #vue-router
spring_boot应用转发websocket 需求或场景当对接多个第三方的websocket服务时,如果要前端直连,业务全在前端、第三方的添加与删除不好控制(版本升级)等问题,所以需要搭建自已的websocket服务提供给前端标准api,然后后端去连接第三方的websocket服务,就是相于转发。 添加存储session的容器至配置类1234567891011121314151617181920212223242526272829303132 2024-10-14 spring boot #spring boot #websocket
spring_boot搭建websocket服务 创建maven项目在idea新建普通maven项目 加入相关jar包pom.xml 123456789101112131415161718192021222324252627282930313233343536373839404142434445<?xml version="1.0" encoding="UTF-8"?><project x 2024-10-10 spring boot #spring boot #websocket
husky与lint-staged学习 husky简介Husky是一个Git hook工具,可以帮助我们在git事件发生时自动运行脚本。git hook是一种机制,它允许在git执行操作时自动支行特定脚本,以执行自定义操作。 https://typicode.github.io/husky/zh/ git hook有: https://git-scm.com/docs/githooks 在提交或推送时,自动化 检查提交信息、检查代码 和 2024-09-18 前端 #前端
vue2学习 概念什么是vueVue (读音 /vjuː/,类似于 view) 是一套 **构建用户界面 ** 的 渐进式 框架 构建用户界面基于数据渲染出用户可以看到的界面 渐进式所谓渐进式就是循序渐进,不一定非得把Vue中的所有API都学完才能开发Vue,可以学一点开发一点 框架所谓框架:就是一套完整的解决方案 提到框架,不得不提一下库。 库,类似工具箱,是一堆方法的集合,比如 ax 2024-09-18 前端 #前端 #vue
ESlint学习 介绍https://eslint.nodejs.cn/ eslint是一个代码质量检测的包。 javascript standard style https://standardjs.com/readme-zhcn.html ESLint 规则表 https://zh-hans.eslint.org/docs/latest/rules/ 创建Vue时引入了如果使用像 1pnpm create v 2024-09-14 前端 #前端 #eslint
pettier学习 介绍https://www.prettier.cn/ Prettier 是一款流行的代码格式化工具,它可以自动化地进行代码格式化,以帮助开发者提高代码的可读性和维护性。 vue项目安装Pettier安装包 1npm install --save-dev prettier 创建配置文件(.prettierrc)添加内容: 1234{ "singleQuote": t 2024-09-14 前端 #前端