![](https://img-blog.csdnimg.cn/20210605110107851.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
文章平均质量分 85
vue分享
柠檬树上柠檬果柠檬树下你和我
2021年度博客之星前端领域TOP5、2021年度博客之星前100名
展开
-
Vue组件的生命周期怎么只执行一次
vue组件的生命周期只执行一次?原创 2022-02-16 12:18:01 · 4651 阅读 · 6 评论 -
说说Vue.nextTick 的原理和用途
Vue.nextTick在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。原创 2022-02-13 17:03:05 · 2119 阅读 · 0 评论 -
Vuex面试题汇总
Vuex面试题汇总原创 2022-02-11 14:58:19 · 1298 阅读 · 2 评论 -
axios七大特点
axios的七大特点原创 2022-02-11 14:18:29 · 2408 阅读 · 2 评论 -
谈谈服务端渲染技术NuxtJS
????博客首页:酸狗的博客????????欢迎关注????点赞????收藏⭐️留言????????热爱前端学习,期待一起交流!✨????作者水平很有限,如果发现错误,求告知,多谢!????????有问题可私信我交流????服务端渲染技术NUXT⭐什么是服务端渲染????SEO????SPA✨SSR????为什么要使用SSR应用?????什么是NUXT????NUXT环境搭建????NUXT目录结构???? Nuxt定义布局????动态路由????数据渲染????总结????特性⭐什么是服务端原创 2021-12-21 12:08:33 · 5631 阅读 · 19 评论 -
vue中v-model 的双向绑定底层原理你了解吗?
✨什么是双向数据绑定首先存在双方:一方是界面中显示的数据,另一方是vue中的数据vue中的数据变化,显示的数据跟着变化显示的数据变化,vue中的数据跟着变化原创 2021-12-16 10:00:48 · 2972 阅读 · 8 评论 -
VUE面试题汇总(十)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)VUE面试题汇总(四)VUE面试题汇总(五)VUE面试题汇总(六)VUE面试题汇总(七)VUE面试题汇总(八)VUE面试题汇总(九)91. 发布-订阅模式参考答案:Vue中发布订阅模式在Vue中采用了发布订阅模式,典型的兄弟组件间的通信$on和$emit发布订阅模式:(订阅者、发布者、信号中心)一个发布者$emit发布一个事件到信号中心 eventBus ,订阅者们 $on 通过信号中心收到该事件原创 2021-12-12 17:02:35 · 2418 阅读 · 5 评论 -
VUE面试题汇总(九)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)VUE面试题汇总(四)VUE面试题汇总(五)VUE面试题汇总(六)VUE面试题汇总(七)VUE面试题汇总(八)81. vue-router 路由的两种模式参考答案:hash history82. history 路由模式与后台的配合参考答案:参考83. vue路由实现原理? 或 vue-router原理?参考答案:说简单点,vue-router的原理就是通过对URL地址变化的监听,继而对原创 2021-12-10 09:41:53 · 1971 阅读 · 2 评论 -
VUE面试题汇总(八)
VUE面试前看一看,小问题没问题!原创 2021-12-01 00:03:47 · 2073 阅读 · 2 评论 -
VUE面试题汇总(七)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)VUE面试题汇总(四)VUE面试题汇总(五)VUE面试题汇总(六)61. vue 的优点是什么?参考答案:低耦合。视图(View)可以独立于 Model 变化和修改,一个 ViewModel 可以绑定到不同的"View"上,当 View 变化的时候 Model 可以不变,当 Model 变化的时候 View 也可以不变。可重用性。你可以把一些视图逻辑放在一个 ViewModel 里面,让很多 view原创 2021-11-29 23:29:21 · 2393 阅读 · 0 评论 -
VUE面试题汇总(六)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)VUE面试题汇总(四)VUE面试题汇总(五)51. 如何编译 template 模板?参考答案:参考52. diff 算法参考答案:diff算法包括一下几个步骤:1.用 JavaScript 对象结构表示 DOM 树的结构;然后用这个树构建一个真正的 DOM 树,插到文档当中2.当状态变更的时候,重新构造一棵新的对象树。然后用新的树和旧的树进行比较(diff),记录两棵树差异3.把2所记录的差异应原创 2021-11-29 10:01:04 · 2588 阅读 · 2 评论 -
VUE面试题汇总(五)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)VUE面试题汇总(四)41. vue的双向绑定的原理,和angular的对比参考答案:1、vue原理数据劫持: vue.js 是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应的监听回调。2、angular原理脏值检查:angular.js 是通过脏值检测的方式比对数据是否有变更原创 2021-11-29 00:24:44 · 2396 阅读 · 0 评论 -
VUE面试题汇总(四)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)VUE面试题汇总(三)31. v-model 语法糖的组件中的使用参考答案:<input type="text" v-model="mes"> 此时mes值就与input的值进行双向绑定。实际上上面的代码是下面代码的语法糖。<input v-bind:value="mes" v-on:input="mes= $event.target.value"/>要理解这行代码,首先你要知道 input 元素本原创 2021-11-28 23:45:00 · 2712 阅读 · 2 评论 -
VUE面试题汇总(三)
往期点这里:↓VUE面试题汇总(一)VUE面试题汇总(二)21. vue 中父组件调用子组件的方法参考答案:使用$refs解析:父组件<template> <div> <button @click="clickParent">点击</button> <child ref="mychild"></child> </div></template>原创 2021-11-25 08:30:00 · 2394 阅读 · 0 评论 -
VUE面试题汇总(二)
往期点这里:↓VUE面试题汇总(一)11. 请问 v-if 和 v-show 有什么区别参考答案:v-show 指令是通过修改元素的 display 的 CSS 属性让其显示或者隐藏v-if 指令是直接销毁和重建 DOM 达到让元素显示和隐藏的效果12. vue 常用的修饰符参考答案:解析:参考13. v-on 可以监听多个方法吗?参考答案:肯定可以的。解析:<input type="text" :value="name" @input="onInput" @foc原创 2021-11-24 09:00:00 · 2455 阅读 · 5 评论 -
VUE面试题汇总(一)
1. vue 中的性能优化参考答案:1)编码优化尽量减少data中的数据,data中的数据都会增加getter和setter,会收集对应的watcherv-if和v-for不能连用如果需要使用v-for给每项元素绑定事件时使用事件代理SPA 页面采用keep-alive缓存组件在更多的情况下,使用v-if替代v-showkey保证唯一使用路由懒加载、异步组件防抖、节流第三方模块按需导入长列表滚动到可视区域动态加载图片懒加载2)用户体验优化骨架屏PWA(渐进式WEB应用)原创 2021-11-23 09:28:36 · 3159 阅读 · 2 评论 -
前端为什么要组件化开发?
文章目录什么是前端模块化,组件化,工程化?为什么要组件化?组件化和模块化的区别插槽组件传值组件库什么是前端模块化,组件化,工程化?前端模块化:可以理解为一组自定义业务的抽象封装,是根据项目的情况来进行封装组合到一起的,比如我们可以分为登录模块,评论模块。模块可维护性好,组合灵活,方便调用,多人协作互不干扰。前端组件化:指对具体的某个功能的封装,比如所有的分页可以封装为分页组件来统一使用,以此来达到组件复用,提高开发效率。前段工程化:概念:指使用软件工程的技术和方法来进行前端项目的原创 2021-11-05 11:46:47 · 4496 阅读 · 7 评论 -
Vue3.x为什么要用Proxy来代替Object.defineProperty?
文章目录什么是ProxyObject.definePropertyvue3为什么要用proxy?vue的新版本(和重写版本)出现有两个关键的因素:proxy对比Object.defineProperty总结什么是Proxyproxy:代理,JavaScript中用来表示由它来’代理’某些操作。通常,当谈到JavaScript语言时,我们讨论的是ES6标准提供的新特性,本文也不例外。 我们将讨论JavaScript代理以及它们的作用,但在我们深入研究之前,我们先来看一下Proxy的定义是什么。MDN上的原创 2021-11-03 11:42:33 · 5786 阅读 · 9 评论 -
什么是Vue中的虚拟DOM和Diff算法?
Vue 虚拟DOM Diff算法 思考什么是虚拟DOM为什么使用虚拟DOM真实DOM和虚拟DOM的区别DOM Diff当数据发生变化时,Vue是怎么更新节点的?1. patch2. patchVnode3. updateChildren 总结 思考 使用了Vue,使用了React,大家或多或少都有听过虚拟DOM,那么他和我们经常打交道的真实DOM有什么区别呢,另外,他到底是个啥玩意儿呢? 什么是虚拟DOM 所谓的Virtual d...原创 2021-11-02 09:42:13 · 4208 阅读 · 8 评论 -
把base64格式图片画到canvas画布上(干货建议收藏)
项目场景:使用时将里面的base数据替换即可,画布大小进行修改如果在vue使用时必须在mounted里面、或者点击触发,因为在这个生命周期后才能获取dom元素JavaScript:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <canvas id="myCanv原创 2021-06-18 13:55:42 · 13481 阅读 · 14 评论 -
3分钟让你学会axios在vue项目中的基本用法(建议收藏)
Axios酸狗来教你提示:本篇详解axios在vue项目中的实例。在使用Vue.js框架开发前端项目时,会经常发送ajax请求服务端接口,在开发过程中,需要对axios进一步封装,方便在项目中的使用。提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录Axios酸狗来教你Axios简介一、axios是干啥的二、安装使用三、Axios请求方式1、axios可以请求的方法:2、get请求3、post请求4、put和patch请求5、delete请求6、并发请求四、Axios实例1、原创 2021-06-08 10:29:34 · 98703 阅读 · 38 评论 -
酸狗带你了解Vue.js
带你了解Vue.js今天酸狗就带着大家了解一个国内最火的前端框架Vue.js。希望对大家Vue的了解有帮助!文章目录带你了解Vue.js前言一、框架和库的区别二、前端三大主流框架三、什么是Vue.js四、为什么要使用Vue框架总结前言提示:看文章之前建议对Html/Css/JavaScript有一些基础的了解更好的理解,小白能直观的了解Vue一、框架和库的区别框架(Framework)和函数库(Library)框架:是一套完整的解决方案;对项目的侵入性较大,项目如果需要更换框架,则原创 2021-06-05 10:51:59 · 7008 阅读 · 26 评论