面试题
文章平均质量分 72
个人总结面试题 希望能给大家一些帮助 后期会持续更新
七锐.
且看烟高云低处,远眸尽过满落辰。
展开
-
Vue自定义指令的概念及使用。
Vue自定义指令:directive在Vue中,除了默认设置的核心指令(v-model和v-show),Vue也允许自定义指令directive.自定义指令分为全局自定义指令和局部自定义指令。全局自定义指令:使用Vue.directive来全局注册指令。Vue.directive('focus', { // 当绑定元素插入到 DOM 中。 inserted: function (el) { // 聚焦元素 el.focus() } })局部自定义指令:在原创 2021-01-13 11:38:07 · 149 阅读 · 0 评论 -
Promise封装axios请求(axios封装与API接口管理)
一、前言axios的封装与api接口的统一管理,其主要目的就是在帮助我们简化代码和利于后期的维护更新。在Vue项目中,和后台交互数据这块,我们通常使用的是axios库,所谓axios它是基于promise的http库,可运行在浏览器端和node.js中。它有很多优秀的特性,例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以我们的尤大大也是果断放弃了对其官方库vue-resource的维护,直接推荐我们使用axios库。二、axios封装步骤安装axios npm i原创 2021-01-12 11:10:06 · 607 阅读 · 0 评论 -
Vue双向数据绑定原理
Vue双向数据绑定原理使用Vue双向数据绑定首先我们要了解它的原理:Vue.js则是采用数据劫持结合发布-订阅模式的方式,通过Object.defineProperty()来劫持各个属性的setter、getter,在数据发生变动时发布消息给订阅者,触发相应的监听回调来渲染视图。实现步骤实现一个数据监听器Observer,能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知订阅者实现一个指令解析器Compile,对每个元素节点的指令进行扫描和解析,根据指令模板替换数据,以及绑定相应的原创 2021-01-08 14:43:54 · 119 阅读 · 0 评论 -
Vue之自定义组件。
简介组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树功能组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加特殊功能。在有些情况下,组件也可以表现为用 is 特性进行了扩展的原生 HTML 元素。所有的 Vue 组件同时也都是 Vue 的实例,所以可接受相同的选项对象 (除了一些根原创 2021-01-07 20:41:08 · 265 阅读 · 0 评论 -
Vue+Vant ui实现图片上传
Vue+Vant ui实现图片上传一、首先需要安装Vant uinpm i vant -S二、在main.js中引入Vant ui//引入Vantimport Vant from "vant";import "vant/lib/index.css"Vue.use(Vant)三、具体使用Vant Uploader组件详解<div> <p>图片上传</p> <van-uploader v-model="fileList" :after-re原创 2021-01-05 19:15:55 · 501 阅读 · 1 评论 -
浅谈Vuex。
1.什么是Vuex?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。2.Vuex组成结构示意图:vuex的特点是把数据单独隔离,形成一棵树状图。单独隔离就意味着它有自己的生态系统。输入和输出,其中action作为数据的输入,state作为数据的输出。如下图:3.Vuex的核心概念:1. Storevuex中最关键的就是store对象,这是Vuex的核心。可以说,Vuex这个插件其实就原创 2021-01-04 14:52:36 · 148 阅读 · 0 评论 -
在JavsScript中var、let、const、的区别。
所谓变量提升就是将声明的变量提升到当前作用域的最顶端原创 2020-12-16 16:05:36 · 215 阅读 · 0 评论 -
普通函数和箭头函数的区别。
普通函数和箭头函数的区别一、写法不同箭头函数:let fun = () => { console.log('lalalala');}普通函数:function fun() { console.log('lalla');}二、普通的函数与箭头函数的this指向不同普通函数的this指向的是调用它的对象,而箭头函数不会绑定this,会捕捉其父类的上下文,作为自己的参数,如下:var obj = { a: 10,//箭头函数 b: () => {原创 2020-12-15 20:38:06 · 498 阅读 · 0 评论