07 2020 档案
摘要：通过抽象工厂模式，可以处理具有相同或相似等级结构的多个产品族中的产品对象的创建问题。 抽象工厂模式的结构 从上图可以看出，抽象工厂模式涉及到以下角色： 抽象工厂角色（AbstractFactory）: 通常使用java接口或者抽象类实现，是该模式的核心，与应用系统的商业逻辑无关。 具体工厂类角色（C
阅读全文
摘要：工厂方法模式是类的创建模式，又叫虚拟构造函数模式或多态性工厂模式。 工厂方法模式的用意是定义一个创建产品对象的工厂接口，将实际创建工作推迟到子类中。 之前，我们说到简单工厂模式的优点是允许客户端相对独立于产品创建的过程，并在系统引入新产品的时候无需修改客户端，也就是说，它在某种程度上支持开闭原则。
阅读全文
摘要：vue学习系列 vue.js入门学习 ， vue.js组件快速入门(上) ， vue.js组件快速入门 ， vue.js使用ajax操作 ， 如何用vue-resource实现ajax实现的功能 用ajax和resource分别实现OAuth的注册，登录，注销， API调用 ， vue的browse
阅读全文
摘要：简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。 工厂模式专门负责将大量有共同接口的类实例化。 工厂模式的几种形态： 简单工厂模式(Simple Factory)：又称静态工厂方法模式 工厂方法模式（Factory Method）:又称多态性工厂模式或虚拟构造子模式 抽象工厂模式（Abst
阅读全文
摘要：概述 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。 传统的页面应用，是用一些超链接来实现页面切换和跳转的。 在vue-router单页面应用中，则是路径之
阅读全文
摘要：概述 rowserify是一个 CommonJS风格的模块管理和打包工具，上一篇我们简单地介绍了Vue.js官方基于browserify构筑的一套开发模板。 webpack提供了和browserify类似的功能，在前端资源管理这方面，它提供了更加出色的功能。官方基于webpack提供了两种项目模板，
阅读全文
摘要：概述 在之前的一系列vue.js文章，我们都是用传统模式引用vue.js以及其他的js文件的，这在开发时会产生一些问题。 首先，这限定了我们的开发模式是基于页面的，而不是基于组件的，组件的所有代码都直接写在页面中，这对于一些复杂的页面来说，不是好事情，代码的可读性会较差，也不便于管理。 其次，定义在
阅读全文
摘要：概述 之前的Web App在访问REST API时，没有经过任何认证，这使得服务端的REST API是不安全的，只要有人知道api地址，就可以调用API对服务端的资源进行修改和删除。 今天我们就来探讨一下如何结合Web API来限制资源的访问。 本文的主要内容如下： 介绍传统的Web应用和基于RES
阅读全文
摘要：上一篇我们介绍了如何将$.ajax和Vue.js结合在一起使用，并实现了一个简单的跨域CURD示例。 Vue.js是数据驱动的，这使得我们并不需要直接操作DOM，如果我们不需要使用jQuery的DOM选择器，就没有必要引入jQuery。 vue-resource是Vue.js的一款插件，它可以通过X
阅读全文
摘要：概述 之前的开发中示例数据都是local的，实际都是服务端的数据。 前端和服务端之间的数据交互一般是通过ajax请求来完成的。 说起ajax请求，大家第一时间会想到jQuery。除了拥有强大的DOM处理能力，jQuery提供了较丰富的ajax处理方法，它不仅支持基于XMLHttpRequest的aj
阅读全文
摘要：概述 上一篇我们重点介绍了组件的创建、注册和使用，熟练这几个步骤将有助于深入组件的开发。 今天我们将着重介绍slot和父子组件之间的访问和通信， slot是一个非常有用的东西，它相当于一个内容插槽，它是我们重用组件的基础。 Vue的事件系统独立于原生的DOM事件，它用于组件之间的通信。 本文的主要内
阅读全文
摘要：组件简介 组件系统是Vue.js其中一个重要的概念，它提供了一种抽象，让我们可以使用独立可复用的小组件来构建大型应用，任意类型的应用界面都可以抽象为一个组件树： 那么什么是组件呢？组件可以扩展HTML元素，封装可重用的HTML代码，我们可以将组件看作自定义的HTML元素。 组件的创建和注册 基本步骤
阅读全文
摘要：Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。 相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作
阅读全文
