2016年12月_gavid0124

12月 11月 10月 09月 08月 07月 06月 04月 03月 02月

转载 5款移动开发轻量jQuery的替代品

我们都爱jQuery的。这个网站甚至专门为建设美丽的例子，使用该库。但也有情况下，jQuery是不是一个明智的选择。如果您使用的是它只有简单的DOM操作或一个AJAX请求或两个，为什么放慢你的页面加载时间，并引入一个额外的依赖？更严重的问题是，在移动设备上。你看，虽然我们包括通过CDN的jQuery像谷歌的，它仍然是不自由 - 下载和解析尚需时日。非常的事情，jQuery的流行 - 完

2016-12-29 11:44:56 7886 2

转载深入理解JavaScript系列——汤姆大叔

原文地址深入理解JavaScript系列文章，包括了原创，翻译，转载，整理等各类型文章，如果对你有用，请推荐支持一把，给大叔写作的动力。深入理解JavaScript系列（1）：编写高质量JavaScript代码的基本要点深入理解JavaScript系列（2）：揭秘命名函数表达式深入理解JavaScript系列（3）：全面解析Module模式深入理解

2016-12-28 15:00:47 2785

转载 JavaScript继承详解（六）

在本章中，我们将分析Prototypejs中关于JavaScript继承的实现。 Prototypejs是最早的JavaScript类库，可以说是JavaScript类库的鼻祖。我在几年前接触的第一个JavaScript类库就是这位，因此Prototypejs有着广泛的群众基础。不过当年Prototypejs中的关于继承的实现相当的简单，源代码就寥寥几行，我们来看下。早期P

2016-12-27 16:48:31 299

转载 JavaScript继承详解（五）

在本章中，我们将分析John Resig关于JavaScript继承的一个实现 - Simple JavaScript Inheritance。 John Resig作为jQuery的创始人而声名在外。是《Pro JavaScript Techniques》的作者，而且Resig将会在今年秋天推出一本书《JavaScript Secrets》，非常期待。调用方式调用方式非常优雅

2016-12-27 16:47:02 313

转载 JavaScript继承详解（四）

在本章中，我们将分析Douglas Crockford关于JavaScript继承的一个实现 - Classical Inheritance in JavaScript。 Crockford是JavaScript开发社区最知名的权威，是JSON、JSLint、JSMin和ADSafe之父，是《JavaScript: The Good Parts》的作者。现在是Yahoo的资深Java

2016-12-27 16:45:59 292

转载 JavaScript继承详解（三）

在第一章中，我们使用构造函数和原型的方式在JavaScript的世界中实现了类和继承，但是存在很多问题。这一章我们将会逐一分析这些问题，并给出解决方案。注：本章中的jClass的实现参考了Simple JavaScript Inheritance的做法。首先让我们来回顾一下第一章中介绍的例子： function Person(name) {this.name = name;

2016-12-27 16:44:56 279

转载 JavaScript继承详解（二）

这一章我们将会重点介绍JavaScript中几个重要的属性（this、constructor、prototype），这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。thisthis表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window；如果在函数中使用this，则this指代什么是根据运行时此函数在什么对象上被调用。我们

2016-12-27 16:43:27 330

转载 JavaScript继承详解（一）

面向对象与基于对象几乎每个开发人员都有面向对象语言（比如C++、C#、Java）的开发经验。在传统面向对象的语言中，有两个非常重要的概念 - 类和实例。类定义了一类事物公共的行为和方法；而实例则是类的一个具体实现。我们还知道，面向对象编程有三个重要的概念 - 封装、继承和多态。但是在JavaScript的世界中，所有的这一切特性似乎都不存在。因为JavaScript本身

2016-12-27 16:42:05 326

转载 gulp使用总结（不加return后果很严重）

为了成为一名稍微专业一些的前端开发，我觉得自己了解并使用工具来自动构建前端代码还是很有必要的。工具很多，虽然grunt是一个大伙都说还不错的工具，插件也比较丰富，但gulp是号称要替代grunt的工具，有不少的优点，例如上手简单，代码短，本身就是配置文件，流式处理效率高，看到得错误的行号提示等等，对于两者都没有接触过的人来说，还是用gulp吧。于是元旦在家里没事就折腾了一下。以下是我的使用过程。

2016-12-26 16:01:55 6381 1

转载 gulp使用小结(一)

这篇文章不会介绍 gulp 的起源、发展；不会去一个个讲解 gulp API；也不想出现大段大段的 gulpfile.js 代码；更木有帮你分析 gulp 实现原理，只有一些我自己对 gulp 的使用理解和总结。如何通过 gulp 让偶们的前端项目高大上的跑起来？gulp 能做什么，还能做什么？gulp套路能不能来几套？... 希望通过这篇文章你会找到答案写作风格的原因

2016-12-26 15:08:18 1455

转载 gulp实现前端静态资源的压缩，加MD5戳，替换引用，加CDN前缀

之前一直在使用grunt，总感觉grunt的参数配置方法很繁琐，没有一个比较清晰的流程，加上自己对gulp的流操作比较感兴趣，就决定转战gulp了。相信前端er在发布自己的代码时如果不使用前端一些构建工具的话，对频繁上线的项目来说，自己手动压缩打包替换CDN前缀那是一件多么恐怖的事情！所以采用gulp前端构建工具是一个非常明智的选择。首先来说说发布项目时前端需要进行哪些

2016-12-23 17:09:59 3640

转载 gulp下静态资源的合并、压缩、MD5后缀

var gulp = require('gulp'); var RevAll = require('gulp-rev-all'); var uglify = require('gulp-uglify'); var filter = require('gulp-filter'); var csso = require('gulp-csso'); var useref =

2016-12-23 17:07:05 1285

转载常用gulp插件介绍(二)

Angular相关这个部分介绍与Angular相关的一些插件。gulp-angular-templatecacheAngular自带的$templateCache服务可以把Angular中用到的所有模板缓存下来，而这个插件的功能就是直接将指定的HTML模板文件以JS字符串的形式注册在$tempalteCache服务中，这样所有的模板就会随JS文件直接一次性下载下来。这个插件使用起来

2016-12-23 16:04:49 1873

转载常用gulp插件介绍(一)

在写generator-aio-angular的过程中，gulp这一块发现了很多非常实用的插件，大大的增加了能自动化的范围，这篇文章就分门别类的简单介绍下常用的gulp插件吧。util工具类这个分类下主要介绍一些辅助工具类的插件。gulp-load-plugins顾名思义，本插件的功能就是帮你自动require你在package.json中声明的依赖。只要一句var

2016-12-23 16:03:59 2868

转载 Gulp:静态资源(css,js)版本控制

为了防止客户端的静态资源缓存，我们需要每次更新css或js的时候，通过md5或时间戳等方式重新命名静态资源；然后涉及到的html模板里的src也要做相应的修改，静态资源需要优化(压缩合并) 文件目录结构 html模板文件 12345678

2016-12-23 10:11:24 2742

转载 Gulp新手入门教程

Gulp 是一个自动化工具，前端开发者可以使用它来处理常见任务：搭建web服务器文件保存时自动重载浏览器使用预处理器如Sass、LESS优化资源，比如压缩CSS、JavaScript、压缩图片当然Gulp能做的远不止这些。如果你够疯狂，你甚至可以使用它搭建一个静态页面生成器。Gulp真的足够强大，但你必须学会驾驭它。这是这篇文章的主要目的。帮助你了解Gulp的基础用法，助你

2016-12-23 09:54:41 1292

转载前端静态资源版本更新与缓存之——通过gulp 在原html文件上自动化添加js、css版本号

原理修改js和css文件通过对js,css文件内容进行hash运算，生成一个文件的唯一hash字符串(如果文件修改则hash号会发生变化)替换html中的js,css文件名，生成一个带版本号的文件名方案现在网上的方案都是生成一个新的dist目录，里面包含了要发布的html,js,css等文件。但是在实际的公司的项目中，会有情况不能生成新的HTML进行

2016-12-22 11:07:23 3035 3

原创 linux安装nginx（Red hat 亲测）

1 安装依赖包模块依赖性Nginx需要依赖下面3个包1. gzip 模块需要 zlib 库 ( 下载:http://www.zlib.net/ )2. rewrite 模块需要 pcre 库 ( 下载:http://www.pcre.org/ )3. openssl库需要perl （下载：https://www.perl.org）

2016-12-21 16:22:09 5717 1

转载 linux tar (打包.压缩.解压缩)命令说明 | tar如何解压文件到指定的目录？

#压缩tar -czvf ***.tar.gztar -cjvf ***.tar.bz2#解压缩tar -xzvf ***.tar.gztar -xjvf ***.tar.bz2 +++++++++++++++++++++++++++++++++++++++++++++ 简介参数：-c ：建立一个压缩档案的参数指令(crea

2016-12-20 16:53:30 1313

转载 Linux下安装Nodejs

NodeJSV4.4.4是一个长期支持版，是官方推荐安装的版本。在Linux下安装有两种方式，一个是下载源码make编译安装。另外一种是比较推荐的，直接下载编译好的二进制，官方比较推荐后者。//Linux 64bit versionwget https://nodejs.org/dist/v4.4.4/node-v4.4.4-linux-x64.tar.xz1212

2016-12-20 13:43:28 436

转载 gulp的安装教程，使用教程，和简单的自动化任务教程

系统：win10 终端工具：cmder（或使用系统终端：win+R -> 输入cmd -> 回车） gulp官网地址：http://www.gulpjs.com.cn/ gulp中文文档：http://www.gulpjs.com.cn/docs/ gulp插件地址：http://gulpjs.com/plugins gulpAPI地址：http://www.gulpjs.co

2016-12-20 10:26:43 605

转载前端构建工具gulpjs的使用介绍及技巧

前端构建工具gulpjs的使用介绍及技巧gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装开始使用gulpg

2016-12-19 17:53:35 350

转载 Linux 添加Nginx 到 service 启动（完整篇）

nginx wiki 中文站：http://wiki.nginx.org/Chs添加用户和组groupadd www useradd -g www -M www 1.安装nginx所需的pcre库tar zxvf pcre-7.8.tar.gz cd pcre-7.8/ ./configure make && make install cd ../ 2、

2016-12-19 16:55:46 9913

转载 linux下安装nginx

linux系统为Centos 64位（Red Hat可试过没问题）第一步：从http://nginx.org/download/上下载相应的版本(或者wget http://nginx.org/download/nginx-1.9.9.tar.gz直接在Linux上用命令下载)第二步：解压 tar -zxvf nginx-1.9.9.tar.gz 第三步：设置一下配置信息

2016-12-19 16:33:11 415

转载如何使两个nginx同时运行

1. 假设已经自动安装了一个nginx2. 第二个必须执行编译安装，编译时需要制定--prefix，这样才能将nginx安装到一个指定的目录下，设为$ngx_dir3. 把执行文件复制一份：cp -f $ngx_dir/sbin/nginx $ngx_dir/sbin/nginx-new4. 把自动安装的启动脚本文件复制一份，cp -f /etc/init.d/nginx /etc/i

2016-12-16 11:02:13 4123

转载 Gulp自动添加版本号

推荐使用 gulp-rev + gulp-rev-collector 是比较方便的方法，结果如下:"/css/style.css" => "/dist/css/style-1d87bebe.css" "/js/script1.js" => "/dist/script1-61e0be79.js" "cdn/image.gif" => "//cdn8.example.dot/im

2016-12-16 10:32:07 1624 2

转载 gulp实例

var gulp = require('gulp'), runSequence = require('run-sequence'), gulpif = require('gulp-if'), uglify = require('gulp-uglify'), less = require('gulp-less'), csslint = require('gulp-csslint'), r

2016-12-16 10:31:03 735

转载 Jenkins+Node.js持续集成

什么是持续集成(Continuous integration)提出者Martin Fowler本人对持续集成是这样定义的:持续集成是一种软件开发实践，即团队开发成员经常集成他们的工作，通常每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试)来验证，从而尽快地发现集成错误。许多团队发现这个过程可以大大减少集成的问题，让团队能够更

2016-12-05 15:28:57 1800

转载使用Jenkins自动编译部署web应用

使用Jenkins自动编译部署web应用写在前面初步接触持续集成自动化过程，本篇主要介绍基于Jenkins实现持续集成的方式，通过案例介绍线上自动编译及部署的配置过程持续集成持续集成是一种软件开发实践，即团队开发成员经常集成它们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动

2016-12-05 11:47:28 24011 2