1. 导航栏样式 背景色 位置:src/layout/components/Navbar.vue 类名:.navbar // 比如背景色等 background: #1b2535; 右侧图标(全屏等) .right-menu-item {display: inline-block;padding: 0 8px;height: 100%;font-size: 18px;color: #5a5e66;vertical-align: 继续阅读
Search Results for: 前端Vue3
查询到最新的12条
Vue3+nodejs全栈项目(资金管理系统)——前端篇
文章目录创建项目项目初始化使用element-plus设置Register和404组件搭建element注册表单验证表单和按钮加载动画和消息提醒路由守卫和token过期处理配置请求拦截和响应拦截解析token并存储到vuex中设计顶部导航设置首页和个人信息设置左侧导航栏展示资金管理页面添加按钮编辑和删除实现分页结构&功能实现筛选功能&权限功能 创建项目 新建的项目 打开 template下面有蓝色波浪线 解决方法:参考博客—— template蓝色波浪线 继续阅读
【vue3】组合式API之setup()介绍与reactive()函数的使用
==>😉博主:初映CY的前说(前端领域) ,📒本文核心:setup()概念、 reactive()的使用 目录⭐一、组合式API对比vue2项目结构在vue2当中在vue3当中⭐二、setup()函数的使用2.1setup()函数的基础概念2.2.setup()初体验2.3.reactive()函数2.3.1reactive()的进一步抽离2.3.2reactive()再进行进一步文件拆分并且引入 继续阅读
Nginx解决前端访问资源跨域问题的方法详解
被前端跨域问题折磨快2天后,终于用ngnx的方式解决了,所以在此总结下。 该篇只探讨如何用Ngnx解决跨域问题,对于原理不作讨论。 1、首先介绍Windows环境下Nignx的相关命令操作 nginx常用命令: 验证配置是否正确: nginx -t 查看Nginx的版本号:nginx -V 启动Nginx:start nginx 快速停止或关闭Nginx:nginx -s stop 正常停 继续阅读
前端项目文件夹字母大小写改变后,git 监听不到
前端项目文件夹字母大小写改变后,git 监听不到 场景: 我们在开发前端项目的时候,刚开始用的首字母大写About,后期象改成小写about,发现文件夹首字母改成小写后,git没有监听到,没有提示发生了改变。 我问了一下Chatgpt,它是这么回答的: git 监听不到 文件夹字母大小写改变 怎么处理 Git 默认是不会监听文件夹字母大小写的改变的,因为 继续阅读
Vue 前端利用 slice() 方法实现分页器
系列文章目录 文章目录 系列文章目录前言一、什么是分页器?二、利用 slice() 方法实现分页器的基本思路三、示例代码实现分页器总结 前言 在 Vue 前端开发中,实现分页功能是常见的需求之一。而利用 JavaScript 的 slice() 方法可以轻松实现分页器的功能,提供用户友好的界面和流畅的分页体验。本文将详细介绍如何利用 slice() 方法实现分页器,帮助您在 Vue 项目中实现高效的分页功能。 继续阅读
为什么我觉得前端的技术栈“又多又少”?
不断发展的Web标准和技术:Web标准和技术在不断发展和演进,新的技术和规范不断涌现。例如,HTML5、CSS3、JavaScript的新特性、新API等。这意味着开发者需要不断学习和跟进最新的技术发展,以保持竞争力和适应不断变化的需求。多样化的设备和浏览器:现代前端开发需要面对多种不同的设备和浏览器,包括桌面电脑、笔记本电脑、平板电脑、手机等。每个设备和浏览器都有不同的特性、兼容性和限制,开发者需 继续阅读
【Vue3+Ts project】认识 Websocket 以及 socket.io 库
目录 Websocket socket.io Socket.iO 事件名总结: Socket.IO 方法总结 Websocket 作用: WebSocket 仍然提供实时的双向通信功能,使用Vue3 应用程序能够与服务器进行实时数据交换降低延迟和网络开销:相比传统的HTTP请求-响应模式,WebSocket建立了持久连接,减少了网络开销和延迟,适用于需要实时数据更 继续阅读
原创网站前端制作的那些事
昨天一用户大大找我,说让我帮他改下简单的样式和前端代码,对于这种事情,我肯定一口答应着,然后我让他发一个发我服务器或者代码。我觉得简单愉快的修改完前端代码,就可以领到一个红包,何乐而不。事实我太天真了。接下来的一句话,让我瞬间崩溃: 继续阅读
前端JavaScript中的动态事件添加
目录 前言事件的基本概念动态事件添加的优势通过addEventListener()方法动态添加事件通过事件委托实现动态事件绑定总结 前言 在前端开发中,交互性是至关重要的。动态事件添加是一种在JavaScript中实现交互的重要技术。本文将介绍动态事件添加的概念和优势,并详细介绍两种常用的动态事件添加方法。 事件的基本概念 事件是指在网页中发生的特定交互行为,比如点击按钮、滚动页面或输入文本等。通过事件,我们 继续阅读
三大前端框架
互联网发展速度是非常快的,程序员用的前端框架也在不断的迭代和变化,以前大家常用的是JQuery、Bootstrap框架, 现在形成React、Vue、Angular三大主流框架,这三个框架各有各的优势,而且较为成熟 01、React 02、Vue 03、Angular Vue和React对⽐: 一,两者的共同点 二,两者的不同 1: Pure 继续阅读
阿里大佬浅谈大型项目前端架构(8000字干货)
关注公众号 前端开发博客,回复“加群” 加入我们一起学习,天天进步 作者:零零水 链接:https://juejin.cn/post/6844903853859536903 1、综合 我在2年之前,写过一篇中小型项目的前端架构浅谈。随着能力的上升,以及在阿里巴巴工作的经验,是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现,而是尝试从更高角度出发, 继续阅读