摘要： 一、自动跳转轮播图 1、HTML结构 1 <div id="wrap"> 2 <div id="main"> 3 <div class="page">One</div> 4 <div class="page">Two</div> 5 <div class="page">Three</div> 6 < 阅读全文

摘要： 下面代码是用vue来写的 1、HTML结构 1 <template> 2 <div id="wrap"> 3 <div id="main"> 4 <div class="page">1</div> 5 <div class="page">2</div> 6 <div class="page">3</ 阅读全文

摘要： 1、设置 readonly 属性 <input type="text" name="name" value="ylx" readonly="readonly" /> readonly 属性规定字段只读，不可修改，但可复制。 2、font-size 属性值设为0 <input type="text" 阅读全文

摘要： 一、问题 在测试环境打开项目代码只需要1s左右，但在正式环境则要12s左右才能打开页面，这么慢才响应真的让人很恼火，虽然网络肯定有很大原因，但前端代码加载也是着实要优化才行。 我看了一下浏览器开发者工具，发现前端把整个项目的代码文件都加载了，我也是醉了（因为这个项目我只是接手同事的），最大问题就是在 阅读全文

摘要： 一、定义 创建者模式： 将一个复杂对象的构建层与其表示层相互分离，同样的构建过程可采用不同的表示。 二、创建对象的另一种形式 工厂模式主要为了创建对象实例或者类簇（抽象工厂），关心的是最终产出（创建）的是什么。不关心创建的整个过程，仅仅需要知道最终创建的结果。 建造者模式也是为了创建对象，但它更多关 阅读全文

摘要： 一、定义 抽象工厂模式：通过对类的工厂抽象使其业务用于对产品类簇的创建，而不负责创建某一类产品的实例。 二、抽象工厂模式 继承抽象类是很有用的，因为定义了一种类，并定义了该类所必要的方法，如果在子类中没有重写这些方法，那么当调用时能找到这些方法，但会报错。这一特点在大型项目中是很有效的，总会有一些子 阅读全文

摘要： 简单工厂模式每次添加新需求，不仅要添加类，还要修改工厂函数。每次都要修改两个地方，这样太麻烦了，工厂方法模式则可以解决这个问题。 工厂方法模式本意是说将实际创建对象工作推迟到子类中。这样核心类就变成了抽象类，但避免有人忽略new关键字，我们采用安全模式类。而我们将创建对象的基类放在工厂方法类的原型中 阅读全文

摘要： 简单工厂模式，又称静态工厂方法，由一个工厂对象决定创建某一种产品对象类的实例。主要是用来创建同一类对象。 1 // 简单工厂模式 2 // 登录警示框类，提示输入内容不符合规范 3 var LoginAlert = function(text) { 4 this.content = text; 5 阅读全文

摘要： 多态其实就是同一个方法多种调用的方式。 1 // 多态 2 function add() { 3 // 获取参数 4 var arg = arguments, 5 // 获取长度 6 len = arguments.length; 7 switch(len) { 8 // 如果没有参数 9 case 阅读全文

摘要： JavaScript中继承是依赖于原型prototype链实现的，只有一条原型链，所以理论上是不能继承多个父类的，但JavaScript是灵活的，可以一些技巧方法实现多个对象的属性多继承。 一、单继承extend实现 看一下用来继承单对象属性的extend方法： 1 // 对象属性extends方法 阅读全文