原创 聖盃佈局與雙飛翼佈局

聖盃佈局與雙飛翼佈局都是利用元素的負邊距來使元素排版在預定的位置。 對於金典的三列布局,中間內容爲主體部分(即最重要的部分),左右兩側不能遮擋主體內容。 1.聖盃佈局:使三列元素成爲浮動元素,再給它們設置負邊距讓其在預設位置,然後設置

原创 Ajax實現文件異步上傳

總結自極客學院ajax文件上傳地址 一、異步上傳的概念 所謂異步上傳,就是對比傳統的表單提交,實現一種頁面局部刷新的功能。 傳統的表單提交一般都是點擊某個提交按鈕,然後真個頁面處於一種被鎖定的狀態,上傳完成後,頁面跳轉到一個新的頁面。而

原创 checkbox動態更新

解決jQuery動態獲取checkbox的選取狀態問題。 一般情況下,我們使用prop()或者attr()來設置checkbox的選中狀態 $('#checkboxID').attr('checked','checked'); /

原创 HTML5 file API

HTML5新增了file API(IE10+),爲文件的操作提供了更大的便捷性。 一、File API的四大接口 Blob 只包含原始文件的類文件對象,用來存儲二進制類型的數據。 屬性: 文件大小size,文件類型type <!

原创 javascript中的數組方法

一、es5的數組方法概述 在ES5中定了9個新的數組方法來遍歷、映射、過濾、檢測、簡化和搜索數組。 大所屬數組的方法的第一個參數接收一個函數,並且對數組的每個元素(或一些元素)調用一次該函數。如果是洗漱數組,對不存在的元素不調用傳

原创 Angular(四)內置服務$http

http服務是angula對ajax進行封裝後的方法,它基於 q服務,提供了Promise封裝,幾首一個配置對象作爲參數,並返回一個promise對象,同時還提供了兩個方法來定義promise回調(success和error)。 $htt

原创 AngularJS(一)指令

指令是AngularJS1.x的靈魂,它能將特定功能的操作封裝起來,只在頁面引用指令標籤即可。在這裏,只簡單介紹自定義指令,不對內置指令進行總結。 一、自定義指令 在angular中使用directive關鍵字來定義一個指令。 angua

原创 Angular(三)路由ui-router

一、ui-router相對ngRouter的優點 由於angular內置的路由機制那個ng-router存在一些缺陷,不能很好的實現多視圖與嵌套視圖,所以一般都會選擇angularUI提供的ui-router來代替ng-router。 u

原创 Ajax跨域(二)jsonp實現跨域

本文總結自極客學院跨域Ajax實現視頻教程地址 一、jsonp實現跨域原理 1.本質並不是ajax,只是執行了跨域javascript腳本 2.html中,所有帶有“src”屬性的標籤都可以跨域(如:img、script),它們的src

原创 javascript模塊化編程

一、模塊化的概念 爲了解決命名衝突和文件依賴等問題,提出了模塊化的概念,即將一個實現特定功能的文件定義爲一個模塊,我們可以通過模塊加載,輕鬆的使用已經寫好的代碼。 二、CMD與AMD規範 javascript模塊化編程主要有CMD和AMD

原创 瀏覽器兼容與優化

一、瀏覽器兼容問題 1.IE條件註釋 書寫規則: <!-- [if IE6]>Internet Expolore6<![end if] --> 在條件註釋中間,可以寫任意的代碼塊,代表在該瀏覽器環境下才會執行。如: <!-- [if I

原创 圖片懶加載

一、延遲加載的概念 加載圖片資源需要發送請求,如果一個網站的圖片數量比較多,那麼就會使頁面加載時間變長,影響用戶體驗。 二、懶加載的方式 圖片懶加載的方式可以分爲三種: 1.純粹的延遲加載。使用setTimeout來使圖片的加載延遲具體

原创 使用git(二)分支切換與合併

本來總結自極客學院git系列視頻教程地址 本地分支與合併的主要命令: 1.git branch:創建分支 2.git tag:用給定的一個commit做標記 3.git checkout:在不同分支間進行切換 4.git stash

原创 原型鏈與繼承

一、普通對象與函數對象 凡是通過 new Function()創建的對象都是函數對象(包括直接用function定義的函數對象和字面量定義的函數對象),其他的都是普通對象(Object、Function是JS自帶的函數對象)。 函數對象