导航栏可以说是前端页面很常见的一个组件。许多组件库也提供了自己的导航栏在这篇文章里，我们来实现一个随着页面的滚动样式发生改变的导航栏吧。一个通用的顶部导航栏应该具备的能力：默认的展示效果 -> 左边后退按钮的图标，中间页面的名称，右边是空白的内容可以通过插槽来配置具体的展示样式 -> 左，中，右 三个插槽，父组件可以通过三个插槽来指定可以接收从外部指定的一个样式（可以在父组件中指定 n
el-calendar日历组件使用总结1. 需求说明2. 基础实现3. 只展示当月数据4. 动态切换日历里的数据实现5. 顺便把快捷方式隐藏了，不让用户选择上一个月下一个月 1. 需求说明按月显示，每次只显示一个月的日期，其余隐藏日历组件的显示时间随着上方选择框的变化（比如我切换到6月份，下面也要同步切换到6月份）点击某一天可以添加事项（如果是空白的，未添加的），展示在对应的框里，同时添加悬浮展
转载
2024-09-26 14:29:57
1035阅读
文章目录一、背景二、准备工作三、组件准备四、发包五、使用六、webpack-simple 构建项目发包最后 一、背景为什么要在 npm 上发布自己的 vue 组件库呢？ 我们都知道在项目开发过程中，经常会遇到相似功能或者可以复用的模块；如果是在同一个项目中我们可以封装一个公用的组件来进行复用； 如果公司里面多个项目都有可以复用的模块呢？最简单的当然是直接复制一份到不同的项目中，但是这样在后期维护
大家好是万能的懒懒酱 After effects为视觉效果艺术家和动画设计师带来了大量的效果。然而，第三方开发人员提供了更多独特插件，供After Effects使用。在这里可以帮助你了解哪些插件是最流行的最受欢迎的。第10名：Looks（多功能调色插件）强大的视频色彩校正调色插件，拥有众多调色工具，能够随意组合，某些理念其实比达芬奇调色软件都还超前；超过200多种可调整
前言本次使用Vue+element-ui创建项目，当然前提是已经安装好vue和node.js。准备工作本次小弟使用的编辑器是VS Code(Visual Studio Code)。 电脑还要有网络哦。实战创建项目打开你的cmd命令，切换到你要存放vue项目的文件夹。 小弟本次将项目存放在E盘的vue文件夹里。输入vue init webpack-simple 项目名 记得空格，但是前后都没有空格。
转载
2024-04-11 12:54:50
298阅读
一、创建阿里图标库项目打开网址点击右侧文件夹【创建项目】填写【项目名称】，【FontClass】前缀填好后，后续使用icon图标时会使用该前缀，类似于element icon 写法二、图标加入项目找到你想要的图标，点击加入购物车点击网页顶部的购物车图标，把购物车中的所有图标加入到项目中三、下载图标文件，并添加到Vue项目点击【生成代码】，然后【下载文件】文件下载后的目录结构，并删掉多余的文件解压文
转载
2024-08-30 13:36:54
325阅读
文章目录1.Ajax1.1 介绍1.2 Ajax快速入门1.3 案例-用户注册时，检测用户名是否数据库已经存在1.4 Axios1.4.1 Axios快速入门1.4.2 请求别名1.5 JSON1.5.1 Json的基础语法1.5.2 FastJson的使用5.3.2 Fastjson 使用2. Vue2.1 介绍2.2 Vue快速入门2.3 Vue常用指令和生命周期3. ElementUI3.
首先，用到了laravel ui扩展包 及基础的 vue 脚手架：执行：composer require laravel/ui执行：php artisan ui vue --auth执行：npm install & npm run watch介绍一下Laravel Permission 扩展包：A package to add roles and permissions to Larave
背景：后端程序员只专注于后端逻辑，服务，组件，对于前端就成了短板，所谓术业有专攻，不求专业水准，但求略懂皮肤，平时做点小工具也是必要的，例如工具的DashBoard界面，能快速构建，能腾出更多时间关注后端逻辑，就可以事半功倍，下面要介绍的是MVVM模式的VUE+Element UI，VUE非常常见，具有双向绑定功能，无需刷新即见即所得，对构建前端UI能节省不少时间，Element UI也相当简单，
转载
2024-03-14 07:24:04
78阅读
一.Vue渐进式 JavaScript 框架二.Vue安装1.安装node.js node.js中文网下载网址http://nodejs.cn/download/ 下载安装后，打开命令行（win+r 输入cmd）输入node -v 查看node的版本号，若显示如图则安装成功。安装完node.js也就有了npm管理器，它是集成在node中的，输入 npm -v 命令，显示npm的版本信息
转载
2024-02-26 11:03:29
149阅读
需求：用RRDtool绘制lvs的连接数图形RRDtool是一个强大的绘图工具，作者是Tobias Oetiker。RRD全称Round Robin Database，轮转数据库，也是一个时间序列数据库。数据库文件以rrd结尾，RRD在创建好后大小是固定的，超过容量之后旧数据会被新采集的数据覆盖。看看官方说明：RRDtool is designed to store time series of
转载
2024-10-10 12:20:25
83阅读
好久没写博客了。发现很多常用的东西，用过之后，时间一久就淡忘了。总是缺乏总结。最近公司要做一个日历签到的功能。需求如下： 根据后台安排值班，正常值班签到的，为绿色圆点，安排了值班却未进行签到的红色圆点表示，其余的不标注圆点。 于是找了github，在上面发现了两个很好的组件案例。 1、https://github.com/MagicMashRoom/SuperCalendar 2、https://
# Vue.js 中使用 Axios 设置请求头部
## 引言
在现代前端开发中，HTTP 请求是与后端通信的重要方式。Vue.js 是一个流行的 JavaScript 框架，而 Axios 是一个基于 promise 的 HTTP 客户端，它在 Vue 应用中广泛使用。本文将详细介绍如何在 Vue.js 中使用 Axios 设置请求头部，并通过代码示例、序列图和饼状图，帮助大家更好地理解这一
应产品的要求，做人生中的第一次换肤项目，在没做之前，确实觉得挺没有头绪的，所以就只能借助于百度啊，然后发现其实element自带的就有换肤功能，虽然看了很多别人的文章，但是想自己写一下加深印象。 一、项目搭建 第一步肯定是根据命令行生成对应的项目框架，然后安装element，根据需求引入自己需要的eleme
转载
2024-05-13 09:25:19
536阅读
公司最近项目是后台管理系统，由我负责，网上找模板发现还需要改很多地方，而且那些模板也没有写代码的实现思路，对于vue项目经验不足者很难看懂，所以就按照自己的思路从零实现一遍，过程讲解还是比较详细的，若是有不足之处还请指正。整体布局：登录： 菜单：准备工作：1、安装elementuinpm i element-ui -S
import ElementUI from
转载
2024-02-08 15:19:31
101阅读
拟实现整体布局确定一下我们后台框架的整体布局，就来个基础经典的再看下实现之后的效果：接下来一步一步走：1、webstorm新建项目接下来就等系统创建好后直接npm run serve，我们得到了一个默认的vue项目2、在项目中引入Element-UI参考官方说明：我们进行npm安装安装完毕之后，我们在main.js中进行引入：参考官方说明：整体引入：3、利用el-container设置页面布局参考
转载
2024-04-11 11:51:46
188阅读
一、Element Form资料地址：https://element.eleme.cn/#/zh-CN/component/form下面以Form表单为例，介绍Element UI的使用。第1步：使用脚手架创建vue工程；vue create vue-form第2步：添加element插件。vue add element选择按需加载：第3步：在App.js文件中定义Form表单；<templ
转载
2024-04-21 18:04:52
101阅读
一、开始一）安装安装node.js下载网址：https://nodejs.cn/download/node -v #查看node版本
npm -v #查看npm版本，可以成功环境变量配置正确
npm config set registry http://registry.npm.taobao.org #设置npm为淘宝
npm config get regist
转载
2024-07-05 20:51:47
166阅读
项目介绍使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手（写的比较糙 望指点）基本环境搭建 初始化项目使用 vue 以及 element-ui 搭建一个 后台管理系统的模板。 纯属练手（写的比较糙 望指点）1、初始化项目（babel vuex router eslint）vue create sandcms 2、等待 出现以下提示
转载
2024-04-03 13:20:15
76阅读
前言在现代前端开发中，导航组件是几乎所有 Web 应用的基础构建块。本文将详细介绍如何使用 Vue 3 和 Element Plus 开发一个智能的页面头部导航组件，该组件不仅具备常规的返回功能，还集成了多标签导航和当前页面高亮显示等实用特性。组件功能概述我们开发的这个头部导航组件具备以下核心功能：返回按钮功能：可自定义返回的目标路由多标签导航：支持多个功能模块的快速切换智能高亮：自动识别当前路由
