Vue
文章平均质量分 72
twinkle_J
这个作者很懒,什么都没留下…
展开
-
2018前端面试题及参考答案整理
javascript: JavaScript中如何检测一个变量是一个String类型?请写出函数实现typeof(obj) === "string"typeof obj === "string"obj.constructor === String请用js去除字符串空格?方法一:使用replace正则匹配的方法去除所有空格: str = str.replace(/\s*/g,""); ...转载 2018-04-24 11:38:17 · 2099 阅读 · 0 评论 -
vue中css的动画原理
<style> .fade-enter{ opacity:0; } .fade-enter-active{ transition: opacity 4s; } .fade-leave-to{ opacity:0; } ...原创 2018-07-20 12:59:56 · 301 阅读 · 0 评论 -
多页应用VS单页应用
多页应用:页面跳转 => 返回HTML优点:首屏时间快,seo效果好缺点:页面切换慢单页应用:页面跳转 => JS渲染优点:页面切换快缺点:首屏事件稍慢,seo效果差 ...原创 2018-07-21 14:24:27 · 372 阅读 · 0 评论 -
Vuex状态管理模式的面试题及答案
1、vuex有哪几种属性?答:有五种,分别是 State、 Getter、Mutation 、Action、 Module1.1、state state为单一状态树,在state中需要定义我们所需要管理的数组、对象、字符串等等,只有在这里定义了,在vue.js的组件中才能获取你定义的这个对象的状态。1.2、getter getter有点类似vue.j...转载 2018-07-27 15:24:01 · 20195 阅读 · 1 评论 -
vue 列表实现单个点击显示隐藏
<div id="app"> <div v-for="item in items"> <toggle-list-item :item="item"></toggle-list-item> </div></div><template id="转载 2018-08-15 15:48:32 · 5041 阅读 · 0 评论 -
vue中axios的封装
第一步还是先下载axioscnpm install axios -S第二步建立一个htttp.jsimport axios from 'axios';import { Message } from 'element-ui';axios.defaults.timeout = 5000;axios.defaults.baseURL ='';//http request 拦截器...转载 2018-08-20 11:12:01 · 381 阅读 · 0 评论 -
人脸检测,身份证扫描调三方接口获取图片base64路径转file,存入数据库(Vue)
<template><div class="PersonInfoAuthPage"><Header headerTitle="个人信息认证"/><p class="msg">识别内容必须清晰可见<i>*</i></p><div原创 2018-09-01 14:00:23 · 2474 阅读 · 0 评论 -
基于VUE的SPA单页应用开发-加载性能篇
1、基于异步数据的vue页面刷新先看看基于异步数据的vue页面刷新后,都发生了啥~如图所示:图1 基于异步数据的vue页面刷新 网络请求图步骤如下:step1:请求页面; step2:请求页面内的css、js资源; step3:vue页面初始化; step4:页面渲染,框架呈现[无数据内容]; step5:请求页面实际数据; step6:数据ready,填充视图,图片...转载 2018-09-05 14:22:15 · 233 阅读 · 0 评论 -
mint-ui Infinite scroll的使用说明+实例
<template><div class="myFeedBackPage"><HeaderBack :headerTitle="headertit" :txtColor="txtColor"/><ul class="feedBackList" v-infinite-scroll="loadMore"原创 2018-09-03 18:19:23 · 941 阅读 · 0 评论 -
动态组件与v-once指令
<body> <div id="root"> <!-- 动态组件 --> <!-- <component :is="type"></component> --> <child-one v-if="type ===原创 2018-07-19 15:33:17 · 171 阅读 · 0 评论 -
vue中的作用域插槽(slot)
<body> <div id="root"> <child> <template slot-scope="props"> <h1>{{props.item}}</h1> </templa原创 2018-07-19 15:12:35 · 750 阅读 · 0 评论 -
vue前端框架面试问题汇总
1、active-class是哪个组件的属性?嵌套路由怎么定义?答:vue-router模块的router-link组件。2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数?1、active-class是哪个组件的属性?嵌套路由怎么定义?答:vue-router模块的router-link组件。 2、怎么定义vue-router的动态路由?怎么获取传过来的动态参数? 答:在rou...转载 2018-05-03 15:55:45 · 249 阅读 · 0 评论 -
组件之间的细节一(Vue)
<div id="root"> <table> <tbody> <!-- 错误的写法 --> <!-- <row></row>原创 2018-07-17 14:36:19 · 146 阅读 · 0 评论 -
vue的ref引用 使用方法
<div id="app"> <counter ref="one" @change="handleChange"></counter> <counter ref="two" @change="handleChange"></counter>原创 2018-07-17 14:51:48 · 1323 阅读 · 0 评论 -
Vue父子组件传值(单向数据流)
<div id="app"> <counter :count="2" @change="handleChange"></counter> <counter :count="6" @change="handleChange"></counter&g原创 2018-07-17 16:28:35 · 400 阅读 · 0 评论 -
组件参数的校验和非Prop特性(Vue)
<body> <div id="root"> <child content="hello world"></child> </div> <script> Vue.component("child",{ p原创 2018-07-18 09:34:19 · 351 阅读 · 0 评论 -
给组件绑定原生事件加native修饰符(Vue)
<body> <div id="root"> <child @click.native="handleClick"></child> </div> <script> Vue.component("child",{原创 2018-07-18 09:59:12 · 795 阅读 · 0 评论 -
非父子组件传值(Bus/总线/发布订阅者模式/观察者模式)
<body> <div id="root"> <child content="Dell"></child> <child content="Lee"></child> </div> <s原创 2018-07-18 14:10:37 · 230 阅读 · 0 评论 -
vue插槽使用与具名插槽使用(slot)
<body> <div id="root"> <body-content> <!-- 单个插槽的使用 --> <h1>dell</h1> <!-- 多个插槽也叫具名插槽 -->原创 2018-07-19 14:58:36 · 2090 阅读 · 0 评论 -
vue源码解读(一)
vue源码的目录结构vue源码根目录下有很多文件夹,以下是各文件夹存放的文件说明Vue |— build 打包相关的配置文件,其中最重要的是config.js。主要是根据不同的入口,打包为不同的文件。 |— dist 打包之后文件所在位置 |— examples 部分示例 |— flow 因为Vue使用了Flow来进行静态类型检查,这里定义了声明...原创 2018-10-29 15:57:45 · 312 阅读 · 0 评论