随笔分类 - 前端
html、css、javascript
摘要：<!DOCTYPE html><html><head> <title>父子组件</title> <script type="text/javascript" src="vue 2.js"></script></head><body><div id="box"> <com-a></com-a> <co
阅读全文
摘要：<!DOCTYPE html><html><head> <title>slot</title><script type="text/javascript" src="vue.js"></script> </head><body><div id="box"> <aaa> <ul slot="ul-sl
阅读全文
摘要：<!DOCTYPE html><html><head> <title>选择</title> <script type="text/javascript" src="vue.js"></script></head><body><div id="box"> <ul> <li v-for="(index,
阅读全文
摘要：<!DOCTYPE html><html><head> <title>父子组件</title> <script type="text/javascript" src="vue.js"></script></head><body><div id="box"> <my-aaa></my-aaa></di
阅读全文
摘要：<div id="box"> <input type="button" value="aaa组件" @click="aaa" /> <input type="button" value="bbb组件" @click="bbb" /> <component :is='a'></component></
阅读全文
摘要：组件为:aaa <div id="box"> <aaa></aaa></div> 局部组件数据事件： var vm=new Vue({ el:"#box", data:{ a:"aaa" }, components:{ 'aaa':{ data(){ return { msg:"wo是msg哦" }
阅读全文
摘要：vuejs: Vue.directive('drag',function(){ var oDiv=this.el; oDiv.onmousedown=function(ev){ var disX=ev.clientX-oDiv.offsetLeft; var disY=ev.clientY-oDiv
阅读全文
摘要：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>拖拽效果</title> <style type="text/css"> body{ ba
阅读全文
摘要：单例模式：保证一个类仅有一个实例，并提供一个访问它的全局访问点。 1.要实现一个标准的单例模式并不复杂，无非是用一个变量来标志当前是否已经为某个类创建过对象，如果是，则在下一次获取该类的实例时，直接返回之前创建的对象。 var Singleton=function(name){ this.name=
阅读全文
摘要：建造者模式：可以将一个复杂对象的构建与其表示相分离，使得同样的构建过程可以创建不同的表示。也就是说如果我们用了建造者模式，那么用户就需要指定需要建造的类型就可以得到他们，而具体建造的过程和细节就不需要知道了。建造者模式实际，就是一个指挥者，一个建造者，一个使用指挥者调用具体建造的工作得出结果的客户。
阅读全文
摘要：适配器模式：是将一个类（对象）的接口（方法或属性）转换成客户希望的另外一个接口（方法或属性），适配器模式使得原本由于接口不兼容而不能一起工作的哪些类（对象）可以一起工作。 function pp(){ this.test=function(){ console.log('我是新的test'); }}
阅读全文
摘要：模板方法（TemplateMethod）定义了一个操作中的算法的骨架，而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个算法的结构即可重定义该算法的某些特定步骤。 模板方法是一种代码复用的基本技术，在类库中尤为重要，因为他们提取了类库中的公共行为。模板方法导致一种反向的控制结构，这种结构就是传
阅读全文
摘要：策略模式：定义了算法家族，分别封装起来，让他们之间可以相互替换，此模式让算法的变化不会影响到使用算法的客户。 例子1：根据员工薪水salary、绩效等级S、A、B、C，来计算年终奖 //封装了所有算法的策略对象 var strategies = { 'S': function(salary){ re
阅读全文
摘要：外观模式（Facade）为子系统中的一组接口提供了一个一致的界面，此模块定义了一个高层借口，这个接口使得这一子系统更加容易使用。 外观模式不仅简化类中的接口，而且对接口与调用者也进行了解耦。外观模式经常被认为开发者必备，它可以将一些复杂操作封装起来，并创建一个简单的接口用于调用。 var fuhao
阅读全文
浙公网安备 33010602011771号