Fish's Blog

思路今天遇到了这么一个需求，便是当服务商迭代软件版本时，前端如何自动获取到后端的更新信息然后自动完成版本更新。起初，我根据之前的项目经验以及结合webpack的热更新机制，给出的方案是通过websocket服务来实现。实现方法便是当服务端更新版本后自动给前端发送一条更新信息，使前端发生更新，但是这样不仅需要改动服务端的代码，还需要一直建立websocket通信，非常的麻烦且不稳定。实现回家之后我苦

- 阅读全文 -

Vue.js的核心理念便是响应式，通过其响应式原理实现了数据的自动更新和视图的动态更新。响应式的核心概念是数据劫持（data reactivity）和依赖追踪（dependency tracking）。本文分别讲解了Vue3和Vue2的响应式原理和区别Vue2响应式原理：初始化阶段：Vue2采用选项式API（Options API），我们可以用包含多个选项的对象来描述组件的逻辑，例如 data、m

- 阅读全文 -

复现提示 Cannot find module '@/assets/images/logo.png' or its corresponding type declarations.ts(2307) 解决方式新建 image.d.ts 文件到根目录在 image.d.ts 文件中写入以下内容，类型可以自由设置declare module '*.svg' declare module '*.png'

- 阅读全文 -

前言为什么要开发一套这样的系统？网上资源那么多为什么还要自己造轮子？为什么要选择nodejs？这可能是你们会发出的疑问，但是我还是要这么做，至于为什么，下面听我一一道来...小编还在快马加编中?...技术选型【前端】Vue3ViteNaiveUI【服务端】Koa2.jsnode.js【数据库】sequelizeMySQL(mysql2)【服务器】腾讯云2核4G轻量级应用服务器系统架构...系统栏目

- 阅读全文 -

在Vue.js项目中，Webpack是常用的模块打包器，可以将我们的源代码的各个模块打包成一个或多个文件。配置Webpack可以使代码打包过程更加高效和可控。本文将为您介绍如何在Vue.js项目中配置Webpack，并提供带有中文注释的示例代码。安装Webpack首先，我们需要安装Webpack。可以使用以下命令：npm install webpack webpack-cli --save-dev

- 阅读全文 -

// vue.config.js const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, css: { loaderOptions: { sass: {

- 阅读全文 -

// config/index.js module.exports = { baseURL: process.env.NODE_ENV === 'production' ? 'http://yszk.depin.vip/index.php' : '/' }// utils/request.js import { baseURL } from '@/config/index.js'

- 阅读全文 -

watch: { $route(newValue, oldValue) { console.log(newValue) console.log(oldValue) }, },

- 阅读全文 -

下载安装npm install moment -s注册引用全局方法main.js 里面注册生成import * as moment from 'moment' import 'moment/locale/zh-cn' // 设置中文 Vue.prototype.$moment = moment全局过滤器全局过滤器实现日期格式化// 用法：1.{{ item.time | format("YYYY-

- 阅读全文 -

官方文档给出了一个解决方案，如下所示，就是修改app容器所在文件，<App />可以理解为<div id="app"></div><template> <a-locale-provider :locale="locale"> <App /> </a-locale-p

- 阅读全文 -