基本配置细节首页配置 首页配置文件是doc目录下的README.md文件,以下是一个如何使用的例子:--- home: true heroImage: /hero.png heroText: Hero 标题 tagline: Hero 副标题 actionText: 快速上手 → actionLink: /zh/guide/ features: - title: 简洁至上 detail
使用VuePress快速搭建博客最近我在3A平台购买了服务器,准备搭建一个博客。VuePress介绍VuePressVuePress官网https://www.vuepress.cnVuePress指南https://www.vuepress.cn/guide…VuePress安装安装前请安装 Node.jsNode.js下载地址http://www.nodejs.com.cn你可以在一个硬盘创建
转载 2024-06-18 14:05:11
80阅读
之前在外卖软件上看到这个左右联动的效果,觉得很有意思,所以就尝试使用Vue来实现,将这个联动抽离成为一个单独的组件,废话少说,先来一张效果图。这个组件分为两个部分,1、左菜单;2、右菜单。动态数据结构menus: [ { name: '菜单1', data: [ { name: '1.1' }, { name: '1.2'
一.开端一个新的vue项目下有着几个文件夹和一些文件。他们都有什么用?应该存放什么?想弄清楚这些问题,我们就需要对vue项目的目录结构有所了解。注意:笔者使用的是最新的@vue/cli 4.5.10版本,使用旧版本(vue-cli 1.x/2.x)构建的项目目录结构会有所不同!二.node_modules文件夹node_modules文件夹是项目的依赖库,项目所需的所有依赖都存放在这个文件夹下,在
转载 2024-07-10 06:46:32
101阅读
0. 关于Vuepress其实Vuepress不仅限于搭建个人博客,还可以是个人网站以及任何静态网页。当然Vuepress的好处还是在于它是基于Markdown的,对于使用Markdown写作的用户来说非常方便。Vuepress v1版本基于Vue 2,而VuePress v2基于Vue 3,且支持TypeScript。考虑到目前v1版本的主题和插件比较丰富,因此本博客是基于Vuepress v1
转载 2024-02-13 13:23:36
247阅读
前言Vue是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。准备阶段服务器准备推荐使用雨云作为服务器提供商,其是国内领先的云计算平台。使用优惠码 yhj 能获取优惠价格。开发环境配置在本地计算机上安装pnpm包管理器。安装
VuePress介绍 VuePress 由两部分组成:第一部分是一个极简静态网站生成器,它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内
转载 2024-04-04 19:39:49
53阅读
1、插槽(1)插槽内容像 HTML 元素一样,我们常常需要给组件传递内容比如在下面的例子中,我们给自定义组件 prompt-info 传入 出错啦 的文本<!DOCTYPE html> <html> <head> <title>Demo</title> <script src="https://cdn.jsdeli
多级菜单# -*- coding: utf-8 -*- __author__ = 'am_mm_NO.1' import re memu = {     "东北":{         "吉林
转载 精选 2016-06-20 23:23:11
1108阅读
{ path: '/hxb_sys', component: Layout, redirect: '/hxb_sys/branch', name: 'hxBank', meta: { title: '华夏银行', icon: 'el-icon-s-help' }, children: [ { // 二级菜单1
原创 2023-08-23 16:48:26
93阅读
$("li:has(ul)").click(function(event){ if(this==event.target){//IE不支持target,必须要加这句 $(this).css('list-style-image',(!$(this).children().is(':hidden'))?'url(images/plus.gif)':'url(images/min
原创 2023-03-19 09:03:22
146阅读
代码附上:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi
转载 2023-07-22 19:34:47
71阅读
1:还是先上图 (出于保密原因,这里数据需要涂鸦,请谅解)可以看到 红箭头所指的进度条显示的是菜单栏竖向的进度,本例中我所有的子菜单一共有300多个 但是大的分类只有6个   那我们开发的时候是不是要一个个在前端写好呢?这未免太恐怖也太可怕,加入我们的菜单要添加一个呢 换起来也麻烦。所以正确的做法是菜单从数据库中读取。2:下面就来展示下数据库的结构 这里我只要显示3个
转载 2023-08-27 22:31:53
115阅读
思路点击左侧菜单,右侧内容展示区显示对应的选项卡点击右侧选项卡,左侧菜单也相应的选中。点击tabs跳转到相应的路径,route.push,菜单中用computed监听path的变化解决刷新后,tabs数据丢失的问题因为route可以直接获取到当前路由的path等信息,不用在菜单中点击菜单的触发方法,直接获取当前的路由,然后菜单页面和tabs页面都用computed监听path的变化tabs选项卡存
总体框架一个vue-cil项目目录结构如下,其中src文件夹是需要掌握的,重中之重,至于其他了解一下就可以了。build:webpack相关配置文件夹(都已经配置好,一般不需要再进行配置)config:vue基本配置文件(可以配置监听端口,打包输出等)node_modules:依赖包src:项目核心文件(我们所写的代码都放在这个文件夹下)assets:静态资源(样式类文件,如css,less,sa
文章目录写在前面第一类:用来存放网站第二类:自定义 OSS对象存储 的图片路径 写在前面这里是小飞侠Pan?,立志成为一名优秀的前端程序媛!!!本篇博客收录于我的github前端笔记仓库中,持续更新中,欢迎star~? https://github.com/mengqiuleo/myNote因为自己的域名备案已通过,所以就想自己配置个二级域名。但是网上的教程都很分散,我自己踩坑了很多,花了很长时
jQuery制作多级导航菜单
原创 2012-07-05 12:56:44
767阅读
1. 运维平台 应用系统 发布机器 ...
转载 2018-04-09 16:30:00
190阅读
2评论
参考资料: Bootstrap-submenu:http://www.html580.com/11848/demo Bootstrap-submenu:https://vsn4ik.github.io/bootstrap-submenu/#html-examples https://github.c
原创 2021-08-01 17:00:23
320阅读
# jQuery多级菜单 ## 概述 在现代网页设计中,菜单是网站中常用的导航组件之一。随着网页内容的增多和复杂性的提高,多级菜单成为了一种常见的设计需求。jQuery是一个流行的JavaScript库,它提供了丰富的API和插件,使得创建多级菜单变得轻松和灵活。 本文将介绍使用jQuery创建多级菜单的基本原理,并提供一些代码示例来帮助读者快速上手。我们将使用HTML、CSS和JavaSc
原创 2023-09-24 01:40:38
121阅读
  • 1
  • 2
  • 3
  • 4
  • 5