2014年07月_hsany330

转载 Nginx模块开发入门

前言Nginx是当前最流行的HTTP Server之一，根据W3Techs的统计，目前世界排名（根据Alexa）前100万的网站中，Nginx的占有率为6.8%。与Apache相比，Nginx在高并发情况下具有巨大的性能优势。Nginx属于典型的微内核设计，其内核非常简洁和优雅，同时具有非常高的可扩展性。Nginx最初仅仅主要被用于做反向代理，后来随着HTTP核心的成熟和各种HTT

2014-07-28 15:22:40 549

转载 gitlab多人协同工作

gitlab多人协同工作本文为亨利向《Git权威指南》的作者蒋鑫老师的答疑邮件写成。这里特别感谢蒋鑫老师对我询问gitlab的协同工作流程问题的详细解答。蒋鑫老师的细致专业的解答让我非常感动。 gitlab----新颖的git服务器托管网站，开源免费。你可以在自己的公司或者开发团队搭建好一个。 gitlab的工作流程是 gitlab help中建议的工作流程是这样。

2014-07-25 15:41:33 1030

转载 javaScript模块规范、AMD、CMD

学无止境真是一点没错，IT行业新知识新技术简直是井喷状态在发展，这两年javaScript（以下简写JS）发展是相当迅猛，09年诞生的node.js成长迅速，今天又在网上看到AMD/CMD两新名词，互联网就是这点好，不懂可以查可以搜。AMD/CMD其实都是JS模块化开发的规范。最早JS需求都很简单，基本都是写函数，一种面向过程的写法，后来慢慢的引入面对对象开发思想，慢慢写成类。随着应用程序

2014-07-25 15:34:57 501

转载 cmd 模块构建，从认识grunt开始

Q：Grunt为何物？A：一个专为JavaScript提供的构建工具。Q：啥是构建工具？A：在项目部署上线前，通常要将源文件压缩，合并，并拷贝到bch或trunk中。在将js模块化后，又多了一个分析，提取业务代码中所依赖模块的工作。解决这一系列繁重工作的自动化工具，称之为构建工具。Q：grunt是如何工作的？A：刚刚接触grunt，举个例子可能不太恰

2014-07-25 11:30:21 1015

转载 GitLab - 在自己的服务器上搭建类似于GitHub资源仓库

GitLab是一个利用Ruby on Rails开发的开源应用程序用于实现一个自托管的Git项目仓库。支持通过Web界面进行访问你的项目。它拥有与GitHub类似的功能，能够浏览源代码，管理缺陷和注释。可以管理团队对仓库的访问，它非常易于浏览提交过的版本并提供一个文件历史库。团队成员可以利用内置的简单聊天程序(Wall)进行交流。它还提供一个代码片段收集功能

2014-07-23 18:18:21 2259

转载 Node.js：用JavaScript写服务器端程序-介绍并写个MVC框架

Node.js：用JavaScript写服务器端程序-介绍并写个MVC框架(注：1、本文基于Node.js V0.3.6； 2、本文假设你了解JavaScript； 3、本文假设你了解MVC框架；4、本文作者：QLeelulu，转载请注明出处。5、本文示例源代码：learnNode.zip)Node.js是什么Node让你可以用javascript编写服务器端程

2014-07-23 11:38:34 881

转载 HTML5应用开发：JavaScript语义模板库handlebars教程

Web应用开发正在处于一个快速发展的时期，随着HTML5规范的落实和普及，相信会有越来越多的优秀的web应用呈现出来。JavaScript是web应用开发中是非常重要的语言，该语言有很多流行的库供大家使用。本期给大家介绍语义模板库Handlebars的使用方法。本文示例代码已经全部上传GitHub：https://github.com/DaweiCheng/handlebarstutor

2014-07-21 11:48:47 966

转载前端开发框架对比

近几年随着 jQuery、Ext 以及 CSS3 的发展，以 Bootstrap 为代表的前端开发框架如雨后春笋般挤入视野，可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架，极大丰富了开发素材，也方便了大家的开发。这些框架各有特点，本文对这些框架进行初步的介绍与比较，希望能够为大家选择框架提供一点帮助，也为后续详细研究这些框架的抛砖引玉。JavaScript & CSS

2014-07-20 22:46:40 1087

转载 RequireJS与Backbone简单整合

前言简单例子知识回顾（参考the5fire）modelcollectionRouter（之前好像没看到）View阶段总结HTML结构模型与集合视图阶段总结整合requireJS模型集合contact视图全局视图main函数HTML页面结语前言昨天我们一起学习了Backbone，最后做了一个备忘录的例子，说是做了不如说是看了下官方提供的例子，所以最终我感觉我们还是没能掌握Back

2014-07-20 22:28:29 811

转载为什么选择 Yeoman 及 Yeoman 的安装(推荐)

今天向您介绍一个我刚接触到的比较新的网络前端开发工具： Yeoman 。什么是Yeoman？Yeoman是Google的团队和外部贡献者团队合作开发的一个项目。通过内部三个工具(yo,grunt,bower)的协同工作，为开发者创建一个易用的工作流。它可以让网络前端开发者快速打造一个漂亮的网络应用(webapplications) 。Yeoman的目的不仅是

2014-07-18 17:43:28 678

转载前端项目可以更简单—Yeoman入门指南（1）

今天明河介绍一个比较新的前端工具：Yeoman。什么是Yeoman很难使用一句话来表述Yeoman用途，因为Yeoman其实是三个工具的集合：YO、GRUNT、BOWER，所以需要先解释下这三个工具的用途。YO：Yeoman核心工具，项目工程依赖目录和文件生成工具，项目生产环境和编译环境生成工具GRUNT：grunt去年很火，前端构建工具，jquery就是使用这

2014-07-18 14:23:30 1476

转载 seajs模块依赖的加载处理

最近在做项目的时候发现一些关于模块依赖问题，特记录下:比如现有3个文件：/*init.js*/define(function(require, exports, module){ require('jquery'); require('jquery.plugA');})/*jquery.plugA.js*/define(function(require, exports,

2014-07-16 16:25:21 1911

转载 AMD和RequireJS初识----优化Web应用前端

RequireJS是一个非常小巧的JavaScript模块载入框架，是AMD规范最好的实现者之一。最新版本的RequireJS压缩后只有14K，堪称非常轻量。它还同时可以和其他的框架协同工作，使用RequireJS必将使您的前端代码质量得以提升。一、AMD 介绍前端开发在近一两年发展的非常快，JavaScript作为主流的开发语言得到了前所未有的热捧。大量的前端框架出现了，这

2014-07-16 11:18:05 587

转载软件工程师必学的9件事

本文是html5tricks原创翻译，转载请看清文末的转载要求，谢谢合作！三年前，我还在巴塞罗那的神经科学实验室工作，忙着研究脑电波、教授心理学上的认知系统课程。而今天，我以设计和写软件为生。你或许会满头黑线：隔行如隔山，这转变也忒快了吧。其实不然，早在以前我就已经写过很多软件了——比如想理解扫描出来的有40GB那么多的大脑数据，我得捋起袖子、埋头苦干，写个能紧缩这些数据的脚本。所

2014-07-14 15:56:14 754

转载 Backbone源码分析-Backbone架构+流程图

参考资料http://documentcloud.github.com/backbone/ http://www.csser.com/tools/backbone/backbone.js.html 官网介绍Backbone通过提供模型Models、集合Collection、视图Veiew赋予了Web应用程序分层结构。通过以下方式实现分层结构： ? 模

2014-07-14 15:52:46 653

转载 Backbone入门指南（四）：Model（数据模型）

7.Model (数据模型)　　Model是Backbone中所有数据模型的基类，用于封装原始数据，并提供对数据进行操作的方法，我们一般通过继承的方式来扩展和使用它。　　如果你做过数据库开发，可能对ORM（对象关系映射）不会陌生，而 Backbone中的Model就像是映射出来的一个数据对象，它可以对应到数据库中的某一条记录，并通过操作对象，将数据自动同步到服务器数据库。（下一节

2014-07-11 11:54:15 832

转载 BackBone入门指南（三）：Events（事件管理）

Events (事件管理) BackBone.Events在1.1.2版本中在增加了once，stopListening,on,off方法，这样就构成了下面的方法结合: BackBone.Events目前总共含有下面的方法:Backbone.Events={ bind=>等价于on:function(){} unbind=

2014-07-10 18:18:03 886

转载 BackBone学习摘要之二依赖underscore

5. Underscore.js　　Underscore封装了常用的JavaScript对象操作方法，用于提高开发效率。它本身与我们介绍的主题“Backbone”没有半毛钱的关系，因此你可以完全不理会“Backbone”的概念来学习它，或将它单独运用到任何一个页面。（另外，Underscore还可以被使用在Node.js运行环境。）　　在学习Underscore之前，你应该先保存它

2014-07-10 16:33:51 484

转载 BackBone学习摘要之一

1. 前言　　本文的目的，是帮助大家快速理解掌握Backbone的使用，但它并不是API，因此我不会将每一个方法都详细地描述，但是我会告诉你如何学习它们。　　这是一篇稍稍较长的技术文章，因为我想将我所了解的东西尽可能详细地分享给大家。但它还不至于出版为一本书籍，因为Backbone其实非常简单。当然，这并不表示Backbone提供的功能有限，相反，它能用简单的实现构建出复杂的应

2014-07-10 16:13:52 555

转载 2014年最新前端开发面试题（题目列表+答案完整版）

目录前言HTML 部分CSS 部分JavaScript 部分其他问题优质网站推荐前言本文总结了一些优质的前端面试题（多数源于网络），初学者阅后也要用心钻研其中的原理，重要知识需要系统学习，透彻学习，形成自己的知识链。万不可投机取巧，只求面试过关是错误的！面试有几点需注意：(来源程劭非老师 github:@wintercn)面试题目：根据你的等级

2014-07-10 14:39:41 933

转载 Grunt中批量无损压缩图片插件－－Grunt-contrib-imagemin

Photoshop 切出的图片，无论是 PNG 还是 JPEG/JPG 格式，都含有许多相关信息，又或多余的颜色值，这些信息和颜色值，对网页前端并没有用处，反而增加图片大小，所以 Google Pagespeed 最佳实践建议我们用 jpegtran 或 jpegoptim (仅限 Linux 平台) 对 jpeg/jpg 图片进行无损压缩，如果是 PNG 格式，则使用 OptiPNG 或 P

2014-07-10 14:32:59 2236

转载 grunt使用小记之uglify：最全的uglify使用DEMO

grunt-contrib-uglifyuglify是一个文件压缩插件，项目地址：https://github.com/gruntjs/grunt-contrib-uglify本文将以一个DEMO来展示如何使用uglify插件。DEMO环境package.json:{ "name": "grunt-demo", "version": "0.1.0", "de

2014-07-08 20:04:27 2094

转载 JavaScript中创建命名空间的几种写法(推荐)

在JavaScript中全局变量经常会引起命名冲突，甚至有时侯重写变量也不是按照你想像中的顺序来的，可以看看下面的例子：var sayHello = function() { return 'Hello var';};function sayHello(name) { return 'Hello function';};sayHello();

2014-07-08 15:46:23 768

转载 jsonp跨域访问

jsonp跨域访问1. 什么是JSONP? JSONP（JSON with Padding）是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问（这仅仅是JSONP简单的实现形式）。 2.为什么使用JSONP? 由于 JSON 只是一种含有简单括号结构的纯文本，因此许多通道都

2014-07-07 19:38:54 427

转载也谈基于NodeJS的全栈式开发（基于NodeJS的前后端分离）

随着不同终端(Pad/Mobile/PC)的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的终端开发定制的版本。为了提升开发效率，前后端分离的需求越来越被重视，后端负责业务/数据接口，前端负责展现/交互逻辑，同一份数据接口，我们可以定制开发多个版本。这个话题最近被讨论得比较多，阿里有些BU也在进行一些尝试。讨论了很久之后，我们团队决定探

2014-07-04 16:42:49 1012

转载 CSS模块化编码让开发事半功倍

原生JS因jQuery的”write less，do more”变得极简，Html因语义化编码变得简明。那么，有没有一种方式让Css也更加的高效精致呢? 当然有，那便是模块化编码。Css的模块化，我们可以理解成(抑或本身就是)OOP思想，重用性、灵活性、可扩展性便是它终极的目标，“类”便是它的核心，OOP的多用组合少用继承一样是它的基本原则。Css模块化是一个新颖高效的Css编码方式，若有

2014-07-04 14:55:44 772

转载为什么每个前端开发者都要理解网页渲染？

本文由伯乐在线 - Moejser 翻译自 frontendbabel。欢迎加入技术翻译小组。转载请参见文章末尾处的要求。今天我要将关注点放到网页渲染以及其重要性上。虽然已经有很多文章提到过这个主题了，但大部分信息都是零碎的片段。为了思考这件事情，我需要研究很多信息的来源。这也就是为什么我觉得我应该写这篇文章的原因。我相信这篇文章对新手会很有用，并且对想刷新和巩固他们已经了解的东西的

2014-07-04 11:38:16 398

转载 HTML5 postMessage 和 onmessage API 详细应用

至 2008 年 W3C 制定出第一个 HTML5 草案开始，HTML5 承载了越来越多崭新的特性和功能。它不但强化了 Web 系统或网页的表现性能，而且还增加了对本地数据库等 Web 应用功能的支持。其中，最重要的一个便是对多线程的支持。在 HTML5 中提出了工作线程（Web Workers）的概念，并且规范出 Web Workers 的三大主要特征：能够长时间运行（响应），理想的启动性能以及

2014-07-03 18:53:14 837

转载引爆你的Javascript代码进化（推荐阅读）

方才在程序里看到一段JS代码，写法极为高明，私心想着若是其按照规范来写，定可培养对这门语言的理解，对JS编程能力提高必是极好的。说人话：丫代码写的太乱，看的窝火！最近闲暇无事，准备对自己JS学习做一个总结。众所周知，JS是一种语法极其灵活的语言，一千个人会有一千种JS书写方式。这造成的结果往往就是给项目日后的开发及维护留下一个不小的隐患，也对你和团队再次开发及阅读代码造成一定困难，个人认为

2014-07-03 17:15:33 605

转载 Javascript 模块化编程

Javascript 不是一种模块化编程语言，它不支持"类"（class），更遑论"模块"（module）了。（正在制定中的 ECMAScript 标准第六版，将正式支持"类"和"模块"，但还需要很长时间才能投入实用。）　　目前，通行的 Javascript 模块规范共有两种：CommonJS 和 AMD。我主要介绍 AMD，但是要先从 CommonJS 讲起。　　八、Common

2014-07-02 17:53:50 511

转载模板，从服务端到客户端

英文原文： Client-Side Templating　　在浏览器中使用模板是一个日渐热门的趋势。将服务端的逻辑应用到客户端上，还有越来越多的类MVC模式（模型-视图-控制器：model-view-controller）的使用都使得在浏览器中“模板”的角色越来越重要。在过去，“模板”从来都是服务端的事情，但事实上在客户端开发中，模板的作用是非常强大又具有表现力的。　　为什么要

2014-07-01 11:51:28 588

hsany330的专栏