前言    看到最近一些公司前端笔试题，发现他们都很喜欢考察递归。这使我不得不想到在前端开发中，也会遇到的一些需要利用递归思想实现的一些场景，如目录树组件，大多数前端开发经常参与流水型业务，对组件递归的场景用之较少。以下为作者根据实践，分享递归组件实现目录树的设

背景这是一个金融类的项目：营销平台，项目是vuecli4搭建的vue2+elementUI+vant+antvPC端项目，需要内网开发共有**60万行代码**，1720个vue文件，使用了一些只能适配vue2的依赖库和技术，需要找替代库和替代方案一把项目备份然后使用gogocode进行转换先将源代码进行格式化转换，方便以

解决跨域问题配置代理服务器代理服务器位于前端应用（客户端）和真实的后端服务器之间。当配置了代理服务器后，前端应用的请求不再直接发送到后端服务器，而是发送到代理服务器。代理服务器在接收到请求后，会根据预先配置的规则将请求转发到真正的后端服务器。例如，在Vue项目的开发服

vue2vue3使用Vuex3vue3使用pinia

vue简介动态构建用户界面的渐进式JavaScript框架vue的特点:遵循MVVM模式采用组件化模式，提高代码复用率，让代码更好维护声明式编码，无需直接操作DOM，提高开发效率，编码简洁、体积小，运行效率高本身只关注UI，也可以引入其他三方库开发项目使用虚拟DOM+优秀的Diff算法，尽

前言        在Vue2的体系中，计算属性computed可谓是一个十分重要的工具，不仅能够帮助我们简化计算逻辑，而且能够优化应用的性能，相关问题在面试中也经常被问到。那么computed计算属性究竟有什么魅力呢，接下来随作者一起进入computed相关知识的分享吧！概念规则定义  

步骤1：安装vant2、consola、less、vite-plugin-style-import说明：因为vant2需要consola，所以必装；安装加载vant组件样式，必装：vite-plugin-style-import，版本注意是2.0以上 步骤2：vite.config.js配置：//vite.config.jsimportfsfrom'node:fs';importpathfrom'path';i

StaticVerify.vue<template><canvasref="canvasRef"class="verify":width="width":height="height"@click="drawCode"></canvas></template><script>exportdefault{

基于Vue2 +Vant2组件库实现：废话不多说，直接看代码：主要代码：methods:{//上传图片之前的操作beforeRead(file){letarr=file.name.split('.');letfileType='.'+arr[arr.length-1].toLowerCase();con

模块:向外提供特定功能的js呈现组件:用来实现局部(特定)功能效果的代码集合模块化:当应用中的js都以模块来编写的,那这个应用就是一个模块化的应用组件化:当应用中的功能都是多组件的方式来编写的,那这个应用就是一个组件化的应用编写组件-非单文件组件非单文件组

vue简介vue中文官网动态构建用户界面的渐进式JavaScript框架vue的特点:遵循MVVM模式采用组件化模式，提高代码复用率，让代码更好维护声明式编码，无需直接操作DOM，提高开发效率，编码简洁、体积小，运行效率高本身只关注UI，也可以引入其他三方库开发项目使用虚拟DOM+优秀的Diff算

概念：Vue是用于构建用户界面的渐进式（就是学一点就能够用一点）框架,总的来说，就是基于数据来构建用户页面，以便于用户看懂。Vue的两种使用方式：1.核心包开发2.核心包加插件加工程化开发1.Vue的基础语法1.创建第一个Vue实例准备容器div引包<scriptsrc="https://cdn.jsdelivr.

实现思路使用HbuilderX打开某个文档时右键点击的时候获取当前打开的文档内容使用API替换为自己的模板示例package.json{ "id":"SL-HbuilderX-Tool", "name":"SL-HbuilderX-Tool", "description":"快速创建html,vue2模板", "displayName":

在uni-app中实现全局路由守卫的确切方法可能会根据框架的版本和具体的实现方式有所不同。在Vue2和uni-app的结合使用中，全局路由守卫并不是原生支持的功能，因此我们需要采用一些替代方案。对于Vue2和uni-app，你可以通过封装uni-app的页面跳转方法来实现类似全局

目录插槽-默认插槽插槽基本语法：插槽-后备内容（默认值）插槽-具名插槽插槽-作用域插槽插槽-默认插槽作用：让组件内部的一些结构支持自定义需求:将需要多次显示的对话框,封装成一个组件问题：组件的内容部分，不希望写死，希望能使用的时候自定义。怎么办？插槽

v-html: 原始HTML双大括号会将数据解释为普通文本，而非HTML代码。为了输出真正的HTML，你需要使用 v-html 指令：<p>Usingmustaches:{{rawHtml}}</p><p>Usingv-htmldirective:<spanv-html="rawHtml"></span></p>v-bind:AttributeMustache语法不能作用在

要在整个项目中关闭ESLint，可以通过在vue.config.js中设置禁用lintOnSave。以下是具体步骤：1.打开或创建vue.config.js文件在项目根目录下找到vue.config.js文件。如果没有该文件，可以直接在项目根目录创建一个。2.添加lintOnSave:false配置在vue.config.js文件中

一、路由守卫作用：对路由进行权限控制分类：全局守卫、独享守卫、组件内守卫1.全局守卫全局前置路由守卫每次路由切换之前被调用，初始化时被调用beforeEach接收三个参数：to,from,next路由元信息meta，用于存放一些自定义属性//src/router/index.js...routers:[{

一、技术vue2 、 elementUI、html2canvas  、jsPDF二、技术官网vue2：https://cn.vuejs.org/elementUi：https://element.eleme.cn/#/zh-CNhtml2canvas：https://html2canvas.hertzen.com/jsPDF：https://www.npmjs.com/package/jspdf三、优缺点优

引言 首先我们要了解为什么使用Mock.js，我们在前端开发项目期间，可能我们的后端提供接口的速度跟不上我们前端的开发速度，这时我们就需要用到Mock.js来模拟后端接口和数据Mock.js介绍 Mock.js是一个用于生成随机数据和拦截Ajax请求的JavaScript库。它非常适合在前端开发

CompositionAPICompositionAPI将是Vue3的核心功能，它具有许多更改和性能改进。我们也可以在Vue2中通过npm插件@vue/composition-api使用它。安装yarnadd@vue/composition-api之后，在入口文件main.js中使用它。importVuefrom'vue'importVueCompositionAPI

@目录概述前端代码本人其他相关文章链接概述前面文章案例已经练习了父子组件之间的通信，这一节讲述如何把todos数组放进本地缓存中，因为实际开发场景中频繁查询的数据很有可能会用到本地缓存技术。思考：如何改成使用本地缓存，是写一堆按钮每次触发就是往本地缓存种get和set？答案