145 前端Vue
Python-drf前戏38.2-前端Vue02
-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)G
日期 2023-06-12 10:48:40
Python-drf前戏38-前端Vue
-曾老湿, 江湖人称曾老大。 -多年互联网运维工作经验，曾负责过大规模集群架构自动化运维管理工作。 -擅长Web集群架构与自动化运维，曾负责国内某大型金融公司运维工作。 -devops项目经理兼DBA。 -开发过一套自动化运维平台（功能如下）： 1)整合了各个公有云API，自主创建云主机。 2)ELK自动化收集日志功能。 3)Saltstack自动化运维统一配置管理工具。 4)G
日期 2023-06-12 10:48:40
前端vue中文件下载的几种方式
大家好，又见面了，我是你们的朋友全栈君。 第一种方式是前端创建超链接，通过a标签的链接向后端服务发get请求，接收后端的文件流，非常简单：<a :href='"/user/downloadExcel"' >下载模板</a> 另一种情况是创建div标签，动态创建a标签： <div name="downloadfil
日期 2023-06-12 10:48:40
前端vue+docker打包发布
一. Vue生成1. 初始化工程选择一个文件夹npm init vue@latest复制然后roject name: … <your-project-name> ✔ Add TypeScript? … No / Yes ✔ Add JSX Support? … No / Yes ✔ Add Vue Router for Single Page Application developme
日期 2023-06-12 10:48:40
2022前端经典vue面试题（持续更新中）
如果让你从零开始写一个vue路由，说说你的思路思路分析：首先思考vue路由要解决的问题：用户点击跳转链接内容切换，页面不刷新。借助hash或者history api实现url跳转页面不刷新同时监听hashchange事件或者popstate事件处理跳转根据hash值或者state值从routes表中匹配对应component并渲染回答范例：一个SPA应用的路由需要解决的问题是 页面跳转内容改变同时
日期 2023-06-12 10:48:402022前端二面必会vue面试题汇总
Vue中的key到底有什么用？key是为Vue中的vnode标记的唯一id,通过这个key,我们的diff操作可以更准确、更快速diff算法的过程中,先会进行新旧节点的首尾交叉对比,当无法匹配的时候会用新节点的key与旧节点进行比对,然后超出差异.diff程可以概括为：oldCh和newCh各有两个头尾的变量StartIdx和EndIdx，它们的2个变量相互比较，一共有4种比较方式。如果4种比较都
日期 2023-06-12 10:48:40腾讯前端常考vue面试题整理
什么是 mixin ？Mixin 使我们能够为 Vue 组件编写可插拔和可重用的功能。如果希望在多个组件之间重用一组组件选项，例如生命周期 hook、 方法等，则可以将其编写为 mixin，并在组件中简单的引用它。然后将 mixin 的内容合并到组件中。如果你要在 mixin 中定义生命周期 hook，那么它在执行时将优化于组件自已的 hook。Vue中diff算法原理DOM操作是非常昂贵的，因此
日期 2023-06-12 10:48:40「后端小伙伴来学前端了」Vue中利用全局事件总线实现组件之间通信
月亮啊月亮 你能照见南边，也能照见北边 照见她，你跟她说一声，就说我想她了。 前言前一篇文章写了 vue 中利用 Props 实现组件之间的通信，那种方式是最简单也是最基础的组件之间的通信方式。父组件通过 props 向下传数据给子组件，当子组件有事情告诉父组件时会通过$emit事件告诉父组件。对于父子组件，这种传递方式，是较为方便且实用的，但是对于祖孙组件或者兄弟组件，就显得不那么友善了
日期 2023-06-12 10:48:40前端面试题 --- Vue部分
转载链接：https://blog.csdn.net/qq_54753561/article/details/122149197 核心原理部分mvc mvvm和mvp的区别？MVVM 就是 Model-View-ViewModel 的缩写，MVVM 将视图和业务逻辑分开。 View：视图层，Model 数据模型，而 ViewModel 是把两者建立通信的桥梁。 在 MVVM 框架下，View 和
日期 2023-06-12 10:48:40「后端小伙伴来学前端了」Vue中学会使用Echarts生成各种各样的图表，得学学了，必须要会的基本操作了
依旧还是学妹给的封面直接进入主题…在vue中使用个啥，都差不多是一个流程。引入Echarts安装npm install echarts --save复制我们写一个Echarts组件，在内进行引入import * as echarts from 'echarts'复制入门使用如果之前没有接触过Vue或者Echarts 的小伙伴，了解方式无疑就是Echarts官方文档或各大搜
日期 2023-06-12 10:48:40前端面试题angular_Vue前端面试题
Angular1，ng-if 跟 ng-show/hide 的区别有哪些？ 第一点区别是，ng-if 在后面表达式为 true 的时候才创建这个 dom 节点，ng-show 是初始时就创建了，用 display:block 和 display:none 来控制显示和不显示。 第二点区别是，ng-if 会（隐式地）产生新作用域，ng-switch 、 ng-include 等会动态创建一块界面
日期 2023-06-12 10:48:40前端vue生成二维码带logo并且可以点击下载保存_vue实现扫描二维码
下载插件：npm install vue-qr<template> <div class=”sg-qrcode”> <vue-qr :text=”qrcodeText” :correctLevel=”3″ :size=”250″ :margin=”10″ colorDark=”#000″ colorL
日期 2023-06-12 10:48:40
前端三大框架之Vue-day04
接口调用方式原生ajax基于jQuery的ajaxfetchaxios异步JavaScript的执行环境是「单线程」所谓单线程，是指JS引擎中负责解释和执行JavaScript代码的线程只有一个，也就是一次只能完成一项任务，这个任务执行完后才能执行下一个，它会「阻塞」其他任务。这个任务可称为主线程异步模式可以一起执行多个任务JS中常见的异步调用 定时任何ajax事件函数promise主要解决
日期 2023-06-12 10:48:40阿里前端常考vue面试题汇总_2023-02-27
Vuex中actions和mutations有什么区题目分析mutations和actions是vuex带来的两个独特的概念。新手程序员容易混淆，所以面试官喜欢问。我们只需记住修改状态只能是mutations，actions只能通过提交mutation修改状态即可回答范例更改 Vuex 的 store 中的状态的唯一方法是提交 mutation，mutation 非常类似于事件：每个 mutati
日期 2023-06-12 10:48:40百度前端一面高频vue面试题汇总_2023-02-28
什么是递归组件？举个例子说明下？分析递归组件我们用的比较少，但是在Tree、Menu这类组件中会被用到。体验组件通过组件名称引用它自己，这种情况就是递归组件<template> <li> <div> {{ model.name }}</div> <ul v-show="isOpen" v-if="
日期 2023-06-12 10:48:40京东前端二面常见vue面试题及答案_2023-02-28
虚拟 DOM 的优缺点？优点：保证性能下限： 框架的虚拟 DOM 需要适配任何上层 API 可能产生的操作，它的一些 DOM 操作的实现必须是普适的，所以它的性能并不是最优的；但是比起粗暴的 DOM 操作性能要好很多，因此框架的虚拟 DOM 至少可以保证在你不需要手动优化的情况下，依然可以提供还不错的性能，即保证性能的下限；无需手动操作 DOM： 我们不再需要手动去操作 DOM，只需要写好 Vie
日期 2023-06-12 10:48:40滴滴前端常考vue面试题_2023-02-28
Computed 和 Methods 的区别可以将同一函数定义为一个 method 或者一个计算属性。对于最终的结果，两种方式是相同的不同点：computed: 计算属性是基于它们的依赖进行缓存的，只有在它的相关依赖发生改变时才会重新求值；method 调用总会执行该函数。如何定义动态路由？如何获取传过来的动态参数？（1）param方式配置路由格式：/router/:id传递的方式：在path后面
日期 2023-06-12 10:48:40介绍｜三大前端框架之Vue
近十年以来，IT行业发展火热，衍生了很多新职业，例如UI设计师、开发工程师、软件测试工程师等等，在众多备受瞩目的新生职业中，Web前端工程师是其中的一员。那么Web前端三大主流框架是什么呢？Vue、 React 和 Angular 是当前应用最广的三大前端框架，仅从 GitHub 趋势来看，Vue 更是排在了第一位，目前已经达到了 17 万的 Star。但在国内小程序成为移动开发的破局者之后，Vu
日期 2023-06-12 10:48:40前端一面经典vue面试题（持续更新中）
vuex是什么？怎么使用？哪种功能场景使用它？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。vuex 就是一个仓库，仓库里放了很多对象。其中 state 就是数据源存放地，对应于一般 vue 对象里面的 data 里面存放的数据是响应式的，vue 组件从 store 读取数据，若是 store 中的数据发生改变，依赖这相数据的组件也会发生更新它通过 mapState 把全局的 s
日期 2023-06-12 10:48:40京东前端高频vue面试题
Redux 和 Vuex 有什么区别，它们的共同思想（1）Redux 和 Vuex区别Vuex改进了Redux中的Action和Reducer函数，以mutations变化函数取代Reducer，无需switch，只需在对应的mutation函数里改变state值即可Vuex由于Vue自动重新渲染的特性，无需订阅重新渲染函数，只要生成新的State即可Vuex数据流的顺序是∶View调用store
日期 2023-06-12 10:48:40前端一面必会vue面试题1
为什么要使用异步组件节省打包出的结果，异步组件分开打包，采用jsonp的方式进行加载，有效解决文件过大的问题。核心就是包组件定义变成一个函数，依赖import() 语法，可以实现文件的分割加载。components:{ AddCustomerSchedule:(resolve)=>import("../components/AddCustomer") // requ
日期 2023-06-12 10:48:40校招前端二面高频vue面试题
Vue中封装的数组方法有哪些，其如何实现页面更新在Vue中，对响应式处理利用的是Object.defineProperty对数据进行拦截，而这个方法并不能监听到数组内部变化，数组长度变化，数组的截取变化等，所以需要对这些操作进行hack，让Vue能监听到其中的变化。 那Vue是如何实现让这些数组方法实现元素的实时更新的呢，下面是Vue中对这些方法的封装：// 缓存数组原型 const array
日期 2023-06-12 10:48:40校招前端二面高频vue面试题
Vue中封装的数组方法有哪些，其如何实现页面更新在Vue中，对响应式处理利用的是Object.defineProperty对数据进行拦截，而这个方法并不能监听到数组内部变化，数组长度变化，数组的截取变化等，所以需要对这些操作进行hack，让Vue能监听到其中的变化。 那Vue是如何实现让这些数组方法实现元素的实时更新的呢，下面是Vue中对这些方法的封装：// 缓存数组原型 const array
日期 2023-06-12 10:48:40(10月最新) 前端图形学实战: 从零开发几何画板(vue3 + vite版)
前言hello, 大家好, 我是徐小夕, 今天又到了我们的博学时间。本文是 100+前端几何学应用案例 专栏的第二篇文章, 在第一篇文章几何学在前端边界计算中的应用和原理分析 中我介绍了几何学在前端领域里的应用, 同时用 vue3 带大家一起实现了常见图形的边界计算算法, 并且分享了如何用几何原理和Web Dom生成任意三角形的方式:image.png如果大家感兴趣可以在 gitee 查看我的
日期 2023-06-12 10:48:40前端图形学实战: 100行代码实现几何画板的撤销重做等功能(vue3 + vite版)
hello, 大家好, 我是徐小夕, 今天又到了我们的博学时间。本文是 100+前端几何学应用案例 专栏的第三篇文章, 在第一篇文章 几何学在前端边界计算中的应用和原理分析 和第二篇文章 前端图形学实战: 从零开发几何画板(vue3 + vite版) 中我介绍了几何学在前端领域的应用以及如何从零开发一个几何画板: 2022-10-15 20.46.21.gif如果大家感兴趣可以在 gitee 查看
日期 2023-06-12 10:48:40前端图形学实战: 从零实现编辑器的图层管理面板和实时缩略图(vue3 + vite版)
前言hello, 大家好, 我是徐小夕, 今天又到了我们的博学时间。本文是 100+前端几何学应用案例 专栏的第四篇文章, 之前和大家分享了如何从零实现几何画板以及几何画板的撤销重做功能:几何学在前端边界计算中的应用和原理分析前端图形学实战: 从零开发几何画板(vue3 + vite版)前端图形学实战: 100行代码实现几何画板的撤销重做等功能(vue3 + vite版)今天继续和大家分享一下几何
日期 2023-06-12 10:48:40前端Vue和React项目 Git 管理常用.gitignore配置
> # 众多无视的扩展 *.bak *.patch *.diff *.err # git冲突合并的临时文件 *.orig *.log *.rej *.swo *.swp *.zip *.vi *~ *.sass-cache *.tmp.html *.dump #操作系统或编辑器文件夹 .DS_Store ._* .cac
日期 2023-06-12 10:48:402023前端二面高频vue面试题集锦1
vuex是什么？怎么使用？哪种功能场景使用它？Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。vuex 就是一个仓库，仓库里放了很多对象。其中 state 就是数据源存放地，对应于一般 vue 对象里面的 data 里面存放的数据是响应式的，vue 组件从 store 读取数据，若是 store 中的数据发生改变，依赖这相数据的组件也会发生更新它通过 mapState 把全局的 s
日期 2023-06-12 10:48:40腾讯前端一面常考vue面试题汇总2
vue2.x详细1. 分析首先找到vue的构造函数源码位置：src\core\instance\index.jsfunction Vue (options) { if (process.env.NODE_ENV !== 'production' && !(this instanceof Vue) ) { warn('Vue is
日期 2023-06-12 10:48:40腾讯前端vue面试题合集2
能说下 vue-router 中常用的 hash 和 history 路由模式实现原理吗？（1）hash 模式的实现原理早期的前端路由的实现就是基于 location.hash 来实现的。其实现原理很简单，location.hash 的值就是 URL 中 # 后面的内容。比如下面这个网站，它的 location.hash 的值为 '#search'：https://www.wo
日期 2023-06-12 10:48:402023前端常考vue面试题集锦_2023-02-23
双向数据绑定的原理Vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。主要分为以下几个步骤：需要observe的数据对象进行递归遍历，包括子属性对象的属性，都加上setter和getter这样的话，给这个对象的某个值赋值，就会触发setter，那么就
日期 2023-06-12 10:48:40