Your Browser Don't Support Canvas, Please Download Chrome ^_^``

Kerwin's Blog

前端性能优化

原文地址: 唯快不破：Web 应用的 13 个优化步骤 时过境迁，Web 应用比以往任何时候都更具交互性。搞定性能可以帮助你极大地改善终端用户的体验。阅读以下的技巧并学以致用，看看哪些可以用来改善延迟，渲染时间以及整体性能吧！ 更快的 Web 应用 优化 Web 应用是一项费劲的工作。Web 应用不仅处于客户端和服务器端的两部分组件当中，通常来说也是由多种多样的技术栈构建而成：...

Posted by Kerwin She on April 17, 2018

跨域请求的实现

"以小例子来记录如何实现跨域请求"

有关同源策略详细介绍,请看这里 JSONP JSONP是服务器与客户端跨源通信的常用方法。最大特点就是简单适用，老式浏览器全部支持，服务器改造非常小。 它的基本思想是，网页通过添加一个<script>元素，向服务器请求JSON数据，这种做法不受同源政策限制；服务器收到请求后，将数据放在一个指定名字的回调函数里传回来。 首先，网页动态插入<script>元素...

Posted by Kerwin She on April 8, 2018

浏览器的同源策略

"来源于阮一峰老师的博客"

原文 概述 含义 1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。 最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页”同源”。所谓”同源”指的是”三个相同”。 协议相同 域名相同 端口相同 举例来说，http://www.example.com/dir/page.html这个网址，协议是ht...

Posted by Kerwin She on March 28, 2018

Javascript设计模式（单例模式）

"开发中不可忽略的设计思想..."

单例模式 单例模式之所以这么叫，是因为它限制一个类只能有一个实例化对象。经典的实现方式是，创建一个类，这个类包含一个方法，这个方法在没有对象存在的情况下，将会创建一个新的实例对象。如果对象存在，这个方法只是返回这个对象的引用。 单例和静态类不同，因为我们可以退出单例的初始化时间。通常这样做是因为，在初始化的时候需要一些额外的信息，而这些信息在声明的时候无法得知。对于并不知晓对单例模式引用...

Posted by Kerwin She on March 26, 2018

Javascript设计模式 (观察者)

"开发中不可忽略的设计思想..."

观察者模式 观察者模式是这样一种设计模式。一个被称作被观察者的对象，维护一组被称为观察者的对象，这些对象依赖于被观察者，被观察者自动将自身的状态的任何变化通知给它们。 当一个被观察者需要将一些变化通知给观察者的时候，它将采用广播的方式，这条广播可能包含特定于这条通知的一些数据。 当特定的观察者不再需要接受来自于它所注册的被观察者的通知的时候，被观察者可以将其从所维护的组中删除。 在这里...

Posted by Kerwin She on March 26, 2018

Javascript设计模式的分类

"开发中不可忽略的设计思想..."

设计模式的分类 创建型设计模式 创建型设计模式关注于对象创建的机制方法，通过该方法,对象以适应工作环境的方式被创建。基本的对象创建方法可能会给项目增加额外的复杂性，而这些模式的目的就是为了通过控制创建过程解决这个问题。 属于这一类的一些模式是：构造器模式（Constructor）,工厂模式（Factory）,抽象工厂模式 （Abstract）,原型模式 （Prototype）,单例模式 ...

Posted by Kerwin She on March 26, 2018

Javascript设计模式 (模块化)

"开发中不可忽略的设计思想..."

javascript 模块化 模块化模式 模块化模式最初被定义为一种对传统软件工程中的类提供私有和公共封装的方法。 在JavaScript中，模块化模式用来进一步模拟类的概念，通过这样一种方式：我们可以在一个单一的对象中包含公共/私有的方法和变量，从而从全局范围中屏蔽特定的部分。这个结果是可以减少我们的函数名称与在页面中其他脚本区域定义的函数名称冲突的可能性。 例子 ：下面这个例子通过...

Posted by Kerwin She on March 16, 2018

Javascript设计模式（构造器）

"开发中不可忽略的设计思想..."

构造器模式 基础构造器 Javascript不支持类的概念，但它有一种与对象一起工作的构造器函数。使用new关键字来调用该函数，我们可以告诉Javascript把这个函数当做一个构造器来用,它可以用自己所定义的成员来初始化一个对象 function Car( model, year, miles ) { this.model = model; this.year = year; thi...

Posted by Kerwin She on March 16, 2018

国外比较不错的图片素材网站

国外比较不错的图片素材网站 StockSnap:免费图片素材高清资源库是一个提供可自由下载使用的高清晰摄影图片作品的素材库，所提供的资源相当实用，该网站由多位摄影师组成，提供丰富的免费照片，随意使用无需经过授权。 Search：CanWeImage 基于维基百科图片资源搜索引擎是一个基于维基百科图片共享和谷歌图片字体的庞大图片资源库的公共领域资源搜索引擎，帮助用户更加容易和...

Posted by Kerwin She on February 28, 2018

在Atom中添加对TypeScript的支持

在Atom中添加对TypeScript的支持 首先确保Atom中的language-typescript是开启的，可以在File - setting - Packages 中找到 安装 atom-typescript 包,最简便的方法直接在 File - setting - Packages - Install 中搜索然后安装,如下图: ...

Posted by Kerwin She on February 27, 2018

热门标签
javascript git 前端性能 ES6
关于我

达则兼济天下，穷则独善其身