Time of Update: 2016-04-13
標籤: Grunt 是一個基於任務的 JavaScript 項目命令列構建工具,運行於 Node.js 平台。Grunt 能夠從模板快速建立項目,合并、壓縮和校正 CSS & JS 檔案,運行單元測試以及啟動靜態伺服器。 安裝 Grunt 推薦 Windows 使用者使用 Git Shell 來進行命令列操作。安裝 Windows 案頭版 GitHub 的時候會自動安裝 Git Shell。 GitHub for
Time of Update: 2016-04-13
標籤:Array push is used to add elements to the end of an Array. In this lesson we‘ll see how the push method accepts multiple arguments, can be used to merge two arrays,. Push can accept multi args:const pets = ["dog",
Time of Update: 2016-04-13
標籤:Javascript自訂事件,其本質就是觀察者模式(又稱訂閱/發布模式),它的好處就是將綁定事件和觸發事件相互隔離開,並且可以動態添加、刪除事件。下面通過執行個體,一步一步構建一個具體的Javascript自訂事件對象。如:我有一個action1函數,我想每次在執行完action1後,觸發另一個函數service1,那麼代碼我們可以這麼寫://服務service1function service1(){}//函數action1function action1(){ //other
Time of Update: 2016-04-13
標籤:javascriptjavascript事件詳解筆記:一、事件流 1、事件流: 描述的是頁面中接受事件的順序,有事件冒泡、事件捕獲兩種。 2、事件冒泡:
Time of Update: 2016-04-13
標籤: 如果你正在籌劃新的前端項目或者重構現有項目,那麼你需要認識到現在的前端開發環境已經今非昔比,這其中有太多的選擇了:React、Flux、Angular、Aurelia、Mocha、Jasmine、Babel、TypeScript、Flow……
Time of Update: 2016-04-13
標籤:eval函數 eval函數接收一個由JavaScript語句組成的字串,並且返回字串中最後一條語句的傳回值,如果最後一條語句沒有傳回值,那麼eval函數返回undefined。如果傳遞給eval函數的不是字串,那麼傳遞什麼,eval就返回什麼。 調用eval函數的三種情況 當調用eval函數時,JavaScript會建立新的執行環境,總共有三種情形: 1
Time of Update: 2016-04-13
標籤:代碼: 1 var val1=0; 2 var val2=0; 3 var val3=0; 4 5 for(var i1=1;i1<=3;i1++){ 6 var i2=i1; 7 (function(){ 8 var i3=i2; 9 setTimeout(function(){10 val1+=i1;11 val2+=i2;12 val3+=i3;13
Time of Update: 2016-04-12
標籤:使用 javascript 配置 nginx在上個月的 nginx.conf 2015 大會上, 官方宣布已經支援通過 javascript 代碼來配置 nginx,並把這個實現稱命名為——nginscript。使用 nginscript,可以很輕易得在 niginx 設定檔中通過 js 文法來實現自訂的伺服器配置。安裝# 下載最新版本的 nginx 並解壓curl -O
Time of Update: 2016-04-12
標籤:二 Array1.可以通過length屬性刪除或建立新的數組項arr = [1,2,3];arr.length = 4;//增加 [1,2,3,undefined]arr.length = 2;//刪除 [1,2]arr[6] = 6; //
Time of Update: 2016-04-12
標籤:四 RegExp 格式: var expression = / pattern / flags; 1.flags 為標誌。分別為g、i、m。 g:表示全域模式。即模式將匹配所有的字串,而不是在發現第一個匹配項時就立即停止。 i:表示不區分大小寫。 m:表示多行模式,即在到達一行文本末尾時還會繼續尋找下一行。
Time of Update: 2016-04-12
標籤:三 Date new Date() 在不傳遞參數的情況下,新建立的對象自動獲得當前日期和時間。參數接收毫秒的timestamp Date.parse() 接收表示日期的字串,返回相應的日期毫秒數timestamp。日期文字的格式會因為瀏覽器地區設定的不同而不同。如果傳入的字串不能解析,則返回NaN Date.UTC()
Time of Update: 2016-04-12
標籤:五 Function類型 每個函數都時Function類型的執行個體。函數也是對象。 聲明函數: function func_name () {} //javascript解析器會在程式執行時率先讀取函式宣告,使其在執行任何代碼之前可用(可訪問) var func_name =
Time of Update: 2016-04-12
標籤:七 單體內建對象 1.Global對象 不屬於任何對象的屬性和方法,都歸於它。全域範圍中定義的變數、函數,都屬於Global對象 1.1 URI編碼 encodeURI 《=》decodeURI 不會編碼本身屬於uri的特殊字元 encodeURIComponent 《=》 decodeURIComponet 將所有非標準字元進行編碼 1.2
Time of Update: 2016-04-12
標籤:六 基本封裝類型 Boolean,Number,String 這三個參考型別亦稱為基本封裝類型,與基本的資料類型boolean,number,string相關聯。為了方便操作這些基本類型的資料。 參考型別和基本封裝類型最大的區別在於對象的生存期。參考型別在代碼執行流離開當前範圍之前都是一直存在的,基本封裝類型只存在與代碼流執行讀取基本類型的值的一行代碼之中。例如:var str = ‘hello,world‘;//基本類型的資料str.color =
Time of Update: 2016-04-13
綠色簡單的學校登入html頁面,登入html頁面效果預覽:http://hovertree.com/texiao/css/22/代碼如下:<!DOCTYPE html><html><head><meta charset="UTF-8"><link rel="stylesheet" href="http://hovertree.com/texiao/css/22/css/hovertree_login.css"
Time of Update: 2016-04-13
css定位,css相對定位一.概述1.預設文件流定位方式 (1).HTML預設文件以流模式定位,即內容元素按照先後順序依次上下定位; (2).HTML標籤元素總體分為塊狀元素、內嵌元素、內聯塊狀元素,可通過該標籤對應的DOM節點的display屬性進行查看預設值,display值的不同決定了他們各自在預設文件流中的定位方式的不同; 以下為position的可能值。 none:隱藏對象。與visibility屬性的hidden值不同,其不為被隱藏的對象保留其物理空間inline:指
Time of Update: 2016-04-13
用rem實現自適應的優劣分析,rem自適應優劣關於rem實現螢幕調適型配置的討論還是比較多的,剛好我也看到使用rem實現自適應的web app,所以也來湊下熱鬧。說起rem,免不了要聯絡到em、px,這裡簡單提提他們的定義和特點。1.
Time of Update: 2016-04-13
推薦幾個的chorme的擴充程式,chorme擴充程式 下面來解釋下這幾個外掛程式(0)Context : 管理這些亂七八糟的擴充程式,外掛程式用的時候,點開,不用的時候,關閉,這樣可以降低遊覽器的負荷(1)AngularJS Batarang : 測試angular用的,開啟控制台以後會出現angularJS的選項 (2)Duitang : 堆糖網站收集圖片的快捷,堆糖收集工具,全網圖片,盡收堆糖(3)Flip the Script : 本地修改網站的script
Time of Update: 2016-04-13
CSS調適型配置(左右固定 中間自適應或者右側固定 左側自適應),css自適應 一: 右側固定寬度 左側自適應 第一種方法:左側用margin-right,右側float:right 就可以實現。 HTML代碼可以如下寫: <div class="box-left">
Time of Update: 2016-04-13
塊套塊的排版問題研究,排版問題研究div內嵌套p,div等元素出現的問題http://caiceclb.iteye.com/blog/428085文章內有些問題,可能不適應今天了。正在學習前端,小問題是不能忽視的。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title> new document </title> 5 <meta http-equiv="Content-Type"