
前端脚本
超级码li
技术与思维。
展开
-
vuex中getters用法详解
vuex中getters其实就是做数据加工的,可看成与computed计算属性一样的功能,即做一些数据的处理加工。例子:import gs from "@/service/goods";export default { state: { slider: [], keys: [], goodsInfo: {} }, mutations: { ...原创 2019-12-29 15:38:57 · 2321 阅读 · 0 评论 -
vuex中mapActions用法详解
一般而言,我们使用this.$store.dispatch('xxx')来触发action操作,有多少action需要被触发,就需要写多少个this.$store.dispatch('')方法;从而更加简便的方式出现了,他就是mapActions,mapActions就是将组件中的事件函数映射为对应的action,其中事件函数名称与action名称应该是一样的,写法如下:mapAct...原创 2019-12-29 15:34:20 · 18287 阅读 · 0 评论 -
vue中多选框使用以及值监控
原创 2019-12-24 11:11:07 · 1047 阅读 · 0 评论 -
vue中属性或函数前有$符号,代表什么?
Vue 实例还暴露了一些有用的实例属性与方法。它们都有前缀$,以便与用户定义的属性区分开来。例如:var data = { a: 1 }var vm = new Vue({ el: '#example', data: data})vm.$data === data // => truevm.$el === document.getElementById('examp...原创 2019-12-23 20:57:44 · 4581 阅读 · 0 评论 -
js中扩展运算符...的用法
...就是扩展运算符,他的写法是es6中 的新写法。如:let a = [1,2,3], let b =[4][...a,b]的值为[1,2,3,4]https://juejin.im/post/5ad88219f265da505546692f原创 2019-01-29 14:22:13 · 793 阅读 · 0 评论 -
css使得某元素居中显示怎么做?
在某元素的父元素中这样设置:justify-content:center;//水平居中显示align-items:center;//垂直居中显示display:-webkit-flex;//上面两个居中显示的属性必须配合flex属性一起使用display: flex;...原创 2018-12-27 11:29:43 · 240 阅读 · 0 评论 -
提供器providers注意点。
图中连接在一起的四个箭头指向的为一个东西,就是token,他在代码中是不变的,当需求发生变化,要注入其他的类时,只需要改变useClass的值,useClass对应的类就是所需要的功能类。这样就实现了充分解耦,也方便自己随便写个测试的功能类注入进程序中,以方便自己加快开发速度,而不用等到需要的测试类真正写好才能进行下一步。提供器的作用:就是实例化服务类,以供依赖注入。提供器的作用域...原创 2018-11-08 14:32:57 · 148 阅读 · 0 评论 -
angular中的插座即RouteOutlet的深入理解
RouteOutlet插座在布局代码中的位置决定了组件的位置,在app.component.html中,如下:那么哪些组件显示在<router-outlet></router-outlet>之后呢?就是配置中出现的组件,如下:上面代码中出现了两个组件,他们都会显示在插座的位置。除非配置代码中有辅助路由出现,即有别的插座(即兄弟插座),那么组件的显示地方就...原创 2018-11-06 22:14:53 · 3198 阅读 · 0 评论 -
typescript中的for of与for in 以及forEach的区别?
for of 用for of循环时,该过程可以被打断。循环出的结果不是数组的下标,而是数组中的元素。 for in过程不能被打断,循环出的结果是数组的下标。 forEach过程不能被打断。其他与for of类似,但是forEach是老版本中的方法。 看示例:a:var myArray = [1,2,3,4];for(var n of m...原创 2018-10-17 23:28:30 · 5565 阅读 · 1 评论 -
TypeScript-箭头表达式理解
箭头表达式优点:1.用来声明匿名函数,书写简洁方便。2.使得匿名函数中的this有更好的利用。箭头表达式书写时,写法为()=>{}当没有参数时:var sum = ()=>{console.log('xxx');}当有一个参数时:写法为args=>{}var sum = args =>{console.log(args);} ...原创 2018-10-17 22:53:55 · 1750 阅读 · 0 评论 -
typescript中的generate函数
generator函数的yield控制函数体内方法的暂停和继续执行。以下是在babel平台下写的例子。左边是typescript代码,右边是对应的JavaScript代码。当随机生成的数(即price)小于15时,才会停止。不然会一直执行。 ...原创 2018-10-17 21:37:33 · 899 阅读 · 0 评论