angular4之父子组件之间的传值

angular4之父子组件之间的传值
了解@Input和@Output @Input :  将父作用域中的值“输入”到子作用域中,之后子作用域进行相关处理 @Output :  子作用域触发事件执行响应函数,而响应函数方法体则位于父作用域中,相当于将事件“输出”到父作用域中,在父作用域中处理。 Output一般都是一个EventEmitter的实例,使用实例的emit方法将参数emit到父组件中,触发父组件中对应的事件。 ...

Angular常见面试题

Angular常见面试题
1.angular的数据绑定采用什么机制?详述原理 脏检查机制。 双向数据绑定是 AngularJS 的核心机制之一。当 view 中有任何数据变化时,会更新到 model ,当 model 中数据有变化时,view 也会同步更新,显然,这需要一个监控。 原理就是,Angular 在 scope 模型上设置了一个监听队列,用来监听数据变化并更新 view 。每次绑定一个东西到 view 上时 AngularJS 就会往 $watch 队列里插入一条 $watch ...

js运算符的一些特殊应用

js运算符的一些特殊应用
是否包含指定字符: ~ 取整: | 取半: >> 成长值评级: || 判断奇偶: & 交换两个数字的值: ^= 2的n次方: << 和 ** 1 << n-1 是否是指定字符串开头: ! 和 ^ 字符串转数字: + 转为 Boolean 值: !! 本文集合了了js运算符的一些特殊应用。 js位运行符的运用。 js运算符的使用技巧。 回...

DOM事件流的三个阶段

DOM事件流的三个阶段
流 流的概念,在现今的JavaScript中随处可见。比如说React中的单向数据流,Node中的流,又或是今天本文所讲的DOM事件流。都是流的一种生动体现。 至于流的具体概念,我们采用下文的解释: 用术语说流是对输入输出设备的抽象。以程序的角度说,流是具有方向的数据。 事件流之事件冒泡与事件捕获 在浏览器发展的过程中,开发团队遇到了一个问题。那就是页面中的哪一部分拥有特定的事件? ...

30分钟快速上手ES6(下)

30分钟快速上手ES6(下)
Iterators + For..Of 迭代器 + For..of 循环 1)for循环的疑问 起初我们如何遍历数组中的元素呢?20年前JavaScript刚萌生时,你可能这样实现数组遍历: var myArray = ['2','3','aaa']; for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } 自ES5正式发布后,你可以使用内建的forEach方法来遍历数组: myArray.forEach(function ...

30分钟快速上手ES6(上)

30分钟快速上手ES6(上)
狗年春节刚过,今天第一天上班。新的技术总是很快的占到主导地位。快到你觉得他仿佛就是昨天推出来的。15年来,一直主动或被动地去学习这些新技术。只为了自己不落伍。转眼看,ES6已是两年前的东西了。 1.箭头函数 [1, 2, 3, 4, 5].map(function(v){ return v + 1 }) // 使用箭头函数更改 [1, 2, 3, 4, 5].map(v => v + 1) function Person(){ this.name = 'Perso...

js阻止子元素响应父元素事件(事件冒泡)

js阻止子元素响应父元素事件(事件冒泡)
今天同事遇到这样一个问题,找我解决。 他希望点击整个DIV都可以响应点击事件,但是有些交互元素需要排除掉。如:点击链接页面跳转、点击按钮响应事件等)。 这是一个关于事件冒泡的问题,那便从事件冒泡写起。 事件冒泡 在一个元素上触发事件,如果此元素定义了处理程序,那么此次事件就会被捕获,根据程序进行该事件的处理。否则这个事件会根据DOM树向父节点逐级传播,如果从始至终都没有被处理...

如何通过js获取隐藏元素的高度

如何通过js获取隐藏元素的高度
当一个元素的样式被设置了display: none时,它的高度相关属性值为 0。 这是因为修改display属性会触发元素的重排和重绘,而元素重排时将会重新计算它的一些属性值。被设置display: none的元素不占用文档空间,自然计算到的高度值为 0。 隐藏元素的方式 “隐藏”元素的方式有多种,除了设置display: none以外,还有visibility: hidden、opacity: 0、height: 0; overflow: hidden、transform...

Webpack按需打包Lodash的几种方式

Webpack按需打包Lodash的几种方式
在数据操作时,Lodash 就是我的弹药库,不管遇到多复杂的数据结构都能用一些函数轻松拆解。 ES6 中也新增了诸多新的对象函数,一些简单的项目中 ES6 就足够使用了,但还是会有例外的情况引用了少数的 Lodash 函数。一个完整的 Lodash 库,即使是压缩后,现最新版本也有 71k 的体积。不能为了吃一口饭而买下一个饭店啊。 针对这个问题,其实已经有很多可选方案了。 函数模块 Lo...

React中的事件处理

React中的事件处理
React 元素的事件处理和 DOM元素的很相似。但是有一点语法上的不同: React事件绑定属性的命名采用驼峰式写法,而不是小写。 如果采用 JSX 的语法你需要传入一个函数作为事件处理函数,而不是一个字符串(DOM元素的写法) React 中稍稍有点不同: <button onclick="{activateLasers}">   Activate Lasers ...
Copyright © 前端技术分享休闲玩耍去处分享-大一网 保留所有权利.   Theme  Ality

用户登录 ⁄ 注册

分享到: