
js设计模式
liz9411
各位老铁 如果对我写的一些博文有问题的可以加我QQ:1023047818 共同学习 fighting!!!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
观察者模式浅析
//儿子class mySon { constructor(name) { this.name = name; this.status = "笑了"; this.arr = []; } //将家长插入监控组 attach(item) { debugger this.arr.push(item); } changeStatus(newStatus) { if (newStatus !== this.status) { //变化状态 .原创 2020-07-13 21:21:08 · 216 阅读 · 0 评论 -
柯里化初步探究
柯里化代码://柯里化 提升性能 function coliTem(obj) { console.log(obj) return function mystyle(path) { console.log(obj.name + " " + path) } } let obj = { name: "张山" } debugg...原创 2020-05-08 12:06:56 · 132 阅读 · 0 评论 -
vue之设计模式MVVM
传统的前端设计模式是MVC模式===》这样一般不会优化的新手写出来的代码性能会有很大问题,为了解决这个问题,vue根据MVVM设计出了一套虚拟DOM,啥是Vue中的MVVM呢:M:数据层(后台)V:视图层(前端代码html)VM:viewModel视图数据层,也就是Vue的封装,Vue的实例名称就是vm...原创 2020-01-15 10:43:43 · 356 阅读 · 0 评论 -
js设计模式之桥接模式
桥接模式:对于不同维度相互组合而不是继承的方式叫桥接,也可以理解为实现与抽象相分离的方式:$(function () { var my=new myCanvas("changfangx",'red'); my.init();});////需求一个不同的形状,渲染各种颜色var shape=function (name) { this.shape...原创 2019-12-23 10:25:48 · 240 阅读 · 0 评论 -
js设计模式之装饰者模式
$(function () { var telInput=document.getElementById("telInput"); telInput.onclick=function () { telInput.style.display='inline-block' } decorator('telInput',function () { ...原创 2019-12-20 16:35:12 · 113 阅读 · 0 评论 -
js设计模式之建造者模式
$(function () { var Person=function (name,work) { var _person=new Human() _person.name=new Names(name); _person.work=new Work(work); return _person } var person...原创 2019-12-20 09:18:08 · 135 阅读 · 0 评论 -
js设计模式之抽象工厂模式
var VehicleFactory =function (subType,superType) { if(typeof VehicleFactory[superType]==='function'){ //开始复制父类给子类 subType.constructor=subType; subType.prototype=new Vehic...原创 2019-12-19 17:10:06 · 144 阅读 · 0 评论 -
js设计模式之安全工厂模式
$(function () { Factory('Java','TEXT')});var Factory=function(type,text){ if(this instanceof Factory){ var s=new this[type](text); return s }else{ return new ...原创 2019-12-19 14:53:58 · 200 阅读 · 0 评论 -
JS设计模式之简单工厂模式
$(function () { var userNameAlter=createPopup("alert","验证");});function createPopup(type,text){ var o=new Object(); o.content=text; o.show=function () { alert("显示"); }...原创 2019-12-19 09:30:02 · 132 阅读 · 0 评论