随笔分类 -  前端

1 2 下一页
微信小程序框架部署：mpvue+typescript
摘要：开发前提： 1、在微信公众平台注册申请 AppID 2、安装开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html 框架部署： 1、vue-cli 创建 mpvue，参考 http://mpvue.co 阅读全文
posted @ 2019-12-18 23:38 贵志 阅读(1145) 评论(0) 推荐(0)
PWA 学习笔记(五)
摘要：离线与缓存 资源请求的拦截代理： 1、资源请求的判断： (1)fetch 事件会拦截页面上所有的网络资源请求，但我们通常只对部分资源请求进行处理， 其余的请求会继续走浏览器默认的资源请求流程 (2)fetch 事件回调参数的 event.request 属性描述了当前被拦截的资源请求，可以通过它来进 阅读全文
posted @ 2019-12-16 00:02 贵志 阅读(483) 评论(0) 推荐(0)
PWA 学习笔记(四)
摘要：Service Worker 简介： 1、Service Worker 是 PWA 技术基础之一，脱离浏览器主线程的特性，使得 Web App 离线缓存成为可能， 更为后台同步、通知推送等功能提供了思路 2、通常所讲的 Service Worker 指的是 Service Worker 线程 3、浏 阅读全文
posted @ 2019-12-15 00:15 贵志 阅读(800) 评论(0) 推荐(1)
PWA 学习笔记(三)
摘要：基础技术简介 Promise： 1、ES6 引入的一种异步编程的解决方案，通过 Promise 对象来提供统一的异步状态管理方法 2、一般在使用 Promise 对象的时候，首先需要对其进行实例化 3、实例化的 Promise 对象为异步状态的管理容器，resolve()和reject()是用于控制 阅读全文
posted @ 2019-12-14 00:33 贵志 阅读(472) 评论(0) 推荐(0)
PWA学习笔记(二)
摘要：设计与体验 APP Shell： 1、应用从显示内容上可粗略划分为内容部分和外壳部分，App Shell 就是外壳部分，即页面的基本结构 2、它不仅包括用户能看到的页面框架部分，还包括用户看不到的代码逻辑 3、页面能够展现所需的最小资源集合，即支持用户界面所需的最小的 HTML、CSS 和 JS 等 阅读全文
posted @ 2019-12-13 00:43 贵志 阅读(437) 评论(0) 推荐(0)
PWA 学习笔记(一)
摘要：PWA 介绍 概念： PWA(Progressive web apps，渐进式 Web 应用)运用现代 Web API 和传统的渐进式增强策略来创建跨平台 Web 应用程序 它并不是一个快捷方式，而能在系统中作为一个独立的 App 存在，用户可设置它的权限，清除它的缓存 PWA 的关键技术在浏览器中 阅读全文
posted @ 2019-12-12 12:24 贵志 阅读(468) 评论(0) 推荐(0)
部分设计模式对比分析
摘要：桥接模式与装饰者模式区别： 桥接模式类图 装饰者模式类图 1、定义： (1)桥接模式：将抽象部分与它的实现部分分离，使它们都可以独立地变化 (2)装饰者模式：动态地给一个对象增加一些额外的职责，就增加对象功能来说，装饰模式比生成子类实现更为灵活 2、“独立部分”不同： (1)桥接模式：抽象类和实现接 阅读全文
posted @ 2019-10-09 23:15 贵志 阅读(493) 评论(0) 推荐(0)
行为型设计模式（下）
摘要：策略模式： 1、定义：定义了一系列算法，并将每个算法封装起来，使它们可以相互替换，且算法的变化不会影响使用算法的客户 2、模型结构： (1)抽象策略(Strategy)类：定义了一个公共接口，各种不同的算法以不同的方式实现这个接口， 环境角色使用这个接口调用不同的算法，一般使用接口或抽象类实现 (2 阅读全文
posted @ 2019-10-08 18:23 贵志 阅读(341) 评论(0) 推荐(0)
行为型设计模式（中）
摘要：中介者模式： 1、定义：用一个中介对象来封装一系列的对象交互，中介者使各对象不需要显式地相互引用， 从而使其耦合松散，而且可以独立地改变它们之间的交互 2、模型结构： (1)抽象中介者(Mediator)：它是中介者的接口，提供了同事对象注册与转发同事对象信息的抽象方法 (2)具体中介者(Concr 阅读全文
posted @ 2019-10-07 20:08 贵志 阅读(374) 评论(0) 推荐(0)
行为型设计模式（上）
摘要：责任链模式： 下图为责任链 1、定义：为了避免请求发送者与多个请求处理者耦合在一起，将所有请求的处理者通过前一对象 记住其下一个对象的引用而连成一条链；当有请求发生时，可将请求沿着这条链传递，直到有对象处理它为止 2、模型结构： (1)抽象处理者(Handler)：定义一个处理请求的接口，包含抽象处 阅读全文
posted @ 2019-10-06 11:45 贵志 阅读(343) 评论(0) 推荐(0)
结构型设计模式（下）
摘要：装饰模式： 1、定义：动态地给一个对象增加一些额外的职责，就增加对象功能来说，装饰模式比生成子类实现更为灵活 2、模型结构： (1)抽象构件(Component)：定义一个抽象接口以规范准备接收附加责任的对象 (2)具体构件(ConcreteComponent)：实现抽象构件，通过装饰角色为其添加一 阅读全文
posted @ 2019-10-05 00:44 贵志 阅读(504) 评论(0) 推荐(0)
结构型设计模式（上）
摘要：适配器模式： 类适配器： 对象适配器： 1、定义：将一个接口转换成客户希望的另一个接口，适配器模式使接口不兼容的那些类可以一起工作 2、模型结构： (1)目标抽象类(Target)：客户所期待得到的接口 (2)适配器类(Adapter)：通过包装一个需要适配的对象，把原接口转换成目标接口 (3)适配 阅读全文
posted @ 2019-10-04 16:10 贵志 阅读(539) 评论(0) 推荐(0)
创建型设计模式（下）
摘要：简单工厂模式： 1、定义：根据参数的不同返回不同类的实例 2、模式结构： (1)工厂角色(Factory)：实现创建所有实例的内部逻辑 (2)抽象产品角色(Product)：所创建的所有对象的父类，负责描述所有实例所共有的公共接口 (3)具体产品角色(ConcreteProduct)：创建目标，所有 阅读全文
posted @ 2019-10-03 22:37 贵志 阅读(360) 评论(0) 推荐(0)
创建型设计模式（上）
摘要：单例模式： 1、定义：单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例，这个类称为单例类 2、实现过程要点： (1)单例类的构造函数为私有 (2)提供一个自身的静态私有成员变量 (3)提供一个公有的静态工厂方法 注：单例模式由类提供实例对象，所以需要使用 static 来定义 阅读全文
posted @ 2019-10-02 23:01 贵志 阅读(425) 评论(0) 推荐(0)
HTTP 简述
摘要：HTTP 简介： 1、Hyper Text Transfer Protocol（超文本传输协议），主要用于 Web 浏览器和 Web 服务器之间的通信 2、它基于 TCP/IP 通信协议来传输数据 3、主要特点： ① 简单快速：客户端向服务器请求服务时，只需传送请求方法和路径 ② 灵活：允许传输任意 阅读全文
posted @ 2019-09-10 18:41 贵志 阅读(294) 评论(0) 推荐(0)
MVC、MVP与MVVM架构模式
摘要：MVC(Model View Controller)： View 层是界面，Model 层是业务逻辑，Controller 层用来调度 View 层和 Model 层， 将用户界面和业务逻辑合理的组织在一起，起粘合剂的效果 1、数据关系： ① View 接受用户交互请求 ② View 将请求转交给 阅读全文
posted @ 2019-09-09 12:13 贵志 阅读(370) 评论(0) 推荐(0)
TypeScript 学习笔记（四）
摘要：函数： 1、函数是一组一起执行一个任务的语句 2、我们可以把一段可复用的代码放到一起组成函数，从而提高效率 3、函数声明(通过关键字 function 来声明)告诉编译器函数的名称、返回类型和参数 4、函数定义提供了函数的实际主体，在这里函数体由花括号括起来 5、函数有可选参数、默认参数和剩余参数等 阅读全文
posted @ 2019-08-01 11:27 贵志 阅读(281) 评论(0) 推荐(0)
TypeScript 学习笔记（三）
摘要：类： 1、TypeScript 是面向对象的 JavaScript，类描述了创建的对象共同的属性和方法 2、类通过关键字 class 声明，使用 extends 关键字进行继承 3、在引用一个类成员时使用 this 关键字，表明该成员是我们访问的类的成员 4、派生类通常被称为子类，而基类通常称为超类 阅读全文
posted @ 2019-07-28 12:29 贵志 阅读(233) 评论(0) 推荐(0)
TypeScript 学习笔记（二）
摘要：块级作用域变量： 1、不能在被声明前读或写 2、仍然可以在一个拥有块级作用域的变量声明前通过函数捕获它，但不能在变量声明前去调用该函数 3、同名的块级作用域变量需在不同的块里声明 注：var 声明的变量拥有函数作用域，存在声明提前，所以不管声明几次，都会得到同一个变量 接口： 1、接口通过关键字 i 阅读全文
posted @ 2019-07-22 19:24 贵志 阅读(336) 评论(0) 推荐(0)
TypeScript 学习笔记（一）
摘要：TypeScript： 1、是 JavaScript 的一个超集，支持 ES6 标准 2、由微软开发的自由和开源的编程语言 3、设计目标是开发大型应用，它可编译成纯 JavaScript，编译出来的 JavaScript 可运行在任何浏览器上 4、扩展了 JavaScript 的语法，因此现有的 J 阅读全文
posted @ 2019-07-19 21:36 贵志 阅读(573) 评论(0) 推荐(0)

1 2 下一页