张彬彬的博客

前端知识点

ES6学习笔记- 箭头函数

ES6允许使用“箭头”(=>)定义函数。 var f = v => v; 上面的箭头函数等同于: var f = function(v) { return v; }; 使用注意点 箭头函数有几个使用注意点。 (1)函数体内的this对象,就是定义...

2019-07-31 09:30:47

阅读数 10

评论数 0

AngularJS1.x 自定filter功能

自定filter功能 1,filters.js添加一个module angular.module('mytest', []).filter('myreplace', function() { return function(input) { return input.replace(/m...

2019-07-23 10:59:39

阅读数 11

评论数 0

AngularJS1.x 的内置过滤器

1,uppercase,lowercase大小转换 {{ "hello world" | uppercase }} //结果:HELLO WORLD {{ "NG is ANGULARJS" | lowercase }} //结果:ng i...

2019-07-23 10:35:45

阅读数 4

评论数 0

AngularJS1.x 自定义指令(directive)

自定义指令(directive) 要调用自定义指令,HTML 元素上需要添加自定义指令名。 使用驼峰法来命名一个指令, myDirective, 但在使用它时需要以-分割,my-directive: <my-directive></my-direc...

2019-07-22 16:22:49

阅读数 6

评论数 0

AngularJS1.x 事件指令

AngularJS:事件指令 事件指令: ng-click / ng-dblclick 单击 / 双击; ng-mousedown / up 鼠标按下 / 抬起; ng-mousemove / over / out 鼠标移动 / 移入 / 移出 ; ng-keydown / up / p...

2019-07-22 15:23:26

阅读数 6

评论数 0

事件委托的概念和原理

事件委托优点 减少DOM操作的,减少浏览器的重绘(repaint)和重排(reflow),从而提高性能; 减少内存空间的占用率,因为每一个函数都是一个对象,对象越多,内存占有率就越大,自然性能就越差,使用事件委托,只需要在其父元素中定义一个事件就可以。 适合事件委托的事件有:click,m...

2019-07-04 11:17:25

阅读数 13

评论数 0

ES6学习笔记- 数组的扩展

Array.from() Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。 let arrayLike = { '0': 'a', '1':...

2019-06-28 16:28:23

阅读数 7

评论数 0

ES6学习笔记-字符串扩展

includes(), startsWith(), endsWith() includes():返回布尔值,表示是否找到了参数字符串。 startsWith():返回布尔值,表示参数字符串是否在源字符串的头部。 endsWith():返回布尔值,表示参数字符串是否在源字符串的尾部。 ...

2019-06-28 10:48:31

阅读数 6

评论数 0

ES6学习笔记-变量的解构赋值

let [foo, [[bar], baz]] = [1, [[2], 3]]; foo // 1 bar // 2 baz // 3 本质上,这种写法属于“模式匹配”,只要等号两边的模式相同,左边的变量就会被赋予对应的值 let [x, y, ...z] = ['a']; x // &q...

2019-06-27 16:36:52

阅读数 5

评论数 0

ES6学习笔记-暂时性死区

ES6明确规定,如果区块中存在`let`和`const`命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。 总之,在代码块内,使用`let`命令声明变量之前,该变量都是不可用的。这在语法上,称为“`暂时性死区`”(temporal dead ...

2019-06-27 11:22:47

阅读数 8

评论数 0

提示
确定要删除当前文章?
取消 删除