Mac终端环境配置-iTerm2 发表于 2017-06-13 | 分类于 开发环境 | 阅读次数 工欲善其事,必先利其器 一个便利的开发工具,往往能够让我们事半功倍,极大提升我们的开发效率,同时也能够让我们更愉悦地写代码😃 首先应该安装homebrew,homebrew是Mac OSX中非常好用的一个软件包管理工具,被誉为Mac OSX中失传已久的包管理器。安装很简单:1ruby -e "$ ... 阅读全文 »
JavaScript设计模式(工厂模式) 发表于 2017-05-27 | 分类于 设计模式 | 阅读次数 简单工厂模式 创建型模式,又叫做静态工厂方法模式,不属于23种GOF设计模式。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。实例拥有共同的父类。 123456789101112function Person(name, age, sex) { var obj = { ... 阅读全文 »
JavaScript设计模式(单例) 发表于 2017-05-24 | 分类于 设计模式 | 阅读次数 单例模式 单例模式,又称单体模式,定义为产生一个类的唯一实例。运用单例模式,能够很好的将代码划分为一个个命名空间,同时也减少了变量对全局命名空间的污染。通常是基于某个功能模块,创建一个单例对象,这样能够良好的将该功能模块代码与其他功能模块代码隔离 最常见,最简单的的单例模式就是对象字面量12345 ... 阅读全文 »
《高性能JavaScript》读书笔记(三) 发表于 2017-05-22 | 分类于 笔记 | 阅读次数 第七章 Ajax 异步JavaScript和XMLAjax可以通过延迟下载大量资源使页面加载更快。它通过在客户端和服务器之间异步传送数据,避免页面集体加载。还用于在一次HTTP请求中获取整个页面的资源。 数据传输Ajax,在它最基本的层面,是一种与服务器通讯而不重载当前页面的方法,数据可从服务器获得 ... 阅读全文 »
《高性能JavaScript》读书笔记(二) 发表于 2017-05-21 | 分类于 笔记 | 阅读次数 第四章 算法和流程控制代码的整体结构是执行速度的决定因素之一。性能损失与代码组织方式和具体问题解决办法直接相关。 循环循环是最常用的模式之一,理解JavaScript中循环对性能的影响至关重要,因为死循环或者长时间的循环会严重影响用户体验。 循环的类型ECMA标准定义了四种类型的循环。第一个是标准的 ... 阅读全文 »
《高性能JavaScript》读书笔记(一) 发表于 2017-05-20 | 分类于 笔记 | 阅读次数 第一章 加载和运行JavaScript拥有阻塞的特征,当JavaScript运行时,其他的事情不能被浏览器处理。大多数浏览器使用单进程处理UI更新和JavaScript运行等多个任务,而同一时间只能有一个任务被执行。 <script>标签一旦出现,就会使整个页面因脚本解析、运行而出现等待 ... 阅读全文 »
红宝书系列读书笔记(九) 发表于 2017-05-18 | 分类于 笔记 | 阅读次数 JavaScript高级技巧1.高级函数(操作函数的函数)安全的类型检测Javascript内置的类型检测机制并非完全可靠,常见的有typeof和instanceof。1var isArray = value instanceof Array; 以上语句要返回true,value必须是一个数组,而且 ... 阅读全文 »
红宝书系列读书笔记(八) 发表于 2017-05-17 | 分类于 笔记 | 阅读次数 Ajax与Comet1.XMLHttpRequest对象IE5是第一款引入XHR对象的浏览器,但XHR对象是通过MSXML库中的一个ActiveX对象实现的。123456789101112131415161718//适用于IE7之前的版本function createXHR(){ if(t ... 阅读全文 »
红宝书系列读书笔记(七) 发表于 2017-05-16 | 分类于 笔记 | 阅读次数 HTML5脚本编程1.跨文档消息传递跨文档消息传送,有时简称XDM,指的是在来自不同域的页面间传递消息。XDM的核心是postMessage()方法,该方法的作用是:向另一个地方传递数据。对于XDM而言,“另一个地方”指的是包含在当前页面中的<iframe>元素,或者由当前页面弹出的窗口 ... 阅读全文 »
红宝书系列读书笔记(六) 发表于 2017-05-15 | 分类于 笔记 | 阅读次数 使用Canvas绘图基本用法要使用<canvas>元素,必须先设置其width和height,指定可以绘图的区域大小。要在这块画布(canvas)上绘图吗,需要取得绘图上下文,是通过getContext(),然后传入上下文的名字。传入“2d”,就可以取得2D上下文对象。1<canv ... 阅读全文 »