撸一套vue多端共用，非常适合需要快速且全面上线的项目。但是多端共用一套vue代码，由于平台间的互相限制，每端在某些业务例如支付分享等是完全独立的代码，每个平台的支付方式也会有所差异，造成在这些业务的实现过程中会有太冗余的“if else”判断。所以为了提高代码的复用性、扩展性，可以将代码拆分，以-小程序和App两端举例，一份部署到小程序，一份部署到App（Android&Ios）。首先代
vuex 简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 通俗的来说，vuex是用于当某一状态需要在多个组件中共享，方便我们使用并追踪这些状态时使用。1，vuex的总体结构vuex的总体结构分为 modules下面的所有子模块和根模块（即全局状态） 这里我把rootState这个根模块
转载
2024-10-29 12:48:23
21阅读
在实现"springboot websocket共用web端口"这个需求之前，首先需要了解一下WebSocket是什么以及它是如何工作的。WebSocket是HTML5新增的协议，允许在单个TCP连接上进行全双工通信。与HTTP协议不同的是，WebSocket是一种双向通信协议，允许服务器主动向客户端推送消息。
接下来，我们来看一下如何在Spring Boot中实现WebSocket共用web端
原创
2024-05-16 10:58:54
1297阅读
什么是vueVue的核心理念为什么要学习Vue流行框架框架和库的区别MVC和MVVMVue.js的代码结构三种展示数据的方法属性绑定v-bind和事件绑定v-on什么是vue要创建一个Vue项目首先要了解什么是Vue。目前前端有三大主流框架：Vue.js，Angular.js，React.jsVue是用于构建用户界面的js渐进式框架，采用自底向上逐层应用增量开发的设计Vue的核心理念Vue的核心理
为了更好的服务互联网移动应用，响应总行打造数字化银行的战略目标，浙江省分行对移动前端框架进行了积极的探索。如今，以Angular、React、Vue为首的MVVM框架，正成为大量网站前端应用的首选。利用这些框架可以容易的开发一系列风格统一的移动端、桌面端网站，并相对平滑地转化为安卓与iOS的应用，打造一体化的线上服务。其中Vue框架易于使用，性能出色，且拥有大量第三方扩展。我行开始着手从传统的JQ
学习目标：本篇日志记录我6-28及6-29两天的学习工作。 目标大致如下：下载安装前端开发平台HBuilderX并搭建Vue开发环境，尝试创建第一个Vue项目。学习Vue基本标签及语法，尝试使用Vue写前端网页。学习内容：（一）安装HbuilderX 前往官网：HBuilderX安装地址 如图所示单击如下按钮进行安装 （二）搭建Vue环境，创建第一个Vue项目 安装后，参考如下链接配置Vue环境H
需求我希望写一个公共结果页面，满足所有模块的结果展示，页面设计要素如下：结果图标type（成功图标，失败图标）标题title（如：提交成功）描述descripton（如：您的工单已提交，请等待管理员审核）内容content（内容不固定，样式不固定，可自定义）操作action（提供默认按钮，可定制返回步数，具备自定义的能力）我希望的结果页面应该是这样的只有一个路由页面，所有人模块跳转到当前页面展示结
# Redis两个项目共用
## 简介
Redis是一个开源的内存数据存储，可以用作数据库、缓存和消息中间件。在实际项目中，有时候会遇到多个项目需要共用同一个Redis实例的情况。本文将介绍如何在多个项目中共用同一个Redis实例，并提供代码示例。
## 如何实现
为了实现多个项目共用同一个Redis实例，我们可以通过在每个项目中引入相同的Redis配置来实现。首先在一个项目中配置好Red
原创
2024-07-05 03:59:27
65阅读
项目总结30：token的实现以及原理(附源码)什么是token 一句话概括：token是身份令牌，用于客户端请求服务端时提供身份证明； 再具体点(以APP为例)：用户通过账号和密码登陆APP后，服务端会返回一个参数给客户端，假设服务端很粗暴的将userId(即数据库中的用户id)传给用户，用户接下请求接口，每次只需要传这个userId给服务端，就这一证明自己的身份，这样是可以实现(身份证明)
转载
2024-10-20 12:11:49
33阅读
之前的文章已经提到了，如何配置Vue的开发环境了，现在开始做一个简单的项目，主要就是介绍怎么使用组件、路由以及通信等，大家就不要吐槽UI和样式的问题。 这是我的src目录，component是放公用组件的，page是页面，static是放静态资源文件 首先先来看看main.js我们需要在这里引入我们需要用到的组件和库// The Vue build
1: nginx部署前端vue项目2: nginx配置https3: 如何修改console面板和浏览器窗口主动修改为https4: 彻底理解在本地进行配置https的含义1: nginx部署前端vue项目 在linux环境中使用nginx部署Vue项目主要分为如下几个步骤 项目打包nginx修改配置文件nginx部署1）针对项目打包比较简单，使用如下命令即可npm run build该命令会在工
转载
2024-10-10 09:16:49
362阅读
# 实现多项目共用一个Redis的步骤
## 1. 创建一个Redis服务
首先，我们需要在服务器上安装Redis服务，并启动它。你可以使用以下命令来安装Redis：
```shell
sudo apt update
sudo apt install redis-server
```
## 2. 配置Redis
接着，我们需要配置Redis允许外部访问。编辑Redis配置文件，找到并修改`bi
原创
2024-06-01 06:35:28
84阅读
在Vue项目中实现全局websocket通信是一种常见的需求，它使得前端页面能够实时获取后端服务器的数据更新。在本文中，我将向大家介绍如何在Vue项目中实现全局websocket通信，以及如何将websocket实例挂载在Vue的原型链上，使得在项目的任何地方都可以方便地调用websocket对象。
首先，让我们来看一下实现“vue全局websocket”的整个流程：
| 步骤 | 操作
原创
2024-04-23 19:23:09
307阅读
在Vue项目中实现WebSocket全局功能，可以让前端与后端实现双向通信，实时更新数据，提高用户体验。下面我将为你介绍如何在Vue项目中实现WebSocket全局功能。
### 步骤
| 步骤 | 操作 |
| -----| ----- |
| 1 | 安装WebSocket插件 |
| 2 | 创建WebSocket实例 |
| 3 | 在Vue实例中使用WebSocket实例 |
| 4
原创
2024-04-23 19:22:11
263阅读
websockt.jsconst WSS_URL = "ws://127.0.0.1:8080/fushan_sys/websocket"let Socket = ''let setIntervalWesocketPush = null/*) { if (!Socket) { console.log(...
转载
2023-02-22 10:49:44
128阅读
## 如何实现Vue全局websocket
欢迎小白来到这里，今天我将教你如何在Vue中实现全局websocket。WebSocket是一种在单个TCP连接上进行全双工通信的协议，它使得客户端和服务器之间的数据交换变得更加简单和实时。在Vue中使用全局websocket可以让我们在整个应用中方便地进行实时通信。
### 流程概述
首先，让我们来看一下实现Vue全局websocket的整个流程：
原创
2024-04-23 19:22:24
265阅读
### 实现Vue WebSocket通信
#### 概述
WebSocket 是一种在单个 TCP 连接上进行全双工通信的协议，能够实现实时的数据传输。在 Vue 中使用 WebSocket 可以实现前端与后端的实时通信，例如实时更新数据、实时通知等功能。
#### 流程
为了让你更好地理解如何实现 Vue WebSocket 通信，我将给你详细介绍整个流程，以及每一步需要做什么并附上代码示
原创
2024-05-16 10:58:23
99阅读
要在Vue.js中实现实时任务信息通知，你可以使用WebSocket来建立与服务器的通信，并在服务器端有新任务信息时向客户端发送通知。以下是一个简单的示例：首先，确保你已经安装了Vue.js并创建了一个Vue.js项目。安装WebSocket库。你可以使用websocket库或者其他类似的WebSocket库。如果使用npm，可以运行以下命令安装：npm install websocket创建We
原创
2024-03-12 09:24:55
167阅读
# 实现WebSocket前端Vue教程
## 概述
在本教程中，我们将学习如何在Vue.js中使用WebSocket实现实时通信功能。WebSocket是一种在浏览器和服务器之间进行全双工通信的技术，可以实时传输数据，非常适合开发实时聊天、实时数据更新等功能。
### 步骤概览
下面是实现WebSocket前端Vue的步骤概览：
| 步骤 | 描述 |
|---
原创
2024-05-22 09:57:12
182阅读
var websock = null; var globalCallback = null; // 初始化weosocket function initWebSocket() { // ws地址 --
原创
2022-04-21 11:42:14
320阅读
