原创 EJS 模板快速入門

Node 開源模板的選擇很多,但推薦像我這樣的老人去用 EJS,有 Classic ASP/PHP/JSP 的經驗用起 EJS 來的確可以很自然,也就是說,你能夠在 <%...%> 塊中安排 JavaScript 代碼,利用最傳統的方

原创 Node.js2 CommonJS規範

概述 CommonJS是服務器模塊的規範,Node.js採用了這個規範。 根據CommonJS規範,一個單獨的文件就是一個模塊。每一個模塊都是一個單獨的作用域,也就是說,在一個文件定義的變量(還包括函數和類),都是私有的,

原创 Node.js1 概述

簡介 Node是JavaScript語言的服務器運行環境。所謂“運行環境”有兩層意思:首先,JavaScript語言通過Node在服務器運行,在這個意義上,Node有點像JavaScript虛擬機;其次,Node提供大量工

原创 Grunt:多個css,js,進行單獨壓縮

module.exports = function (grunt) { // 構建任務配置 grunt.initConfig({ //讀取package.json的內容,形成個json數據

原创 Node.js5 fs 模塊

目錄 readFileSync() writeFileSync() exists(path, callback) mkdir(),writeFile(),readfile() mkdirSync(),writeFileSync(

原创 grunt學習(三)——實現JavaScript資源的合併

前一篇記錄了Grunt的安裝,這篇介紹下怎麼使用Gruntjs來搭建一個前端項目,然後使用grunt合併,壓縮JS文件。 大概有如下步驟 1 新建項目Bejs 2 新建文件package.json 3 新建文件Gruntfi

原创 Express API 3.x 文檔參考

express() 創建一個express應用程序 var express = require('express'); var app = express();   app.get('/', function(req, res){   

原创 grunt合併壓縮js、css文件

轉載文章: http://www.cnblogs.com/yexiaochai/p/3594561.html http://www.cnblogs.com/yexiaochai/p/3602002.html http://www.

原创 Grunt 單獨對css壓縮並生成min.css文件

1.安裝node.js 2.新建package.json文件 { "name": "demo", "version": "2.0.1", "author":"", "email":"", "webAddr":"",

原创 grunt學習(四)——css資源的合併和壓縮

 使用GruntJS構建Web程序 (3) 前一篇講述瞭如何使用concat和uglify命令實現JavaScript資源的合併,壓縮。這篇講述下css資源的合併和壓縮。 有如下步驟: 1 新建項目Bejs 2 新建文件pack

原创 Node.js4 npm模塊管理器

簡介 npm有兩層含義。一層含義是Node.js的開放式模塊登記和管理系統,網址爲http://npmjs.org。另一層含義是Node.js默認的模塊管理器,是一個命令行下的軟件,用來安裝和管理node模塊。 npm不需要單獨安裝

原创 grunt學習(二)——安裝grunt及其插件

Gruntjs是JavaScript項目的構建工具,也是基於node的一個命令行工具。很多開源JS項目都是使用它搭建。如jQuery、Qunit、CanJS等。它有以下作用 · 合併JS文件 · 壓縮JS文件 · 單元測試(基於Q

原创 Grunt 自動化部署之css、image、javascript、html壓縮Gruntfile.js配置

grunt.initConfig方法 用於模塊配置,它接受一個對象作爲參數。該對象的成員與使用的同名模塊一一對應。 每個目標的具體設置,需要參考該模板的文檔。就cssmin來講,minify目標的參數具體含義如下: expan

原创 css3彈性盒子佈局

.warp { display: -moz-box; display: -webkit-box; display: box; -moz-box-orient: horizontal; -webkit-b

原创 Node.js6 Path模塊

path.join() path.join方法用於連接路徑。該方法的主要用途在於,會正確使用當前系統的路徑分隔符,Unix系統是”/“,Windows系統是”\“。 var path = require('path');