lotte

转载 vue2.0中的$router 和 $route的区别

最近在学习vue的单页面应用开发，需要vue全家桶，其中用到了VueRouter，在路由的设置和跳转中遇到了两个对象$router 和 $route ，有些傻傻分不清，后来自己结合网上的博客和自己本地的Vue devtools结构了解了他们的区别1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这...

原创 ++[[]][+[]]+[+[]]=10 0+{} 等于什么？ 为什么[1,2]+[3,4] 不等于[1,2,3,4]

不同类型通过+号运算结果---------------------------------------------------------------------------------------- | undefined | boolean | number | string | function | object | null | array--------...

原创 特效loading图以备不时之需

原创 动效轮播图

首先引入库jquery.cloud9carousel.js;(function ($) { var transform = (function () { var vendors = ['webkit', 'moz', 'ms']; var style = document.createElement("div").style; var trans = 'tr...

原创 vue runder函数返回select标签

render: (h, params) => { return h('Select',{ on:{ 'on-change':(params)=>{ var i = v.row; this.selectOptions...

原创 css处理文字两端对齐

span{ width: 65px; text-align: justify; &::after{ content: ''; display: inline-block; width: 100%; }}

转载 Vue-router相关介绍及路由跳转命名

Vue-router介绍 Vue Router 是 Vue.js官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。包含的功能有：嵌套的路由/视图表；模块化的、基于组件的路由配置；路由参数、查询、通配符；基于 Vue.js 过渡系统的视图过渡效果；细粒度的导航控制；带有自动激活的 CSS class 的链接；HTML5 历史模式或 hash 模式，在 ...

原创 js校验url

/^(https:\/\/|http:\/\/|www\.)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~\/]+)+$/.test(url.split('?')[0])

原创 vue项目中配置多个后台地址

本地接口地址配置api接口配置分文件路径修改nginx接口配置

原创 禁止复制，右键，选择

['contextmenu', 'selectstart', 'copy'].forEach(function(ev){ document.addEventListener(ev, function(event){ return event.returnValue = false })});

原创 页面打开计算性能 利用performance.timing进行性能分析

window.onload = function(){ setTimeout(function(){ let t = performance.timing console.log('DNS查询耗时 ：' + (t.domainLookupEnd - t.domainLookupStart).toFixed(0)) console.log('...

原创 js获取浏览器活跃页面，切换tab页状态

业务需求：同一个浏览器登录不同账号，利用cookie缓存用户信息冲突，返回先登录用户页面数据错误改变状态：新账号登录后返回页面后刷新出最新用户信息数据首先搜了下网上常见的方式methods: { handleWinFocus() { window.localtion.reload() },},mounted() { window.addEventList...