2018年05月_maybe28

原创如何准确的区分对象和数组

前言--我们可能会经常用到typeof去判断某一个变量的类型。但是如图所示typeof对于区分数组和对象是没有用的。方法一：Array.isArray()。。。var a = [1,2,4];var b= {"name":"lsx"};console.log(Array.isArray(a)) //trueconsole.log(Array.isArray(b)) //false方法二：co...

2018-05-29 21:05:44 3656

原创 select2 option 设置disabled以及如何取消disabled属性

select2使用不久，最近遇到一个问题，需要对某一个option设置为不可选，但是一些操作之后恢复可选状态。1.设置为不可选状态，很容易， $("#single_select option[value='b']").prop('disabled',true); $("#single_select").select2();2.取消option的disabled属性。2.1 $("#single_s...

2018-05-16 17:37:58 11274 1

原创 vue平行组件之间的通信

平行组件之间的通信，需要借助一个空的vue对象。var Event = new Vue();发送依旧是用Event.$emit('自己定义的事件','需要发送的数据')，接收的时候，需要在钩子函数mounted中接收，用Event.$on('相对应的事件',回调函数function(msg){});发送数据：接收数据:...

2018-05-09 11:39:56 1946

原创 vue父组件和子组件之间的通信

1.父组件传递数据给子组件。原理：将父组件的值作为一个属性，绑定给子组件，在子组件中通过props进行接收。其中props接收的方式有3种： 1.props:['name'] 2.props:{name:{type:String}} 3.props:{name:String}2.子组件跟父组件之间的通信原理：子组件需要利用一个$emit('声明的事件','需要发送的值...

2018-05-09 10:37:31 2412

原创小标题自适应的经典布局--flex

实现如图所以的小标题布局。实现的注意点：1.两边的线是自适应的，不能写死。如果屏幕大，则留白超级大。否则，线可能就挨着边了。2.因为后面的北京是图片，所以不能用一个div盖在线上。我的实现的方法：<div class="title"> <div class="line"></div> <div class="text">优惠信息&

2018-05-04 18:48:33 457

原创 filter---的各种值

之前只用过filter的opacity，竟然不知道filter还有很多的值，可以在我们的项目中设置使用。下面将会使用图片➕属性值的方式介绍filter。1.none。。默认值，没有效果。2.blur。。给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少像素融在一起，所以值越大越模糊；---filter:blur(10px);3.brightness(%)。。给图片应...

2018-05-03 21:01:47 292

翻译 vue-cli的项目中把localhost换成自己的ip无法访问

很多情况下，我们在pc端开发的项目，需要在手机上调试。这个时候，但是发现我如果直接将localhost换成自己的ip,是无法访问的，解决办法：在package.json中，，"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "np...

2018-05-03 10:55:23 3617

原创 webstorm stylus 报红

今天使用vue-cli构建了一个项目。但是使用stylus写法一直报红，但是在浏览器里设置的样式是生效的。其中，package.json中，这些stylus都是安装过的。"style-loader": "^0.13.1","stylus": "^0.54.5","stylus-loader": "^2.5.0",并且在style中，也加了。style lang="stylus

2018-05-02 20:20:05 1734

shu580231的博客