前端 仓库nexus vue
Vue 中npm run dev 和 npm run serve 的区别
在项目目录下，找到package.json文件，运行npm run serve命令启动项目的项目中，scripts中有一个serve字段，npm run dev命令中有一个dev字段，如下： "scripts": { "dev": "webpack-dev-server --inline --pro ......
Flask+Vue 使用
Vue 项目经过npm run build 打包后生成文件在dist目录如下： app.py: from flask import Flask, render_template# 设置静态文件夹目录 static_folder='./dist' # 设置vue编译输出目录dist文件夹，为Flask ......
Vue3+vite项目中如何动态导入并创建多个全局组件
背景 实际开发项目中，有些时候我们需要通过全局注册多个自定义组件，但是每个组件都导入一次，将会导致代码很冗余。 实现方案 customComponents/index.js const files = import.meta.globEager("@/customComponents/*.vue") ......
这些类型的Web前端开发工具必须会用
任何 Web 或移动解决方案的前端对于设计出色的用户体验以及留住或转化用户都至关重要。选择合适的工具来提供视觉和功能出色的前端仍然是一个问题。看看小编推荐的前端开发框架、库和工具，以帮助大家做出明智的选择。 ......
前端依赖管理那点事儿
主要内容 📝 什么是依赖 📤 依赖从哪来 🤹 安装到哪儿 🎥 版本控制 🧑💻 哪些需要装，哪些不需要 🎨 package-lock.json 🛠 npm install 过程回顾 什么是依赖 有时候，依赖是一堆 可执行的代码 ； 有时候，依赖只是 一句声明。 1.当我们的业务逻辑中 ......
Vue2响应式原理
响应式基本原理就是，在初始化vue实例的时候，对data的每一个属性都通过 Object.defineProperty 定义一次，在数据被set的时候，做一些操作，改变相应的视图 ......
vite V3.0.0 vite.config.ts 引入插件vite-plugin-vue-setup-extend-plus报错（vueSetupExtend不是一个函数）
vite V3.0.0 vite.config.ts 引入插件报错（***** 不是函数） ·问题 #9414 ·Vitejs/Vite (github.com) 我的错误提示如下 ERROR failed to load config from D:\Work\TestCode\LuoCoreAd ......
直播平台源代码，vue自定义单选框radio
直播平台源代码，vue自定义单选框radio <template> <div @click="menuDialog = false"> <div> <!-- 按钮 --> <div @click.stop="openMenu()"> <div>{{ currentUnit ? currentUnit ......
系统化学习前端之JavaScript（01）
系统化梳理JavaScript，包括 js基础语法，11 个内置对象（String，Number，Boolean，RegExp，Date，Error，Array，Function，Object，Global，Math）等。 ......
前端优化指标
:性能标准 当用户能够在2秒以内得到响应时, 会感觉系统的响应很快 当用户在 2-5 秒之间得到响应时，会感觉系统的响应速度还可以 当用户在 5-8 秒以内得到响应时，会感觉系统的响应速度很慢，但是还可以接受； 1. FP 白屏 First Paint Time 从页面开始加载到浏览器中检测到渲染（ ......
vue全家桶进阶之路2：JavaScript
JavaScript（简称“JS”）是当前最流行、应用最广泛的客户端脚本语言，用来在网页中添加一些动态效果与交互功能，在 Web 开发领域有着举足轻重的地位。JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页，其中： HTML 用来定义网页的内容，例如标题、正文、图像等； C ......
vue全家桶进阶之路3：Node.js
Node.js发布于2009年5月，由Ryan Dahl开发，是一个基于Chrome V8引擎的JavaScript运行环境，使用了一个事件驱动、非阻塞式I/O模型， 让JavaScript 运行在服务端的开发平台，它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平 ......
前端进行压缩文件、下载
使用插件：file-saver、jszip 安装插件: npm install file-saver --save npm install jszip --save 压缩文件（压缩的内容需要是blob流，可以是后端接口返回的blob流，如果是远程文件地址，可以参看第3条） 1、一个文件压缩： imp ......
dockerfile部署vue+springboot+redis
后端部署： 一、拉取并启动redis镜像 1、在服务器/usr/local/etc/redis/文件目录下建立redis.conf配置文件，配置信息如下： bind 0.0.0.0 protected-mode no 2、拉取并启动最新的redis镜像，映射宿主机端口并挂载目录 docker run ......
Vue组件以及其事件生命周期
1.Vue组件 必须先注册以便Vue能识别全局和局部注册 组件之间数据传递props $emit传值 组件切换v-if v-else 事件的生命周期类别servlet生命周期分为三个阶段 1.初始化阶段,调用init()2.响应客户请求阶段，调用service()3.终止阶段，调用destroy() ......
Vue.js 路由简介
路由 理解： 一个路由（route）就是一组映射关系（key - value），多个路由需要路由器（router）进行管理。 前端路由：key是路径，value是组件。 ......
vue全家桶进阶之路1：前言
Vue是一款国产前端框架，它的作者尤雨溪（Evan You）是一位美籍华人，2014年2月，尤雨溪开源了一个前端开发库 Vue.js，2015年发布1.0.0版本，2016年4月发布2.0版本，目前，尤雨溪全职投入 Vue.js 的开发与维护，立志将 Vue.js 打造成与 Angular/Reac ......
javaweb——使用axios和vue改造书城项目的购物车
资料来源于：B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ，本人才疏学浅，记录笔记以供日后回顾 由于是多个视频内容混合在一起，因此只放了第一个链接 视频链接 代码示例 index.html代码 修改后，点击购物车按钮，直接访问cart.html页面 点击查看代码 <!DOCTYPE html ......
Vue.use方法
1、Vue.use 在引入各种插件、组件、plguin时都会使用；那么这个函数到底在干嘛？ 查看Vue.use的interface 第一个参数要么是PluginObject ，要么是PluginFunction 意思就是：要么给个对象里面带install函数，要么给个函数我约定好参数然后给你操作 反 ......
vue js axios统一拦截导出，全局显示 loading 加载
PS=> 整体逻辑： request 请求文件单独引入 element-ui 的 loading 组件，通过 request 和 response 拦截器进行针对性拦截即可 先插入 element-ui 的 loading 插件 import { Loading } from "element-ui ......
前端js RSA jsrsasign加密、解密、加签、验签
jsrsasign（RSA-Sign JavaScript库）是一个免费的开源加密库，支持RSA / RSAPSS / ECDSA / DSA签名/验证，ASN.1，PKCS＃1/5/8私钥/公钥，X.509证书，纯JavaScript中的CRL，OCSP，CMS SignedData，TimeSt ......
vue3组件之间传值
父组件向子组件传值 1.简单的props方式 //fater.vue <div class="father"> <children :carr="arr" /> </div> <script setup lang="ts"> import children from './children.vue' ......
前端设计模式——外观模式
外观模式（Facade Pattern）：它提供了一个简单的接口，用于访问复杂的系统或子系统。通过外观模式，客户端可以通过一个简单的接口来访问复杂的系统，而无需了解系统内部的具体实现细节。 在前端开发中，外观模式常常被用于封装一些常用的操作，以简化代码复杂度和提高代码可维护性。比如，一个用于处理数据 ......
vue export学习笔记2
#创建项目 vue create vuecli-dem0 #启动项目 npm run serve #打包项目 npm run build #路由说明 由于Vue在开发时对路由支持的不足，于是官方补充了vue-router插件。vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件 ......
Vue3中使用pinia
Vue3中使用pinia Pinia是一个轻量级的、基于Vue 3的状态管理库，它的设计目标是提供简单易用的API，使得开发者能够更加便捷地管理Vue 3应用程序中的状态。与Vuex相比，Pinia更加轻量级和易于理解，适用于中小型应用程序。 Pinia的核心是store实例，每个store实例都包 ......
vue export学习笔记
export 用来导出模块，Vue 的单文件组件通常需要导出一个对象，这个对象是 Vue 实例的选项对象，以便于在其它地方可以使用 import 引入。 export 和export default 的区别在于： export 可以导出多个命名模块。如下： //demo1.js export con ......
基于Vue3搭建ChantGPT前后端端源码及搭建教程-官方接口
ChantGPT很多，网上很多说的ChantGPT搭建及源码都是假的，无法使用的，自己研究了好几天，搞定了基于Vue3搭建ChantGPT前后端端源码及搭建教程，现在分享出来，有喜欢的朋友自行下载搭建，用的是openAPI官方接口和key。 搭建好的ChantGPT主要可以实现多聊天窗口，聊天记录导 ......
VUE3刷新页面报错：Uncaught SyntaxError: Unexpected token ‘＜‘
今天用vue3配置嵌套路由时，发现刷新页面后，页面变为空白，打开控制台发现报错： Uncaught SyntaxError: Unexpected token '<' 解决方法： 修改vue.config.js文件： publicPath:"/", 注意不是： 登录后复制 publicPath:". ......
Vue.js 多组件共享数据
视频 #components ##Count.vue <template> <div> <h1>当前求和为：{{sum}}</h1> <h3>当前求和放大10倍为：{{bigSum}}</h3> <h3>我在{{school}}，学习{{subject}}</h3> <h3 style="color ......
Vue.js 求和案例-mapActions和mapMutations
视频 mapActions方法：用于帮助我们生成与actions对话的方法，即：包含$store.dispatch(xxx)的函数 methods:{ //靠mapActions生成：incrementOdd、incrementWait（对象形式） ...mapActions({incrementO ......