![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js设计模式
半仙code
各位老铁 如果对我写的一些博文有问题的可以加我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 · 171 阅读 · 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 · 89 阅读 · 0 评论 -
vue之设计模式MVVM
传统的前端设计模式是MVC模式===》 这样一般不会优化的新手写出来的代码性能会有很大问题,为了解决这个问题,vue根据MVVM设计出了一套虚拟DOM,啥是Vue中的MVVM呢: M:数据层(后台) V:视图层(前端代码html) VM:viewModel视图数据层,也就是Vue的封装,Vue的实例名称就是vm ...原创 2020-01-15 10:43:43 · 291 阅读 · 0 评论 -
js设计模式之桥接模式
桥接模式:对于不同维度相互组合而不是继承的方式叫桥接,也可以理解为实现与抽象相分离的方式: $(function () { var my=new myCanvas("changfangx",'red'); my.init(); }); ////需求一个不同的形状,渲染各种颜色 var shape=function (name) { this.shape...原创 2019-12-23 10:25:48 · 180 阅读 · 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 · 73 阅读 · 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 · 90 阅读 · 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 · 102 阅读 · 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 · 160 阅读 · 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 · 88 阅读 · 0 评论