Vue
TongQiHang
小菜鸟一枚,请各位大佬多多指教
展开
-
Vue面试题六@酷酷的小航航
在地址栏输入网址敲回车发生了什么?一.浏览器解析url中的域名二.DNS解析:找到域名对应的IP地址三.客户端与服务器建立TCP连接通过三次握手,建立了客户端和服务器之间的连接三次握手第一次握手就是客户端给服务器端发送一个报文,第二次就是服务器收到报文之后,会应答一个报文给客户端,第三次握手就是客户端收到报文后再给服务器发送一个报文,三次握手就成功了。四次挥手第一次挥手:客...原创 2019-11-19 11:09:28 · 107 阅读 · 0 评论 -
时间转换 @酷酷的小航航
日期字符串&时间字符串转换成date对象var new_date_str = '2017-07-07'.replace(/-/g, '/')var newdate = new Date(new_date_str)console.log(newdate)//可以输出对应的日期对象,注意传入字符串也可以是'2017-7-7'var new_time_str = '2017-07-07...原创 2019-11-18 20:32:02 · 105 阅读 · 0 评论 -
Vue 时间搓转换@酷酷的小航航
转换时间搓补0dateFormat(row,column){ var t=new Date(row.update_time); //row 表示一行数据, updateTime 表示要格式化的字段名称 var year=t.getFullYear(), month=t.getMonth()+1, day=t.getDate(), hour=t...原创 2019-11-18 20:27:35 · 132 阅读 · 0 评论 -
Vue 定时器 @酷酷的小航航
1、vue使用定时器在vue中使用定时器,很多情况下,进入和退出vue界面,都没有清除定时器,从而导致有很多定时器一起工作,这样肯定是不行的,接下来就使用当用户进入界面时启用定时器,当用户离开当前界面时就清除定时器。2、代码实现<template></template><script> export default { ...原创 2019-11-18 20:02:04 · 172 阅读 · 0 评论 -
Vue 面试题五 @酷酷的小航航
详述虚拟DOM中的diff算法虚拟DOM对比时,会用到diff算法当数据发生变化的时候就会被比对 要么改变了state 要么改变了propssetState方法同层比对,如果一致,那么继续比对第二层,如果比对一样,继续往下比对。如果比对不一样,就不会网下比对了,不一样的用新的覆盖掉DOM节点,会造成重复节点的浪费,遍历key问题假如数组中有五条数据,渲染到页面,然后生成五个虚拟DO...原创 2019-11-18 12:05:26 · 121 阅读 · 0 评论 -
Vue面试题四 @酷酷的小航航
vue-router实现原理前端路由分为俩种,一种是hash模式,一种是history模式hash是异步数据请求交互允许在不刷新浏览器的情况下进行。而异步交互体验的更高级版本教师spa-单页应用,单页应用不仅仅实在页面交互是无刷新的,连页面跳转都是无刷新的history模式多了俩个APi pushstate 和replacestate通过这俩个APi可以改变url地址不会发送请求单页路...原创 2019-11-18 11:23:06 · 105 阅读 · 0 评论 -
Vue面试题三@酷酷的小航航
MVC MVP MVVM区别MVC模式得理解MVC一般分为 Model(模型)、Controller(控制器)、View(试图)。View 一般通过Controller和Model进行联系。View和Model不进行联系。基本联系都是单向View→Controller→Model→View1.View传送指令到Controller2.Controller完成业务逻辑后,要求Model...原创 2019-11-18 11:00:36 · 146 阅读 · 0 评论 -
vue3.0版本 config.js基础配置@酷酷的小航航
在和src同级的路径下创建一个文件名,vue.config.js(这文件名是固定这么写的)module.exports = { baseUrl:'/',//根路径 outputDir:'dist',//打包的时候生成的一个文件名 assetsDir:'assets',//静态资源目录(js,css,img,fonts)这些文件都可以写里面 lintOnSave:f...原创 2019-11-17 19:19:44 · 182 阅读 · 0 评论 -
vue 使用echarts 应用@酷酷小航航
安装Echartscnpm install echarts -S在main.js中引入import echarts from 'echarts'Vue.prototype.$echarts = echarts 创建图表template<template> <div id="myChart" :style="{width: '1000px', hei...原创 2019-11-17 19:02:23 · 109 阅读 · 0 评论 -
vue3.0反向代理@酷酷的小航航
在项目的根目录下新建 vue.config.js 文件,自Vue CLI 3开始,项目中所有的配置信息都写在这个文件中(2在config目录中配置)。module.exports = { devServer: { // 设置代理 proxy: { "/api": { target: "http://127.0.0.1:8081/", // 你要访问...原创 2019-11-10 10:29:10 · 368 阅读 · 0 评论 -
vue-cli2.0 vue-cli-3.0 打包上线解决404 @酷酷的小航航
vue-cli2.0中第一种默认hash### 在config.js中写/前加.module.exports={ publicPath:"./"}第二种### 在config.js中写去掉干module.exports={ publicPath:"/"}### 在router里的jindex.js写入mode:'history',base: "与你打包上线的...原创 2019-11-06 19:18:56 · 177 阅读 · 0 评论 -
详解keep-alive@酷酷的小航航
keep-alive<keep-alive>是Vue的内置组件,能在组件切换过程中将状态保留在内存中,防止重复渲染DOM。<keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。<keep-alive> 与 <transition>相似,只是一个抽象组件,它不会在DOM树中渲染(真实或者虚拟都不会),也不在父组件...原创 2019-11-05 19:36:54 · 110 阅读 · 0 评论 -
某Web前端笔试题@酷酷的小航航
1.怎样理解单向数据流1.父子之间单向向下绑定:父级prop的更新会向下流动到子组件中,子传父不行。这样防止子组件意外改变父组件的转态,从而导致你应用的数据流向难以理解,2.每次父级组件发生更新时,子组件中所有的prop都将会刷新为最新的值。这以为这你不应该在一个子组件内改变prop。3.单向数据流:父级 prop 的更新会向下流动到子组件中,每次父级组件发生更新时,子组件中所有的 prop...原创 2019-11-05 15:28:11 · 217 阅读 · 0 评论 -
Vue 中生命周期详解@酷酷的小航航
Vue实例生命周期示例:<script type="text/javascript"> var app = new Vue({ el: '#app', data: { message : "xuxiao is boy" }, beforeCreate: function () { ...原创 2019-11-05 15:18:10 · 125 阅读 · 0 评论 -
vue-cli vue-awesome-swiper轮播 @酷酷的小航航
首先下载vue-awesome-swiper cnpm install vue-awesome-swiper --save在main.js中引入import VueAwesomeSwiper from 'vue-awesome-swiper'import 'swiper/dist/css/swiper.css'Vue.use(VueAwesomeSwiper)html中//绑定...原创 2019-11-01 17:18:07 · 473 阅读 · 0 评论 -
Vue面试题二@酷酷的小航航
v-show和v-if区别v-show 和 v-if区别共同点:v-if和v-show都是动态显示DOM元素。区别1.编译过程:v-if是真正的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当被销毁和重建。v-show的元素始终会被渲染并保留在DOM中。V-show只是简单的切换元素css属性display2.编译条件:v-if是惰性的:如果在初始渲染时...原创 2019-10-30 20:55:36 · 182 阅读 · 0 评论 -
Vue面试题一@酷酷的小航航
简述Vuex工作流程什么是Vuex1.Vue应用程序开发的状态管理模式,管理数据的2.用于集中式存储管理应用所有组件的状态3.以相应的规则保证状态发生改变状态1.组件内部的状态:仅在组件内使用的状态(data字段),不能共享,只能在内部使用2.应用级别状态:多个组件共用状态,通常把这种状态在Vuex里面进行统一管理什么情况吓使用1.多个视图以来同一状态,abc组件使用同一套数据,...原创 2019-10-28 23:20:00 · 174 阅读 · 0 评论 -
VUE全局过滤时间
VUE全局过滤时间直接上代码Vue.filter('initTime', (value) => { var nowTime = new Date(value).getTime(); let overTime = new Date().getTime(); var leftTime = (overTime - nowTime) / 1000; var y = parseInt(lef...原创 2019-10-20 19:16:31 · 146 阅读 · 0 评论