weixin_59519449的博客

准备工作已经写好的代码，有团队的需要拉取最新的代码（今天重点分享团队前端项目的发布过程）软件：（包括但不限于）——如果工具都OK，将大大降低发布难度Nginx：轻量级web服务器Jenkins：持续集成开发工具Tomcat：轻量级的应用服务器Xshell：安全终端模拟软件VSCode：前端开发工具当然还有Maven、Gitlib、JDK，这些都是团队开发的必备工具基础知识：敏捷开发（Agile Development） 的核心是迭代开发（Iterative Developm

1步骤2，在 main.js引入3.根据官网教程去复制粘贴4.官网上的简单实现静态效果图5.可以根据官网的文档去改，要想实现动态，需要把图放置methods方法里，接入接口即可！！！上面的数据是用filter过滤器来进行实现的！！！...

1.权限管理 怎么做？2. 登录密码加密怎么做？ -》 base 64 mD5插件3. 拿到token 前端放到哪？4 封装axios 如何封装?5.封装请求拦截器有没有把token 做上去?6. token信息过期如何处理？7. 在页面停留了10分钟 token 过期了如何处理? --> 做响应拦截器市做会话存储 清除token 跳到登录页面再重新 登录，重新获取token 跳转页面8.判断数据类型的基本方法? --》 判断数组9.intanceof 根据...

场景： 由于所有用户频道过多，而我的频道列表里不需要那么多，并且还有很多重复的这时候我需要用去重的方法；注释***userChannelList: [], //用户选择频道索引ID为0,页面刚打开是频道高亮-对应文章数据)allChanneList: [], // 所有频道的列表 ***在computed 计算属性 里进行去重 computed:{ //定义一个变量 unCheckChannwlList(){ //目标：把所有的频道数组挨个对象取出

背景：为了模拟token 过期，专门把token 设置错误，为401 界面把axios 官网里的 复制到拦截器里放置到request.js 里在响应器里进行判断4**, 5** 状态码错误以下为代码//引入axios///基于axios 封装网络请求import theAxios from "axios";import router from '@/router'import { Notify } from "vant";const ...

需求：用户通过取色器选择自己喜欢的颜色，替换项目中的主题色实现效果：实现思路：在项目中使用的是less，使用@themeColor定义了主题色，便想着尝试用js修改less的变量即可，但查询了一下只知道有less.modifyVars方法可以修改，但没有详细的说明，顺便查到了可以修改js可以修改原生css的变量，而且简单易懂，便尝试使用css来定义主题色并设置修改。首先在App.vue中设置主题色：<style lang="less">#app { --...

实现效果：点击 文章上的叉叉就会出现反馈面板在 vant 组件当中找到 反馈组件中 的动作画板，在main.js里引入即可！！在 AriticleItem.vue 的组件，即文章的页面， 当中去导入我们需要使用的组件<van-action-sheet v-model="show" :actions="actions" @select="onSelect" />在反馈组件中，绑定点击事件在data 里边进行存放数据 data(){retu..

效果图：功能实现：从vant 组件中找到list 列表，然后引入即可！！基础的列表放置到使用的页面当中 <van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad"> </van-list>在data 里边存放底部加载和完成得状态loading:false,//底部加载状态finished:false//底部完成的状

安装lib-flexiblenpm i lib-flexible --save在main.js引入lib-flexibleimport 'lib-flexible/flexible'安装postcss-pxtoremnpm install postcss-pxtorem -D配置postcss-pxtorem 在根目录的.postcssrc.js文件中修改 此文件自动生成，若没有，手动添加module.exports = { "plugins": {

目录1.until文件夹里的request.js ， axios 响应拦截2.api文件夹里的excel.js3.mock文件里的index.js 接口4.mock文件里的excel.js 接口5.components 文件下的layout 里的home 页面6.components 文件下的layout 里的home 页面7.components 文件下的layout 里的LeftMenu页面8.views的文件里 创建的components 里的...

简单的 页面效果图：要求可以 上传以及可以 下载excel 图表（本文章为思路） 导入导出思路：1.在 components 下创建文件夹并创建文件home.vue;在路由文件里配置文件,且将此页面作为重定向即可！！2.在 views 下创建文件 download-excel.vue下载文件 和 upload-excel.vue 上传文件，在路由文件里配置路由,使用懒加载进行引入即可！！3.在首页里，给一个父级div,单个子集div,分别class 命名： 父级...

vue的两个核心点分别是数据驱动和组件系统。1.数据驱动，即是ViewModel，是指视图是由数据驱动生成的，我们对视图的修改，不会直接操作DOM，而是通过修改数据，保证了数据和视图的一致性。2.组件系统，组件的出现就是为了解决页面布局等等一系列问题，而vue中的组件分为两种，全局组件和局部组件，它提供了强大的页面布局功能。...

1. 是什么？vue 系统自带的一个组件,功能: 是用来缓存组件的。====》提升性能2.使用场景 ：就是用来缓存组件,提升项目的性能。 具体实现比如：首页进入详情页，如果用户在首页每次点击都是相同的，那么详情页就没必要请求N次了，直接缓存就可以了，当然如果点击的不是同一个，那么就直接请求就可以了...

web1.0时代 文件全在一起，也就是前端和后端的代码会在一起 问题： 1. 前端和后端一个人开发，（技术没有侧重点或者责任不够细分） 2.项目不好维护3. html、css、 js 页面的静态内容没有,后端是没法工作的(没办法套数据)mvc.....都是后端先出的web2.0 时代ajax 出现了，就可以：前端和后端数据分离了 解决问题： 后端不用等前端页面弄完没，后端做后端的事情(写接口),前端...

（重要） 每个van-tab代表一个标签导航，中间夹着内容，对应的下属列表内容

__dirname（两个下划线） 它是node 环境下的全局内置变量当前文件所在文件夹的绝对路径__dirname值 （自己电脑上的）：C:\Windows\System32\cmd.exe// hack: `true; @import "${path.join(__dirname + "/src/styles/cover.less" )}";`,...

目录1. 背景2. Mock是什么3. Mock能做什么4. Mock实现方式5. Mock市面上常见的解决方案6. Python下unittest.mock使用1. 背景在实际产品开发过程中，某个服务或前端依赖一个服务接口，该接口可能依赖多个底层服务或模块，或第三方接口，比如说服务 A 依赖服务B，服务B又依赖服务 C，如下图所示：这种依赖的问题会导致原本的需求目的是要验证服务A，但由于所依赖的服务B或者服务C不稳定或者未开发完成，导致工作无法正常开展。

1.自我介绍2分钟，200-300个字，主旨自己基本情况，工作经历，优点，兴趣爱好，职业规划，邀约2.vue面试题1.v-show和v-if区别的区别：v-show通过css display控制显示和隐藏，v-if组件真正的渲染和销毁，而不是显示和隐藏，频繁切换状态使用v-show 否则v-if2.为何v-for要用key快速查找到节点，减少渲染次数，提升渲染性能3.描述vue组件声明周期mm单组件声明周期图挂载： beforeCreate => created =

背景：经过： 在 出现这个错误的时候，我起初一直总觉的是 请求接口的错误，或者数据请求报错！！！ 当我看过之后并没有报错 ，其次又看控制台显示得报错Uncaught (in promise) Error在login页面得69 行，后来看了看并没错，于是乎，就百度了一下，看到错误还是报错，和我错误不匹配于是，我就请教了一下，同事，强哥；它帮在login 页面逐一打印，res 值了什么得都有!!!

​路由权限控制前端路由是全部都由后端返回，还是后端返回对应角色下的权限，然后前端通过遍历的方式来修改当前路由呢？引用上面这个问题的采纳答案：第一种后台返回路由，第二种后台返回权限。共同点：总结补充：第一种是指动态路由，路由是分两部分，一部分是home、login等无权限需求路由，一部分是由后端返回的该用户权限下的路由，当用户登录后得到 roles，前端根据roles 去向后端请求可访问的路由表，从而动态生成可访问页面，之后就是 router.addRoutes 动态挂载

全局导航是干什莫的？应用场景和背景分别是什么？ 通过vue-Router来进行实现的等等以及在 项目当中如何去做的？

vue pc端后台管理 报错 不是一个函数

在原有的基础上，再次巩固了单页面应用是什么？ 以及它的优缺点是什么？如何进行优化？ 无非 就是讲了它的大致的概念 单页面应用， 就是我们所说的只有一张web 页面的应用，单个HTML 页面与用户之间交互动态更新，该页面的web 程序，所有的操作都在这张页面上完成，都由javascript 控制； 然而单页面应用的优势和不足之处分别在哪呢！首先，首当其冲的是肯定要考虑"用户"嘛！肯定是用户体验好，不然用它干嘛！你说对吧！ 它的优势是这莫说的 ”用户操作体验好，除了首页，其他

关于 vuex模块化应该如何去实现？ 第一步：在 store 的文件夹里的index.js 里进行引入vue 和vuex ，其次 引入新建的文件，记得在modules 里去注册模块， 第二步：在新建的文件里命名空间的模块化，在state 声明一个空的数组，用于存放数据来着，在放一个默认的数据，count:0,在getters 里进行获取状态等等； 第三步：在需要获取页面的里边进行操作；用mapGetters 辅助函数来进行引入vuex等等

1.谈谈你对vuex的理解？2.在vuex 当中应该如何解决命名冲突？3.created 和mounted 之间的区别是什么?4.vue的生命周期是什么？5.组件的生命周期在不同的阶段，执行顺序都是怎莫排的？6.何时需要使用beforeDestroy?

效果图1. 在main.js 里，配置 axios ,引入mint-ui, 样式等等，且重要的是配置根地址import Vue from 'vue'import App from './App.vue'import router from './router'import store from './store'import axios from "axios"import MintUI from 'mint-ui'import 'mint-ui/lib/s...

初次学习vue 移动端

目录Vuevue初始化页面闪动问题router-link上事件无效解决方法！！！vue项目中的性能优化！！！前端如何优化网站性能！！！vue与react区别vue常见兼容问题组件传值vue如何获取domv-on可以监听多个方法assets和static的区别封装 vue 组件的过程vue.js的templete模版问题-----数据不响应（对象）(数组)过滤器filter，nexttickMVVM生命周期钩子函数?第一

前端如何进行性能优化！！！

1.你知道vue的模板语法用的是哪个web模板引擎的吗？说说你对这模板引擎的理解.mustache，主要是使用{{}}进行数据渲染。2.你知道v-model的原理吗？说说看v-model是一个语法糖，真正实现双向绑定还是依靠v-bind：绑定响应式数据。以及触发input事件并传递数据（核心和重点）3.怎么给VUE定义全局方法？第一种：将方法挂载到Vue的proptotype上，第二种使用全局混入mixin。4.怎么解决vue打包后静态资源图片失效的问题？找到conf..

001.query传参与params 有什么区别；query：带?，在地址栏中会显示；类似于get ;params : 不显示 ； ？？？ 声明式路由中使用params是否显示 ； post 安全性更高002.路由传参数//路由传参有两种形式：query传参数 params传参；//在两种路由（声明式，编程）中都可以使用query params传参；003.如何在另一个组件中去取这个参数；// params传参： this.$route.params.acco...

1.你对vue有什么看法？特点？组件化，双向数据绑定，虚拟Dom, 数据驱动试图2.提高开发效率，方面重复使用，简化调试步骤，3.堆与栈的问题？在js 引擎中对变量的存储主要两种位置浅拷贝中，拷贝的是拷贝的地址，所有的前后两个对象共用一个地址，当一个对象拷贝之后的数据修改之后，另个对象也受影响；深拷贝中，4，为什么组件中的data，必须是函数形式？而不是对象？（1） 避免全局污染，组件是要复用；如果data 是一个对象，当在一个组件中修改数据，其他组件中的数据也.

1.什么是生命周期?生命周期： 是指一个事物从产生，到最后消亡的整个过程;vue：vue 实例 组件的生命周期： 实例，从创建到消毁的整个过程；在不同的生命周期，可以执行不同的操作；2.beforeupdate 和 updated 的区别是什么？...

重点知识掌握****Object.keys()Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。代码去重:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content.

重点了解****Event 对象Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用，函数不会在事件发生前被执行！大致简单代码：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="I

在vue 中如何使用这个方法！基础版的

我们知道Vue的核心特性之一是双向绑定，vue的响应式原理是实现了数据－>视图，接下来我们要学习 视图－>数据的原理。v-model是一个指令，限制在<input>、<select>、<textarea>、components中使用，修饰符.lazy(取代input监听change事件)、.number(输入字符串转为有效的数字)、.trim(输入首尾空格过滤)。它其实是一个语法糖，接下来我们就来分析v-model的实现原理。<!D...

​v-bind 主要用于属性绑定，Vue官方提供了一个简写方式:bind​

v-if和v-show 之间的区别是什莫？v-if 是从DOM节点层面对节点进行添加或者移除，重绘与回流，消耗性能；v-show 是从CSS样式层面去对节点进行隐藏，隐藏后，还占位置，性能消耗低；使用场景的区别：如果要频繁切换显示或者隐藏，用v-show;

v-for指令的经常运用；适合新手入门