书架

书架

=一个知识书库=

Performance 前端性能监控

Performance 前端性能监控

# 一:什么是Performance? # Performance是前端性能监控的API。它可以检测页面中的性能,W3C性能小组引入进来的一个新的API,它可以检测到白屏时间、首屏时间、用户可操作的时间节点,页面总下载的时间、DNS查询的时间、TCP链接的时间等。因此我们下面来学习下这个API。 <!--more--> 那么在学习之前,前端性能最主要的测试点有如下几个: * **白屏时间**:从我们打开网站到有内容渲染出来的时间点。 * **首屏时间**:首屏内容渲染完毕的时间节点。 * **用户可操作时间节点**:domready触发节点。 * **总下载时
more...
Vue中使用定时器setInterval和setTimeout

Vue中使用定时器setInterval和setTimeout

**js中定时器有两种,一个是循环执行setInterval,另一个是定时执行setTimeout** # 一、循环执行(**setInterval**) # 顾名思义,循环执行就是设置一个时间间隔,每过一段时间都会执行一次这个方法,直到这个定时器被销毁掉 用法是**setInterval**(“方法名或方法”,“延时”), 第一个参数为方法名或者方法,注意为方法名的时候不要加括号,第二个参数为时间间隔 <!--more--> ```html <template style="margin: 0px; padding: 0px; white-space: pre-wra
more...
vue踩坑:跨域以及携带cookie

vue踩坑:跨域以及携带cookie

最近后台需求要在请求的时候传cooki给后台,正常情况下拿到cookie后存在cookie里,同域名下是会自己带到请求头里的,但是因为要在本地调试,那么问题就来了,localhost:8080下面的cookie是不会带到线上的请求头里的,于是问题产生了,好了废话不多说,看看我踩坑的过程吧,希望对大家有所帮助。 <!--more--> 1.首先我在main.js里面加了这么一段代码 ![](http://www.lixianglong.cn/bg_store/img/content/1127951-20180312113333780-204746913.png) 这段代码我网上搜
more...
Vue动态组件component的使用

Vue动态组件component的使用

# Vue动态组件 component :is的使用 vue **动态组件**用于实现在指定位置上,动态加载不同的组件,核心代码为: ```javascript <component :is="componentTag"></component> data() { return { componentTag: '', } } ``` `componentTag` 为自定义的变量,将需要加载的组件名赋值给它,即可在`component`标签出现的位置,渲染该组件。 <!--more--> ## 代码示范 ```ma
more...
使用vue-cookies操作cookie

使用vue-cookies操作cookie

# 1.前言 # 在vue中如果想要操作cookie,除了使用之前我们自己封装好的操作cookie的方法之外,我们还可以使用vue-cookies插件,这是一个简单的Vue.js插件,专门用于在vue中处理浏览器的cookie操作,vue-cookies没有依赖关系,它可以独立存在,对vuejs友好。本篇博文就来介绍如何使用vue-cookies插件。 <!--more--> # 2.安装vue-cookies # ```bash npm install vue-cookies --save ``` # 3.引入vue-cookies # 安装完毕后,我们需要在vue项目中
more...