![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
NoTelecom
这个作者很懒,什么都没留下…
展开
-
从vue2依赖收集的缺陷到vue3的proxy
先简单解释下ES6中Proxy的语法,然后从vue2的defineProperty的缺点去理解为什么使用Proxy最后展示二者的区别Proxyconst myProxy = new Proxy(target, handle)使用new Proxy的语法来创建一个拦截器,其中:target 是指要使用 Proxy 包装的目标对象(可以是任何类型的对象,包括原生数组,函数,甚至另一个代理handler 是指一个通常以函数作为属性的对象,用来定制拦截行为后续触发拦截时都需要使用myProx.原创 2020-10-08 14:06:36 · 751 阅读 · 0 评论 -
2020前端一些大厂面经系列———vue,node
接上篇vuevue中组件与组件之间的通信方式(快手)vue实现elementui的dialog手写发布订阅者模式1. 你了解diff算法吗?它的时间复杂度是怎样的?(字节跳动)Diff算法的作用是用来计算出 Virtual DOM (虚拟DOM)中被改变的部分,然后针对该部分进行原生DOM操作,而不用渲染真实DOM(会引起整个DOM的重绘和重排)即不用重新渲染整个页面。注:我们先...原创 2020-03-06 17:18:48 · 876 阅读 · 1 评论 -
vue表单联动 +导入数据
效果如下:默认选择是计算机学院软件工程,当把第一个下拉框选项改为通信与信息工程学院时,后边的下拉框选项变化,比如第一项变成了通信工程实现过程:select部分:用v-for加载选项列表,选择的选项改变时使用v-on:change定义一个方法跟踪选择值的变化 <select v-on:change="indexSelectCollege($event)"> ...原创 2019-10-24 20:10:10 · 1279 阅读 · 0 评论 -
vue源码之数据驱动总结速记
vue源码 ---- 数据驱动原理总结数据驱动原理图,渲染过程:初始化vue(this._init)【包括合并配置,初始化生命周期,事件中心,data,props等等】Vue.prototype._init = function (options?: Object) { const vm: Component = this .... .... // 合并配置 i...原创 2019-09-02 18:41:24 · 207 阅读 · 0 评论 -
vue源码入门Flow
Flow基本类型的类型标注语法JavaScript 中的基本类型,类型标注语法是在变量后加上一个冒号,空格,然后是相应的类型名称undefined 的类型是 void; null 的类型是 null;string 类型、number 类型和 boolean 类型,其类型名称都是小写开头const a: string = 'a'; // 字面量值对应的类型名称...原创 2019-08-30 23:26:18 · 441 阅读 · 0 评论 -
vue源码入门前需要掌握的js技术
vue源码入门前需要掌握的js技术js函数涉及到作用域时,函数定义时作用域以及很多东西无法确定,只有调用它时才能确定call作用是改变作用域,但是很多博客解释的非常复杂,这个解释比较清楚,直接上代码,上下两段代码等价。function add(c,d) { return this.a + this.b + c + d; } const obj = {a:...原创 2019-08-30 17:48:35 · 182 阅读 · 0 评论 -
vuecli3配置eslint
配置eslint(.eslintrc.js)网上一搜一大把的是如何取消eslint,但是我觉得eslint是一种很好的规避风险,规范代码的东西,原来在vuecli2里用的极其舒适,但是在vuecli3里却一点作用都不起,试了好多办法,只有这个管用,首先手动建一个.eslintrc.js文件:// https://eslint.org/docs/user-guide/configuring //...原创 2019-07-27 15:45:53 · 2358 阅读 · 0 评论 -
入手vuecli3的一些坑的解决
我之前用的是vuecli2,虽然看起来庞大但是上手之后非常好操作,脚手架提供的代码需要改动的不多,它几乎都帮你配置好了,看有人用vuecli3我就想着上手试试,它的目录看起来清爽简单,但是一试却发现有好多东西在使用之前需要自己按需配置,因此无可避免的踩了一些坑,把摸索出来的解决方法贴出来,希望帮到一些人。其中的webpack.config.js和.eslintrc.js和vue.config.j...原创 2019-07-27 15:42:15 · 10830 阅读 · 0 评论 -
vuecli用到的一些router(路由)技巧
vuecli之router(路由)路由重定向使用 redirect比如说我们打开首页默认会跳转登录页面和直接在根路由下加上登录的路径效果是一样的,下图用/home作为示范:router.js:去掉路由上的#号router.js使用------mode: 'history',选中路由的激活状态假设app.vue的路由是这样的:<template> ...原创 2019-07-27 10:46:26 · 305 阅读 · 0 评论 -
三分钟简单学习/复习 vue transition
过渡动画transition首先确认过渡是单元素过渡 (包括单个结点和统一时间渲染多个结点中的一个) 还是列表(li)过渡动画,单元素使用 列表使用 添加过渡模式mode使过渡更加流畅,如果未采用,会出现离开过渡的元素和进入过渡的元素被同时绘制,模式有in-out 和 out-in 两种,in-out:新元素先进行过渡,完成之后当前元素过渡离开。out-in:当前元素先进行过渡,完...原创 2019-07-27 09:57:11 · 168 阅读 · 0 评论 -
简单说说vue过滤器filter
过滤器过滤器作用:在某些值呈现给用户前做最后一步过滤,可被用于一些常见的文本格式化过滤器使用范围:双花括号插值和 v-bind 表达式过滤器形式: 分为 全局过滤器 和 私有过滤器过滤器可以有参数,无参数,有多个参数全局过滤器:必须在创建 Vue 实例之前全局定义过滤器<div v-for="item in list" :key="item.nam...原创 2019-07-25 22:12:31 · 311 阅读 · 0 评论 -
vuecli2中有趣的v-if实现的小功能(点击使内容隐藏或者显示)
常用的小功能: 控制元素显示或隐藏<template> <div class='main'> <el-card :style="{ width: '300px' }"> <div slot="header" class="clearfix"> <span>卡片<...原创 2019-07-25 22:09:22 · 1901 阅读 · 0 评论 -
v-bind绑定样式的三种方法
vue中使用样式: 若干个元素的样式变化较少时(例如字体等变化时),可以节约代码使用v-bind绑定样式,比起写单独的css是不是减少了一些冗余语句呢?<template><div class='main'> <el-button>hahahha</el-button> <!-- 第一种,绑定class --> ...原创 2019-07-25 22:01:46 · 3740 阅读 · 0 评论 -
Vue_生命周期函数
生命周期钩子介绍一下当我们创建运行销毁Vue实例期间会发生什么,也叫生命周期事件,生命周期函数。生命周期函数分类:beforeCreate():在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用。此时datd,methods未 初始化。created():此时初始化完成,在实例创建完成后被立即调用。在这一步,实例已完成以下的配...原创 2019-05-24 11:25:43 · 93 阅读 · 0 评论 -
vue之组件注册,组件切换,组件传值
vue_2 组件:组件注册全局组件:2019/5/15js:// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count...原创 2019-05-15 23:06:27 · 1451 阅读 · 0 评论 -
vue_基础知识点
vue_基础首先给一个简单的例子作为开头,不涉及组件的vue一般是以这个方式书写的:body: <div id='app'> <p>{{msg}}</p> </div>script: var vm = new Vue({ el:'#app',//new出实例,表示要控制某个区域 data:{// 存放el要用到的数据 m...原创 2019-05-15 20:25:47 · 263 阅读 · 0 评论