原创 Zepto.js 核心方法

$( )1、$( htmlString ) 創建元素//創建元素 var p1 =$('<p>Hello Zepto</p>'); $('body').append(p1);2、$( htmlString, attributes ) 創建

原创 Vue.js 生命週期

生命週期示意圖:beforeCreate  --> Function在實例初始化之後,數據觀測(data observer)和event/watcher 事件配置之前調用created  --> Function實例已經創建完成之後被調用,

原创 Node.js 初識 HTTP 模塊

一、實現“Hello World!”及相關API介紹使用 HTTP 服務器和客戶端必須使用 require('http')Node.js 中的 HTTP 接口設計主要是爲了支持 傳統的很難使用的多特性的協議,尤其是大量的信息。接口沒有緩衝整

原创 Node.js 模塊和包(Modules)

模塊(Module)和包(Package)是 Node.js 最重要的支柱。開發一個具有一定規模的程序不可能只用一個文件,通常需要把各個功能拆分、封裝,然後組合起來,模塊正是爲了實現這種方式而誕生的。在瀏覽器 Javascript 中,腳本

原创 vue實現雙擊編輯

JS 實現雙擊編輯原始 HTML代碼:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=d

原创 Node.js 初識 fs 模塊

fs 模塊是文件操作的封裝,它提供了文件的讀取、寫入、更名、刪除、遍歷目錄、鏈接等 Unix 文件系統操作。與其他模塊不同的是,fs 模塊中所有的操作都提供了 同步 和 異步 兩個版本,比如讀取文件內容的函數有 異步的 fs.readFil

原创 jQuery 仿寫京東輪播廣告圖

基本樣式:HTML代碼:<div class="container">     <div class="list">         <!--輪播廣告圖-->         <ul class="listImg clearfix" sty

原创 Node.js 初識 Path 模塊

Node.js 提供了一些處理 文件/文件夾 路徑的公用方法,可以這樣引入:var path = require('path');path.basename(path[, ext])   ---> 返回值:Stringpath.basena

原创 fastclick.js --- 解決移動端點擊事件300ms延時

Fast Click 是一個簡單、易用的庫,專爲消除移動端瀏覽器從物理觸摸到觸發點擊事件之間的300ms延時。爲什麼會存在延遲呢?從你觸摸按鈕到觸發點擊事件,移動端瀏覽器會等待接近300ms,原因是瀏覽器會等待以確定你是否執行雙擊事件兼容性

原创 使用 Compass 生成雪碧圖

使用 Compass 創建一個項目要在一個新項目中使用 Compass,可以打開命令行工具並輸入如下指令compass create my-project如果 my-project 目錄不存在,上述命令會創建一個叫做 my-project

原创 瀏覽器對象的各種寬高

Window對象屬性ScreenLeft/ScreenTop/ScreenX/ScreenY只讀整數,聲明瞭窗口的左上角在屏幕上的 x 座標 和 y 座標。IE、Safari 和 Opera 支持 ScreenLeft/ScreenTopF

原创 Javascript Date對象 --- 時間戳及淘寶倒計時搶購功能實現

時間戳(timestamp)是指格林威治時間 1970年 01月 01日 00時 00分 00秒 (北京時間1970年01月01日08時00分00秒)起至現在的總毫秒數。Date.parse( datestring ) parse( ) 方

原创 Node.js 三大特點詳解

Node.js 特點1、單線程在Java、PHP或者.net等服務器端語言中,會爲每一個客戶端連接創建一個新的線程。而每個線程需要耗費大約2MB內存。也就是說,理論上,一個8GB內存的服務器可以同時連接的最大用戶數爲4000個左右。要讓We

原创 Vue.js 生命週期

生命週期示意圖:beforeCreate  --> Function在實例初始化之後,數據觀測(data observer)和event/watcher 事件配置之前調用created  --> Function實例已經創建完成之後被調用,

原创 表單樣式美化--複選框和單選按鈕

HTML代碼:<!DOCTYPE html> <html lang="zh-CN"> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" cont