kukuhang的博客

在地址栏输入网址敲回车发生了什么？ 一.浏览器解析url中的域名 二.DNS解析： 找到域名对应的IP地址 三.客户端与服务器建立TCP连接 通过三次握手，建立了客户端和服务器之间的连接 三次握手 第一次握手就是客户端给服务器端发送一个报文，第二次就是服务器收到报文之后，会应答一个报文给客户端，第三次握手就是客户端收到报文后再给服务器发送一个报文，三次握手就成功了。 四次挥手 第一次挥手：客...

日期字符串&时间字符串转换成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...

转换时间搓补0 dateFormat(row,column){ var t=new Date(row.update_time); //row 表示一行数据, updateTime 表示要格式化的字段名称 var year=t.getFullYear(), month=t.getMonth()+1, day=t.getDate(), hour=t...

1、vue使用定时器 在vue中使用定时器，很多情况下，进入和退出vue界面，都没有清除定时器，从而导致有很多定时器一起工作，这样肯定是不行的，接下来就使用当用户进入界面时启用定时器，当用户离开当前界面时就清除定时器。 2、代码实现 <template> </template> <script> export default { ...

详述虚拟DOM中的diff算法 虚拟DOM对比时，会用到diff算法 当数据发生变化的时候就会被比对 要么改变了state 要么改变了props setState方法 同层比对，如果一致，那么继续比对第二层，如果比对一样，继续往下比对。 如果比对不一样，就不会网下比对了，不一样的用新的覆盖掉DOM节点，会造成重复节点的浪费， 遍历key问题 假如数组中有五条数据，渲染到页面，然后生成五个虚拟DO...

vue-router实现原理 前端路由分为俩种，一种是hash模式，一种是history模式 hash是异步数据请求交互允许在不刷新浏览器的情况下进行。而异步交互体验的更高级版本教师spa-单页应用，单页应用不仅仅实在页面交互是无刷新的，连页面跳转都是无刷新的 history模式 多了俩个APi pushstate 和replacestate通过这俩个APi可以改变url地址不会发送请求 单页路...

MVC MVP MVVM区别 MVC模式得理解 MVC一般分为 Model（模型）、Controller（控制器）、View（试图）。 View 一般通过Controller和Model进行联系。View和Model不进行联系。基本联系都是单向 View→Controller→Model→View 1.View传送指令到Controller 2.Controller完成业务逻辑后，要求Model...

在和src同级的路径下创建一个文件名,vue.config.js(这文件名是固定这么写的) module.exports = { baseUrl:'/',//根路径 outputDir:'dist',//打包的时候生成的一个文件名 assetsDir:'assets',//静态资源目录(js,css,img,fonts)这些文件都可以写里面 lintOnSave:f...

安装Echarts cnpm install echarts -S 在main.js中引入 import echarts from 'echarts' Vue.prototype.$echarts = echarts 创建图表 template <template> <div id="myChart" :style="{width: '1000px', hei...

在项目的根目录下新建 vue.config.js 文件，自Vue CLI 3开始，项目中所有的配置信息都写在这个文件中（2在config目录中配置）。 module.exports = { devServer: { // 设置代理 proxy: { "/api": { target: "http://127.0.0.1:8081/", // 你要访问...

vue-cli2.0中 第一种 默认hash ### 在config.js中写 /前加. module.exports={ publicPath:"./" } 第二种 ### 在config.js中写 去掉干 module.exports={ publicPath:"/" } ### 在router里的jindex.js写入 mode:'history', base: "与你打包上线的...

keep-alive <keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。 <keep-alive> 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。 <keep-alive> 与 <transition>相似，只是一个抽象组件，它不会在DOM树中渲染(真实或者虚拟都不会) ，也不在父组件...

1.怎样理解单向数据流 1.父子之间单向向下绑定：父级prop的更新会向下流动到子组件中，子传父不行。这样防止子组件意外改变父组件的转态，从而导致你应用的数据流向难以理解， 2.每次父级组件发生更新时，子组件中所有的prop都将会刷新为最新的值。这以为这你不应该在一个子组件内改变prop。 3.单向数据流：父级 prop 的更新会向下流动到子组件中，每次父级组件发生更新时，子组件中所有的 prop...

Vue实例生命周期示例： <script type="text/javascript"> var app = new Vue({ el: '#app', data: { message : "xuxiao is boy" }, beforeCreate: function () { ...

首先下载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中 //绑定...

v-show和v-if区别 v-show 和 v-if区别 共同点： v-if和v-show都是动态显示DOM元素。 区别 1.编译过程：v-if是真正的条件渲染，因为它会确保在切换过程中条件块内的事件监听器和子组件适当被销毁和重建。v-show的元素始终会被渲染并保留在DOM中。V-show只是简单的切换元素css属性display 2.编译条件:v-if是惰性的:如果在初始渲染时...

简述Vuex工作流程 什么是Vuex 1.Vue应用程序开发的状态管理模式，管理数据的 2.用于集中式存储管理应用所有组件的状态 3.以相应的规则保证状态发生改变 状态 1.组件内部的状态：仅在组件内使用的状态（data字段），不能共享，只能在内部使用 2.应用级别状态：多个组件共用状态，通常把这种状态在Vuex里面进行统一管理 什么情况吓使用 1.多个视图以来同一状态，abc组件使用同一套数据，...

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...