代码编织梦想

如何使用nginx部署vue网站 (ubuntu系统)-爱代码爱编程

部署Vue.js网站需要使用Nginx作为服务器来托管静态资源。以下是部署Vue网站到Nginx的步骤: 构建Vue项目:首先确保你的Vue项目已经被构建。在终端中运行 npm run build 或 yarn buil

面试遇到 性能优化 必答的 9 个点,加分!_面试时怎么回答前端性能优化-爱代码爱编程

如何实现前端性能优化——首页资源压缩63%、白屏时间缩短86%? 提升首屏的加载速度,是前端性能优化中「最重要」的环节,这里笔者梳理出一些 常规且有效 的首屏优化建议。 「目标:」 通过对比优化前后的性能变化,来验证方案的有效性,了解并掌握其原理。 1、路由懒加载 SPA 项目,一个路由对应一个页面,如果不做处理,项目打包后,会把所有页面打包成一个

1.ihrm人力资源后台 -爱代码爱编程

IHRM人力资源 - 项目搭建 文章目录 IHRM人力资源 - 项目搭建一、项目搭建1.1 项目搭建1.2 项目目录1.2.1 src 目录 1.3 App.vue 根组件解析1.4 基础设置 set

后台菜单数据递归展示-爱代码爱编程

后台菜单数据递归展示 效果示例图aslide.vueaslideItem.vuemenu 效果示例图 aslide.vue <script setup> import {

pnpm包管理工具的理解-爱代码爱编程

相对于npm优势 速度快节省磁盘空间,如: 当使用 npm 时,如果你有 100 个项目,并且所有项目都有一个相同的依赖包,那么, 你在硬盘上就需要保存 100 份该相同依赖包的副本。然而,如果是使用 pnpm,依赖包将

基于springboot+vue的高校在线答疑管理系统_springboot+vue实现在线答疑系统-爱代码爱编程

末尾获取源码作者介绍:大家好,我是墨韵,本人4年开发经验,专注定制项目开发 更多项目:CSDN主页YAML墨韵 学如逆水行舟,不进则退。学习如赶路,不能慢一步。 目录 一、项目简介 二、开发技术与环境配置 2.1 SpringBoot框架 2.2 Java语言简介 2.3 Vue的介绍 2.4 mysql数据库介绍 2.5

【vue3项目】打包报错 typeerror: cannot read properties of undefined (reading ‘wrapper‘)_index.vue:300 uncaught (in promise) typeerror: can-爱代码爱编程

目录 一、项目场景: 二、报错原因 三、原因分析: 四、解决方案: 一、项目场景: 项目场景:当我npm run serve运行项目时正常显示,但npm run build构建项目后打开dist目录下的index.html运行时显示报错。 二、报错原因 报错原因:错误解释 "Uncaught (in promise) T

vue3+a-爱代码爱编程

实现效果如图 // 公共组件 <template> <a-range-picker v-model:value="selectedRange" :presets="computedPresets"

vue3尚硅谷张天禹笔记_张天禹尚硅谷-爱代码爱编程

1. Vue3简介 2020年9月18日,Vue.js发布版3.0版本,代号:One Piece(n 经历了:4800+次提交、40+个RFC、600+次PR、300+贡献者 官方发版地址:Release v3.0.

尚硅谷vue项目实战硅谷甄选vue3学习笔记_尚硅谷vue3笔记-爱代码爱编程

Props 父传值子组件 子组件 <template> <div class="son"> <h1>我是子组件:曹植</h1> <p

良心推荐!五个超好用的vue3工具_vue-爱代码爱编程

vue3-dnd 是用来做drag and drop的,也就是拖放,很多人多 Vue 的拖放库已经断代了,其实 Vue3 也有拖放库的,那就是 vue3-dnd。 v-wave 这可库可以通过自定义指令的形式,让目标点击节点具备波纹的效果,如下图 使用方式如下 复制 npm i v-wave1. 复制 import { create

vue3+ts开发干货笔记_vue3 ts-爱代码爱编程

总结一下在vue3中ts的使用。当篇记录部分来自于vue官网,记录一下,算是加深印象吧。 纯干笔记,不断补充,想到什么写什么,水平有限,欢迎评论指正! 另外,如果想了解更多ts相关知识,可以参考我的其他笔记: TSCon

(vue3+ts+volar) 全局组件配置类型声明的最佳实践_ts 如何声明全局组件类型-爱代码爱编程

实践方案 问题原因:Vue3并没有对自定义全局组件做TS类型支持处理,而是把这个功能转交Volar实现实现原理:利用TypeScript模块扩充技术,对全局组件的类型进行扩充,从而实现对新注册全局组件的类型保护实现步骤:①声明一个的*d.ts类型文件 ②对类型接口进行类型模块扩充并导出 参考Volar文档 定义全局组件:使用GlobalCompon

vue项目的创建_创建vue 项目-爱代码爱编程

个人学习文档,有问题欢迎指出。 关于Vue项目的创建可以查看vue官网: https://cn.vuejs.org/guide/quick-start.html 目录 Vue项目创建步骤: 1、打开命令窗口 2、输入命令创建项目 3、进行项目相关的配置 4、下载依赖文件 1、进入项目文件夹 2、下载node_modules包 3、

ssm医院线上线下全诊疗系统的设计与实现 计算机毕设源码02210_线上医疗系统毕设-爱代码爱编程

                  目  录 摘要 1 绪论 1.1背景及意义 1.2研究现状 1.3ssm框架介绍 1.4论文结构与章节安排 2 医院线上线下全诊疗系统系统分析 2.1 可行性分析 2.1.1 技术可行性分析 2.1.2 经济可行性分析 2.1.3 法律可行性分析

线上线下教学模式下成绩分析系统的设计与实现 计算机毕业设计源码42883_成绩分析系统的设计与实现 毕业设计-爱代码爱编程

摘 要 大数据时代下,数据呈爆炸式地增长。为了迎合信息化时代的潮流和信息化安全的要求,利用互联网服务于其他行业,促进生产,已经是成为一种势不可挡的趋势。在学校学生成绩分析的要求下,开发一款整体式结构的线上线下教学模式下成绩分析系统,将复杂的系统进行拆分,能够实现对需求的变化快速响应、系统稳定性的保障,能保证平台可持续、规模化发展的要求。 本系

vue 前后端数据交互 axios 发起请求、全局默认配置_前端和后端如何交互axios-爱代码爱编程

Axios 介绍 官方文档: http://www.axios-js.com/zh-cn/docs/ 在前端页面展示的数据大多数都是通过访问一个 API 获取的,做这件事的方法有好几种,例如 jquery ajax 、 vue-resource、 axios ,而 vue-resource 是

axios学习笔记-爱代码爱编程

文档:axios http://www.axios-js.com/ 安装引入不赘述,我采用的全局引入 此处讲诉常用方法: get:获取指定数据,一般用于查找post:提交数据到指定区域,如上传,表单提交delete:删除指定数据put:更新patch:局部更新 更多查看文档: axios.request(config) axios.get(ur

el-爱代码爱编程

对element-ui组件的upload组件再一次封装,简单记录。下面是效果图。 注意点:该组件现在仅支持单图和单个视频上传。 <template> <div :style="myStyle"> <div class="uploads" :style="{ width