- 博客(6)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 js实现AOP，面向切面编程
js实现AOP，面向切面编程面向切面编程(AOP)是java常用编程思想，它的作用是在某个函数上进行切割，可以在函数执行前/中/后添加其他逻辑代码。AOP编程的好处是遵循单一原则，不会修改原函数内部的代码就可以改变原函数的逻辑。js中实现AOP使用protoType原型链，例如下面代码/** * 切入方法前 * @param {Function} fun 前置函数 * @returns */Function.prototype.before = function(fun){ va
2021-03-31 19:43:49
603
1
原创 手写一个redux，实现页面状态管理
0.业务代码1.redux三原则2. store3.reducer4.渲染页面redux优缺点分析参照上一篇文章的例子，我们使用redux+react实现一个购物页面0.业务代码该页面可以使用三个组件展示，分别是通知栏组件、购物栏组件、订单列表// 通知栏-Notice.jsimport React from 'react';const style={marginRight:16}export const Notice = (props = {}) => { co.
2021-03-28 10:58:24
154
原创 js: 发布-订阅模式与观察者模式
发布-订阅模式与观察者模式发布-订阅模式与观察者模式1.什么是发布-订阅模式2.举例1.创建一个发布-订阅管理器2.页面3.业务代码3.发布-订阅模式与观察者模式有什么区别参考文献源码查看1.什么是发布-订阅模式发布订阅模式常用于异步编程，在浏览器中，我们调用document.body.addEventListener('click', function(){ })就是一种这种模式的实现，这段代码是在订阅一个body上的点击事件，当用户点击body后，dom就会发布一个类型为
2021-03-22 14:05:21
262
原创 js使用策略模式实现表单验证
使用策略模式实现表单验证1.什么是策略模式策略模式说起来很高大上，其实现实生活中很常见。比如，你要从老家去北京故宫游玩，可选的出行方式有坐火车、开车自驾、坐飞机等几种方式，至于选择哪种出现方式要看自己的经济能力和个人需求，而选择的过程就是一种策略模式。2.应用例子-表单验证在js代码中如何实现策略模式？1.你得有一堆可供选择的策略strategies = [one, two, three,...]2.根据不同的场景Context使用不同策略。下面我使用策略模式完成登录界面的表单验证,如果
2021-03-19 10:12:51
366
原创 理解JavaScript中的this
1.this的使用场景1.在对象中使用this2.在普通函数中使用this3.在构造函数中使用this4.在call(),apply(),bind()方法中使用this1.1在对象中使用thisvar person = { name: '张三', setName: function(name){ this.name = name; }, getName: function(){ return this.name; }}
2021-03-08 13:23:22
99
原创 js组合继承和组合寄生继承
js组合继承和组合寄生继承js设计之初是没有继承的概念的，如果要实现ES6中class A extends B的形式，需要借用prototype和Function.prototype.apply()方法或Function.prototype.call()方法。原型链继承方式：B.prototype = A.prototype;,目的是继承父类方法构造函数继承方式:A.apply(this, arguments),目的是继承父类成员变量我们先看两个类 // 父类 var A = functio
2021-03-03 17:01:27
368
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人