vue 项目文件详细介绍build : 里面是对 webpack 开发和打包的相关设置,包括入口文件、输出文件、使用的模块等;config : 主要是指定开发和打包中的静态资源路径、要压缩的文件类型、开发使用的端口号、开发使用虚拟服务器跨域请求 api 等。node_modules: 项目的依赖库;src : 我们主要操作的地方,组件的增加、修改等都在这个文件夹里操作;assets: 放置静态资源            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-09 19:31:50
                            
                                83阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录结构认识npm包管理器目录结构认识node_modulespublicsrcassertscomponentsApp.vuemain.js.browserslistrc.eslintrc.js.gitignorebabel.config.jspackage.jsonpackage-lock.jsonvite目录结构介绍 npm包管理器目录结构认识这是使用@vue/cli初始化的项目结构,no            
                
         
            
            
            
            目录详情首先先说下 安装项目以后的目录详情|-- build                            // 项目构建(webpack)相关代码
|   |-- build.js                     // 生产环境构建代码
|   |-- check-version.js             // 检查node、npm等版本
|   |-- utils.js            
                
         
            
            
            
            概述vue组件是vue常用的功能,vue也因为强大的组件功能得到很多开发者的青睐。一个好的组件,可以提供给开发者很多方便,特别是复用代码,代码一致性等。 本文通过实现一个列表my-list组件,来讲解组件的用法和特性。 下面先看一下工程目录: 
   
 组件引入组件引入分全局引入和局部引入,顾名思义,全局引入可以在任何一个路由页面使用该组件,而局部引入是在引入页面才能使用。import myLi            
                
         
            
            
            
            文章目录一、环境二、配置三、部署 (使用 Github Pages)VuePress官网VuePress指南VuePress :Vue 驱动的静态网站生成器一、环境Node.js 版本 >= 8全局安装 VuePress npm install -g vuepress创建项目文件夹,进入项目文件夹,初始化项目 使用 npm init 或 npm init -y(默认yes)新建docs文件夹            
                
         
            
            
            
            写在前面:     最近公司在做微信公众号的开发,我的任务是在微信服务号中嵌套第三方页面,也就是公司自己负责的页面,技术我选的是vue,应为在之前的开发经历中并没有使用过vue,这也是一次新的尝试,当然在开发过程中会遇到一系列之前没有遇到的问题,不过这不是重点,只要有解决问题的那一刻就非常心满意足了。因为vue的特性,页面与页面之间是通过路由的改变来请求aj            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-25 14:03:51
                            
                                192阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # 如何实现 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阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            问题使用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 Router 的导航守卫是一组函数,用于在路由发生变化时控制路由的导航。这些函数可以在导航到某个路由之前、之后或是取消导航时执行特定的逻辑。应用场景有 诸如路由鉴权、路由切换动画、数据预取等功能。全局前置守卫在路由切换之前进行一些操作,例如验证用户的登录状态、权限控制、数据预加载等。前置守卫的应用场景如下:登录验证:可以使用前置守卫来验证用户是否已经登录。例如,如果用户未登录,则导航到登录            
                
         
            
            
            
                        
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-03 17:57:21
                            
                                273阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1. Mock.js 前后端分离开发开发过程当中,经常会遇到以下几个尴尬的场景: 1. 老大,接口文档还没输出,我的好多活干不下去啊! 2. 后端小哥,接口写好了没,我要测试啊! 前后端分离之后,前端迫切需要一种机制,不再需要依赖后端接口开发,而今天的主角mockjs就可以做到这一点 Mock.js是一个模拟数据的生成器,用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。 众所            
                
         
            
            
            
            Word 左侧目录方法/步骤1.打开word文档。 可以是空白的文档,也可以是不空白的。2.点击视图3.勾选导航窗格4.成功显示左侧目录5.点击左侧目录,就可以快速跳转了...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-05-12 20:51:25
                            
                                10000+阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            一,本地搭建快速开始同 VuePress 官网:1,创建新文件夹并进入mkdir vuepress-test
cd vuepress-test2,初始化项目yarn init 或者npm init3, 安装VuePressyarn add -D vuepress 或者 npm install -D vuepress4,Vuepress默认以docs作为根目录,所以README.md是主页新建doc            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-26 10:49:27
                            
                                402阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            ├── node_modules      # 安装的包
├── public	          # 静态资源
│   ├── favicon.ico
│   └── index.html
└── src
    ├── api	          # 请求接口封装模块
    ├── assets	      # 资源目录
    ├── components	  # 组件目录
    ├──            
                
         
            
            
            
            持续写作已经有两年多了,19年年初再次折腾建立自己的站点,主要基于以下原因和其他网站比起来,简书是比较清爽的,编辑器也非常好用,但推荐的文章层次太低,不符合程序员的气质(今天把文章同步到掘金,才发现在掘金写文章也很棒)自己建站,但不想关注除了文章内容以外的事情,即写完 Markdown 文件,提交到 github 上,文章会自动展现到页面上——让写文章和写代码保持一致的流程,方便管理按照这个思路,            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-23 22:53:28
                            
                                58阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            menu导航菜单组件预览地址组件之间的通信  <x-menu :selected.sync="selected"
                    >
        <x-sub-menu name="extension">
          <template slot="title">扩展</template>
          &l            
                
         
            
            
            
            # JavaFX 左侧目录实现指南
JavaFX 是一个用于构建富客户端应用程序的框架,今天我们将一起实现一个带有左侧目录的基本用户界面。通常,这种结构由一个主要内容区域和一个侧边栏组成,侧边栏展示目录信息。下面,我将为你详细介绍实现的步骤和相应的代码。
## 整件事情的流程
我们可以将整个流程分为以下几个步骤:
| 步骤 | 描述            
                
         
            
            
            
            建立自己的个人独立博客已经将近七年时间。从一开始的 WordPress 到更换轻量级的 Ghost 博客,又到 JAMStack 的 VuePress ,xlbd.me 也见证了我从一名后端开发者转型成为一名前端开发者。时至2020,我仍然对前端技术有着痴迷的热情和动力驱使我去发现和学习更有趣、更前沿的前端新技术。新的博客主题折腾了几个月了,才于今天(2020-06-01)正式发布。送给我自己这个            
                
         
            
            
            
            阿赖目录树控件程序简介 
   
  之前我曾经使用ASP设计过生成目录树的程序,那就是Open Host系统的目录树,完成于2003年1月份,在此之前浏览过www.9499.net的朋友对此一定有印象。如今使用javascript设计的这个目录树控件程序方法上与ASP有很大的差别,可以说难度更大,使用上更具灵活性,它是目前功能最强使用最简便的目录树程序。关于这个目录树控的功能特性方面,以下几点值            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-10-31 12:53:32
                            
                                15阅读