写在前面： 最近公司在做微信公众号的开发，我的任务是在微信服务号中嵌套第三方页面，也就是公司自己负责的页面，技术我选的是vue，应为在之前的开发经历中并没有使用过vue，这也是一次新的尝试，当然在开发过程中会遇到一系列之前没有遇到的问题，不过这不是重点，只要有解决问题的那一刻就非常心满意足了。因为vue的特性，页面与页面之间是通过路由的改变来请求aj
转载
2024-09-25 14:03:51
192阅读
建立自己的个人独立博客已经将近七年时间。从一开始的 WordPress 到更换轻量级的 Ghost 博客，又到 JAMStack 的 VuePress ，xlbd.me 也见证了我从一名后端开发者转型成为一名前端开发者。时至2020，我仍然对前端技术有着痴迷的热情和动力驱使我去发现和学习更有趣、更前沿的前端新技术。新的博客主题折腾了几个月了，才于今天(2020-06-01)正式发布。送给我自己这个
目录结构认识npm包管理器目录结构认识node_modulespublicsrcassertscomponentsApp.vuemain.js.browserslistrc.eslintrc.js.gitignorebabel.config.jspackage.jsonpackage-lock.jsonvite目录结构介绍 npm包管理器目录结构认识这是使用@vue/cli初始化的项目结构，no
# 如何实现 Vuepress 右侧
## 引言
Vuepress 是一个基于 Vue 的静态网站生成器，它能够快速方便地搭建文档网站。在 Vuepress 的文档网站中，右侧通常会有一个侧边栏或者导航栏，用于展示文档的目录结构，方便用户快速导航。本文将介绍如何使用 Vuepress 实现右侧导航栏的功能。
## 流程图
```mermaid
flowchart TD
A[准备工作]
原创
2024-01-10 03:53:38
211阅读
首先，我们先看下阿里云的导航菜单的样式,对这个样式有一个了解。这个菜单,类似于那种树形菜单,用v-for循环就行了这样的菜单,可以看下这个Vue + ElementUI 手撸后台管理网站基本框架(三)登录及系统菜单加载###首先,我们的数据模式要可配的,使用json数据格式,用递归实现menuList: [
{
label:
转载
2024-09-08 19:04:04
73阅读
Vue Router 的导航守卫是一组函数，用于在路由发生变化时控制路由的导航。这些函数可以在导航到某个路由之前、之后或是取消导航时执行特定的逻辑。应用场景有 诸如路由鉴权、路由切换动画、数据预取等功能。全局前置守卫在路由切换之前进行一些操作，例如验证用户的登录状态、权限控制、数据预加载等。前置守卫的应用场景如下：登录验证：可以使用前置守卫来验证用户是否已经登录。例如，如果用户未登录，则导航到登录
问题使用vuepress写文档网站，为了实现element-ui类似的组件预览效果，项目里面将ant-design-vue和基于ant-design-vue的自己封装的组件引入项目中，开发环境能正常运行。当运行Build打包后，报错：error Error rendering /:方案1经查询vuepress github issuse 得到的答案是，vuepress是服务端渲染的，浏览器的 AP
转载
2024-09-03 16:45:10
97阅读
vue 项目文件详细介绍build : 里面是对 webpack 开发和打包的相关设置，包括入口文件、输出文件、使用的模块等；config : 主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求 api 等。node_modules: 项目的依赖库；src ： 我们主要操作的地方，组件的增加、修改等都在这个文件夹里操作；assets: 放置静态资源
转载
2024-06-09 19:31:50
83阅读
转载
2024-06-03 17:57:21
273阅读
一、vue-cli介绍vue-cli是一个用于快速搭建vue项目的 脚手架。
二、vue-cli安装、更新安装过nodeJs 、cnpm 后，全局安装vue-cli（以后其他项目可直接使用）：cnpm install -g vue-cli更新：cnpm update vue-cli查看安装成功否（有版本号就是成功,V大写）vue -V查看npm注册表里vue-cli版本号：cn
1. Mock.js 前后端分离开发开发过程当中，经常会遇到以下几个尴尬的场景： 1. 老大，接口文档还没输出，我的好多活干不下去啊！ 2. 后端小哥，接口写好了没，我要测试啊！ 前后端分离之后，前端迫切需要一种机制，不再需要依赖后端接口开发，而今天的主角mockjs就可以做到这一点 Mock.js是一个模拟数据的生成器，用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。 众所
menu导航菜单组件预览地址组件之间的通信 <x-menu :selected.sync="selected"
>
<x-sub-menu name="extension">
<template slot="title">扩展</template>
&l
# Python获取Word标题目录
## 简介
在处理Word文档时，有时需要获取文档中的标题目录，以便对文档进行进一步处理或分析。本文将介绍使用Python获取Word标题目录的方法，并提供相应的代码示例。
## 准备工作
在使用Python获取Word标题目录之前，需要安装python-docx库。可以使用pip命令进行安装：
```markdown
pip install pyt
原创
2023-11-02 06:23:32
106阅读
# 教你如何用Java读取Word标题目录
## 前言
作为一名经验丰富的开发者，我们经常需要读取Word文档中的标题目录信息。在Java中，我们可以通过POI库来实现这一功能。下面我将向你展示如何用Java读取Word标题目录。
## 整体流程
首先，我们来看一下整个读取Word标题目录的流程。可以通过下面的表格来展示：
| 步骤 | 操作 |
| ---- | ---- |
| 步骤一
原创
2024-07-02 05:24:33
72阅读
vue实现tab选项卡 文章目录vue实现tab选项卡一、效果图展示二、静态页面结构csshtmljavascript三、vue实现1、将静态结构和样式重构为基于vue模板语法的形式vue实现ul标签渲染2、处理事件绑定和js控制逻辑vue实现点击切换四、完整代码 一、效果图展示实现的效果图如下：二、静态页面结构css<style>
*{
margin: 0;
padd
转载
2024-07-10 07:15:38
75阅读
一个DEMOS的完整目录（由于GWF问题，我就不一一打开网站一个个去搜索并且解释了）可以去关注： build build.js（本文来自/p/7096341.html）这个配置文件是命令npm run build 的入口配置文件，主要用于生产环境由于这是一个系统的配置文件，将涉及很多的模块和插件，所以这部分内容我将分多个文章讲解，请关注我博客的其他文章1 // npm和nod
之前按照项目需求使用element中的tree来创建目录列表，如今记录一下。一、项目需求1.完整展示目录列表2.右击节点选择重命名，删除，创建文件夹三个选项3.拖拽文件夹，其中拖拽文件夹有以下要求： a. 如果该文件夹内已存在上传文件，则其他文件夹不能拖拽进入该文件夹内 b.整个目录中有且仅有一个根目录，拖拽文件夹的范围只能在该根目录里面4.重命名文件夹要求： a.重命名完成后按enter键
转载
2024-04-19 20:25:45
117阅读
最近准备对前端知识做一个梳理，将自己的平时遇到的问题和解决方案形成一个知识文档。本文记录了搭建 VuePress 的主要过程，同时也提供了部分自定义的配置环境搭建VuePress 有着比较完善的中文文档，我们可以直接参照文档搭建，首先确保电脑上已经安装了 Node.js 并且版本号不小于 8.6# 检查 Node.js 版本号
node -v建立一个文件夹用来搭建 VuePress, 例如我的 V
转载
2024-09-26 10:22:19
43阅读
一.开端一个新的vue项目下有着几个文件夹和一些文件。他们都有什么用？应该存放什么？想弄清楚这些问题，我们就需要对vue项目的目录结构有所了解。注意：笔者使用的是最新的@vue/cli 4.5.10版本，使用旧版本（vue-cli 1.x/2.x）构建的项目目录结构会有所不同！二.node_modules文件夹node_modules文件夹是项目的依赖库，项目所需的所有依赖都存放在这个文件夹下，在
转载
2024-07-10 06:46:32
105阅读
自从接触了Markdown后就一直用这种语言写学习笔记。
但是一直在纠结如何生成方便的目录。
下面是我搞得一个简单的模板可以生成固定在屏幕左边的目录。就是这种第一步，编辑器首先，需要一个可以自动生成HTML格式的Markdown编辑器。
相信看这篇文章的应该都有了。
我用的是装了插件的Sublime Text编辑器。第二步，格式首先你要写一个格式正确的Markdown文本。
主要是每一级
转载
2023-12-12 23:33:29
104阅读
