web大前端
本专栏全部都是关于web前端的知识
jingtian678
这个作者很懒,什么都没留下…
展开
-
vue.js 兄弟组件之间的值传递方法
1、兄弟之间传递数据需要借助于事件车,通过事件车的方式传递数据2、创建一个Vue的实例,让各个兄弟共用同一个事件机制。3、传递数据方,通过一个事件触发bus.$emit(方法名,传递的数据)。4、接收数据方,通过mounted(){}触发bus.$on(方法名,function(接收数据的参数){用该组件的数据接收传递过来的数据}),此时函数中的this已经发生了改变,可以使用箭头函数...转载 2018-08-13 17:46:43 · 5701 阅读 · 1 评论 -
text-overflow:ellipsis溢出文本显示省略号的详细方法_CSS教程
三者缺一不可,需同时应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了所想要得到的溢出文本显示省略号效果: li {width:300px; line-height:25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden...转载 2018-08-16 00:17:52 · 3567 阅读 · 0 评论 -
v-if && v-else-if && v-else
一 : v-if作用 : 判断是否加载固定的内容,如果为真,就加载,否则不加载 用处 : 用在权限管理,页面加载 语法 : v-if="判断表达式" 特点 : 控制元素插入或删除,而不是隐藏(v-show是隐藏) v-if与v-show的区别 :v-if的安全级别更高,v-show只是隐藏了,通过页面源代码还是可以看到,安全级别低、 v-if更高的切换消耗(切换消耗指从未加载到加载...原创 2018-08-16 20:08:15 · 2125 阅读 · 0 评论 -
vue组件($children,$refs,$parent)的使用
如果项目很大,组件很多,怎么样才能准确的、快速的寻找到我们想要的组件了?1)$refs首先你的给子组件做标记。demo :<firstchild ref="one"></firstchild>然后在父组件中,通过this.$refs.one就可以访问了这个自组件了,包括访问自组件的data里面的数据,调用它的函数2)$children他返回的是一个组件集...转载 2018-08-22 15:30:17 · 2812 阅读 · 0 评论 -
JS的trim()方法
JS trim()方法使用上有浏览器限制:1.直接使用string.trim() 浏览器版本限制:JavaScript Version 1.8 2.间接使用<即自己使用正则构造类trim的方法>function myTrim(x) { return x.replace(/^\s+|\s+$/gm,'');}function m...原创 2018-09-14 11:30:18 · 13868 阅读 · 0 评论 -
ES6展开运算符的6种妙用
多亏了ES6和像Babel这样的转换器,书写JavaScript代码已经变得难以想象的有活力,从新的语法到可以自定义解析的JSX。我是展开运算符的一位铁粉,三个点...将会改变你使用JS完成任务的方式。以下是我在JS中最喜欢的展开运算符的用法!不使用Apply的函数调用我们经常使用Function.prototype.apply,传递一个数组作为参数,使用数组中存放的一组参数调用一个函数。...转载 2018-09-20 19:49:22 · 3619 阅读 · 2 评论 -
webpack之proxyTable设置跨域
为什么要使用proxyTable很简单,两个字,跨域。 在平时项目的开发环境中,经常会遇到跨域的问题,尤其是使用vue-cli这种脚手架工具开发时,由于项目本身启动本地服务是需要占用一个端口的,所以必然会产生跨域的问题。当然跨域有多种解决方式,这里就不一一例举,下次弄篇文章单独讲,在使用webpack做构建工具的项目中使用proxyTable代理实现跨域是一种比较方便的选择。如何使用pro...转载 2018-10-22 22:27:03 · 654 阅读 · 0 评论 -
vue-cli的webpack模板项目配置文件分析
https://blog.csdn.net/hongchh/article/details/55113751转载 2018-10-27 18:17:42 · 128 阅读 · 0 评论 -
ES6中箭头函数的作用
我们知道在ES6中,引入了箭头函数,其本质就是等同有ES5中的函数。类似于下面的写法: let test1=() => “abc”; let test2=() => { return “abc”}; let sum=(a,b) => a+b;比如上面的3个ES6的箭头函数的写完,如果用ES5就像下面的写完一样。 其实其等同于下面的ES5的写法:function t...原创 2018-10-28 13:47:11 · 702 阅读 · 0 评论