传统方式样式的添加在不使用Vue时,我们为一个Dom元素添加样式有两种方式:为Dom元素添加伪类class 使用style属性如下代码:<html> <head> <meta charset="utf-8"> </meta> <title>vue样式使用</title> <script
转载 2024-05-15 15:56:13
110阅读
目录路由导航守卫简介2.全局守卫3.路由独享守卫(beforeEnter)4.组件内的守卫(3个)(1)beforeRouteEnter(2)beforeRouteUpdate(3)beforeRouteLeaveVue - 自定义插件一、使用插件二、开发插件三、开发实例 vue自定义指令使用全局自定义指令局部自定义指令自定义组件的钩子函数三、自定义组件的应用场景二、 vue自定义指令的
一、首先先建立文件main.vue,构建主体1.选择合适的模板element-plus,直接复制2.编写相应的样式<template> <div class="main"> <el-container class="main-content"> <el-aside> aside </el-aside>
VuePress介绍 VuePress 由两部分组成:第一部分是一个极简静态网站生成器,它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内
转载 2024-04-04 19:39:49
53阅读
一. 内容简介vue首页页面二. 软件环境2.1 Visual Studio Code 1.75.02.2 chrome浏览器2.3 node v18.14.0三.主要流程3.1 搭建html结构3.2 添加css样式3.3 js代码3.4 页面展示四.具体步骤4.1 搭建html结构<template> <div> <!-- 轮播图 --&g
前言相信很多人都想拥有一个自己的个人博客,现有的个人博客搭建框架已经有很多了,例如 hexo 、vuepress 、jekyll 等等,这里我选用 vuepress 来快速搭建个人博客网上教程千千万,但总归都是零零散散的,没人会给你讲解得清清楚楚,所以我这里就手把手来讲解一下如何从零搭建这里先放上 vuepress 的官网链接:https://www.vuepress.cn/(opens new
转载 2024-10-26 18:48:01
242阅读
1、效果图,向上展示和向下展示              这是我将该组件作为子组件应用到父组件中使用的效果。同时子组件可以多次使用,子组件返回相应的数据 1、主要是通过控制 选项item 的 显示与隐藏 来实现搜索结果的。数据传递通过vue的父传子和子传父 2、子组件接收数组的时候,如果是
前言上一章已经讲了 vuepress 主题如何实现继承,这样我们可以任意修改默认主题的任何组件及样式了。我们知道 vuepress 是无法自动根据我们 markdown 文件中的--- tags: - js - vue --- 复制代码生成标签云的页面的,而一个博客,标签在其中有知识分类及导航功能,是必不可少的一环,下面带领大家来改造一下默认主题让它能支持自动生成标签云页面第一步配置的修改既然是主
转载 2024-08-06 19:06:25
57阅读
## 实现 Java 复制 PDF 模版样式 ### 1. 流程图 ```mermaid flowchart TD A(开始) --> B(加载 PDF 模版) B --> C(创建新的 PDF 文档) C --> D(复制模版样式到新文档) D --> E(保存新文档) E --> F(结束) ``` ### 2. 步骤及代码解析 #### 步骤
原创 2023-10-31 12:02:44
235阅读
使用CSS样式修饰页面1.1 初识CSS11.1.1 CSS基础11.1.2【CSS】样式面板21.2 定义CSS样式的属性31.2.1 创建CSS样式31.2.2 文本样式的定义41.2.3 背景样式的定义51.2.4 区块样式的定义61.2.5 方框样式的定义71.2.6 边框样式定义81.2.7 列表样式的定义91.2.8定位样式的定义101.2.9 扩展样式的定义101.3使用CSS过滤器
基于 Vue JS、Element UI、Nuxt JS的项目PC端前端手册前言:笔记写于2020年5月左右,刚开始做前端时整理的笔记1.环境搭建1.安装nodeJs 官网下载地址:https://nodejs.org/zh-cn/download/ 推荐下载 window64位.msi 安装包 安装步骤:1.双击安装包开始安装》》一直点next 》》可以修改安装路径》》安装完成后在修改的路径下可
Android没有像苹果开发那样功能强大的界面开发工具,本身ADT插件提供的界面编辑能力有限,没办法刻画所有的界面情况;Android的界面xml代码可以进行人工修改,而Iphone的全部在图形界面上拖动完成,可没提供任何方式的代码级修改。Android的UI设计开发过程非常繁琐,容易出错,需要很长时间调节界面细节,开发过Android应用的人肯定深有同感。用几年前的网页设计来打个比方,开发Iph
我们知道vue项目中可以使用.vue文件,也可写template模版字符串,高级点还可以直接手写render函数。那么vue中是如何将template模版编译并且渲染成dom的呢? 写在前面为了更直观的去学习vue模版编译的过程,这篇文章主要是以编译的主要流程为出发点,没有具体的扣一些细节。由于解析的过程比较复杂,文章省略掉一些指令、事件...的解析过程
随着开源项目knife4j添加的新特性越来越多,搭建一个开源软件的技术博客迫在眉睫,针对非专业前端的开发者来说,能快速搭建一个网站当然是最好的,正好,看到了VuePress这款产品特点简直是和自己完美契合,主要有几点;通过编写Markdown文件就可以轻松完成整个站点的内容输出,不用考虑排版,专注于协作基于Vue、Node等技术的可插拔式的自定义插件开发体系,构建自定义的主题、插件等简单、方便安装
转载 2024-05-07 13:47:01
26阅读
4.1 项目结构首先说明一下官方推荐的目录结构:4.2 创建项目文件夹可以右键手动新建,也可以使用 mkdir 命令新建:mkdir vuepressBlogDemo全局安装 VuePressnpm install -g vuepress进入 vuepressBlogDemo 文件夹,初始化项目 使用 npm init 或 npm init -y(默认yes)npm init -y4.3 创建文件
转载 2024-07-24 17:43:34
100阅读
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题,而是自己创建了一个主题。所以,在样式上,有自己的风格和特点。转入正题。 环境搭建安装VuePressyarn global add vuepress 或者:npm install -g vuepress 也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
转载 2024-02-29 06:50:12
55阅读
word 文档页面布局是什么Word的文档页面布局是:对页面的文字、图形或表格进行格式设置。包括字体、字号、颜色纸张大小和方向以及页边距等。如下图:Word中使用页面布局,以在Microsoft Word 2010的“页面布局”功能区中设置段落缩进值为例介绍的方法:第1步,打开Word2010文档窗口,选中需要设置缩进的段落。第2步,在Word2010文档窗口中切换到“页面布局”功能区,然后在“段
在项目扩展到一定程度,我们会对项目中大量的公共业务做封装,当多人开发时就带来一个问题:如何让所有人快速使用封装好的组件,降低学习成本?这里提供一个解决方案,那就是Vuepress框架,最新的 Vuepress2.x 框架已经蓄势待发,支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs cd Vuepre
转载 2024-06-27 17:13:24
246阅读
说明最近想把常用的一些干货知识点都集中起来,方便发布和查找。相当于创建一个自己的知识库,我就叫它Java技术文档。虽然博客写文档也挺方便,但是在于文档的集中阅读和管理方面还是不够简洁和快速。此处就以Vue官方文档举例,它就是用的自家技术vuepress创建的。关于vuepresshttps://www.vuepress.cn/关于github pagesGithub Pages其实等于jekyll
前段时间,docsify 的cdn崩了,我翻了一下很久之前的笔记,打开贼慢不说,样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个,虽然都是几年前的笔记文档,但毕竟这些笔记见证了我的成长,不能丢。最终选定了vuePress2,下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
  • 1
  • 2
  • 3
  • 4
  • 5