2018年04月_故事迷人眼

原创 vue之重定向

{ path: '/a', component: A, alias: '/b' } vue中重定向意思就是当你访问路径/b的时候他会跳转到/a去网上很多用这个redirect方法的但是我用了之后不好使只有alias好使...

2018-04-20 16:32:55 1870

学习vue路由和vuex有一周时间了今天把学会的方法总结一下，我是用npm搭建的开发环境在npm安装vue的时候会提示你是否安装路由，如果没有就安装一个：npm install vue-router --save刚学习的时候我是把组件都放在App里面注册和使用的，后来发现可以另写一个js文件，把声明的组件和路由路径都保存在那个js文件里面，这样写有好处，比如文件分类明确，方便维护这里的rout...

2018-04-20 16:15:33 3032

转载 vue-router 基本使用

原文链接地址:https://www.cnblogs.com/SamWeb/p/6610733.htmlvue-router 基本使用　　路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种...

2018-04-17 17:34:56 3899

原创 Vue之eslint disable

今天在联系vue实例时发现npm总报错，报的什么错还看不懂，在朋友的帮助下才知道这是书写格式的错误一个是官方要求的书写格式；官方要求格式规范，书写统一；一个是个人的书写格式：个人书写就看个人习惯了，比如一个大型项目多人来完成，每个人有自己的书写格式习惯，如果都按照自己的去写最后合并时会很难看，但如果都按官方书写格式，最后合并之后样式会统一好看许多；在npm安装；# 全局安装 vue-cli$ ...

2018-04-17 13:14:54 2510

原创元素特性的顺序

这是按照官网抄的抄的抄的：元素 (包括组件) 的特性应该有统一的顺序。这是我们为组件选项推荐的默认顺序。它们被划分为几大类，所以你也能知道新添加的自定义特性和指令应该放到哪里。定义 (提供组件的选项)is列表渲染 (创建多个变化的相同元素)v-for条件渲染 (元素是否渲染/显示)v-ifv-else-ifv-elsev-showv-cloak渲染方式 (改变元素的渲染方式)v-prev-on...

2018-04-16 10:18:52 233

转载闭包的写法

以前工作的时候碰到过获取另一个函数里面变量的值的这个问题，当时也不知道这是闭包，困扰了好几天忘记当时是怎么解决的了，正好今天有时间在网上看看别人对闭包的讲解和心得，看过之后理解什么是闭包了但就是不会用，==！在别人那里看到了几种闭包的使用方法，效果不错，1 . 这种写法是声明一个变量，将一个函数当作值赋给变量。var Circle = function() { var obj = ne...

2018-04-13 16:43:23 3040

转载 CSS3中display属性的Flex(弹性)布局

不要脸的把人家的拷贝过来了留着以后用原地址 : https://www.cnblogs.com/xuyuntao/articles/6391728.html1 .container {2 display: flex;3 flex-direction: column;4 align-items: center;5 background-color: #b3d4db;6 ...

2018-04-12 16:03:08 234

原创 background-color不显示颜色

做前端这么久了在background-color上面出了问题，今天在vue实例时候设置了background-color之后不显示颜色，我很明确类没有错，宽高都有，F12检查除了背景颜色之外属性都显示了，这是什么问题，百度之后有人说这个要放在background-image后面才会显示颜色,因为背景图片把颜色覆盖了，我试了下加个背景图片，恩是显示颜色了，但是但是但是我也不需...

2018-04-12 09:10:39 14684 3

转载 js中this指向

原文地址： https://blog.csdn.net/mevicky/article/details/46659273javascript中的this含义非常丰富，它可以是全局对象，当前对象或者是任意对象，这都取决于函数的调用方式。函数有以下几种调用方式：作为对象方法调用、作为函数调用、作为构造函数调用、apply或call调用。对象方法调用作为对象方法调用的时候，this会被绑定到该对象...

2018-04-11 17:25:31 180

转载 (function(){})()原理

真的是越学发现会的越少，从学ES6箭头函数看到this指向，了解this指向发现(function(){})()这个也不会，好在有人在网上给出了答案，你需要明白 IIFE 的原理，我简单说一下：function foo() {...} // 这是定义，Declaration；定义只是让解释器知道其存在，但是不会运行。foo(); // 这是语句，...

2018-04-11 16:44:38 1915

转载 prototype 对象属性

prototype 属性使您有能力向对象添加属性和方法。注意是对象对象对象<html><body><script type="text/javascript">function employee(name,job,born){this.name=name;this.job=job;this.born=born;}var b...

2018-04-11 15:43:08 159

转载 ES6箭头书写

今天学vue2.0时候看到有写 =>这种格式的当时就懵逼了，这是什么写法，查资料原来是ES6语法，网上有挺多介绍箭头函数的，但我觉得这个作者写的是我能看懂了解最深的地址： https://blog.csdn.net/mevicky/article/details/49942559语法我们先来看看箭头函数的语法：([param] [, param]) => { stat...

2018-04-11 15:30:56 169

转载 js获取浏览器和设备相关width（屏幕的宽度）

连接地址：https://www.cnblogs.com/zdhblog/p/6845618.html网页可见区域宽： document.body.clientWidth网页可见区域高： document.body.clientHeight网页可见区域宽： document.body.offsetWidth (包括边线的宽)网页可见区域高： document.body.offsetHeight (...

2018-04-11 11:11:11 718

原创 Uncaught TypeError: Cannot read property 'gc' of undefined

今天想练练百度地图，去百度地图API看了下流程需要有自己的 “秘钥”秘钥获取：百度地图网站注册账号-->申请秘钥，这里研究一下就可以了，但是我再用百度地图给的第一个demo时候居然报错： Uncaught TypeError: Cannot read property 'gc' of undefined原因是这里var mp = new BMap.Map('map');...

2018-04-11 10:24:53 3546

原创 echarts2.0和3.0差别

最近在公司学习echarts，刚接触的时候感觉好牛逼的技术，时间长了感觉还是好牛逼。。。。。因为公司要兼容ie8所以一开始选的是2.0版本，学过一段时间之后对3.0版本比较好奇就去看了下，目前我知道2.0和3.0的区别有1 . 南丁格尔图设置， 2.0 roseType: 'radius/area'; 3.0 roseType: 'angle',2 . 拖拽重计算属性， 2.0...

2018-04-09 08:59:01 3060

原创 vue父组件向子组件传递数据prop

今天学习vue学到使用prop父向子传递数据，学了半天也没懂什么意思，没学懂==记住不（true）查了下别人的学习经验发现基本上都是拷贝vue官网的介绍，哎，不要脸的真多，能咋办继续研究呗他说是父组件向子组件传递绑定的数据==子组件接收父组件数据，那就逆向推理一下<!DOCTYPE html><html> <head> <meta char...

2018-04-08 15:06:18 1594

原创 vue之限制标签ul ol table等使用

有些组合标签在vue下使用是有限制的比如：ul->li, table->tr-th, table-tr-td为什么有限制目前我能力有限也不了解，现在会使用就行，嘤嘤嘤上代码：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue之限制标签使

2018-04-08 09:28:50 3052

原创 vue全局组件和局部组件

vue组件包括两种：1 .全局组件，2 .局部组件局部组件var 变量名字一定要放在new Vue实例外面1 .全局组件： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>vue:component之组件使用</title> &lt

2018-04-08 09:15:45 626

原创 vue不是内部或外部文件

今天准备用npm安装vue，但是我在cmd面板输入vue提示我vue不是内部或外部文件，我一开始以为是node.js安装错了，又卸载从新安装还是提示我不是内部文件，这是什么情况，没办法百度吧，一搜还真有挺多跟我碰到同样问题的，也有挺多解决办法的，我看到有人说搜文件vue.cmd，之后设置他的变量path，这咋设置啊，继续百度: 桌面我的电脑右键属性 ->左边高级系统设置 ->下面环境变...

2018-04-04 09:29:07 4377

原创 map地图点击省份显示当前地区地图

前几天好像看到一个demo就是点击中国地图哪个省就显示哪个省的地图，但是现在找不到在那里看到的了，正好在学echarts就自己研究做一个，顺便加深印象；series[map]有个maptype属性 mapType:"china|浙江"，就会显示浙江地图，下面是我的代码<!DOCTYPE html><html> <head> <meta char...

2018-04-03 15:59:26 7659 1

原创 echarts的标记线和标记点

markPoint: 标记点---------------------------markLine：标记线看了好几天还是不太理解markPoint和markLine的作用，昨晚看视频终于有点理解了，比如在一个折线图形当中我们经常看到最高和最低点都会有个标记，在echarts当中markPoint就是来标记最高和最低点的，而有的图表中会有个平均值得虚线，markLine就是用来表示平局值的...

2018-04-03 15:18:58 16347 1

原创改变数组方法

push() 在数组尾部添加比如：var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.push("Kiwi")pop() 删除数组最后一个元素比如: var fruits = ["Banana", "Orange", "Apple", "Mango&

2018-04-03 13:59:03 380

励志要成为it大佬的博客