原创 css實戰之css畫圖

css實戰之css畫圖 實際效果圖 css3知識儲備 transform爲css3的屬性,其主要有四種類型進行變形處理(這邊暫時不考慮3d效果): 1.旋轉rotate transform:rotate(45deg) 只有

原创 深入理解call,apply和bind

深入理解call,apply和bind 在JavaScript 中,call、apply 和 bind 是 Function 對象自帶的三個方法,這三個方法的主要作用是改變函數中的 this 指向,從而可以達到`接花移木

原创 深入理解JS執行細節

深入理解JS執行細節 <div class="postBody"> <div id="cnblogs_post_body"><p>Javascript從定義到執行,JS引擎在實現層做了很多初始化工作

原创 web前端之面向對象

web前端之面向對象 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html

原创 Web前端知識體系精簡

Web前端知識體系精簡 Web前端技術由html、css和javascript三大部分構成,是一個龐大而複雜的技術體系,其複雜程度不低於任何一門後端語言。而我們在學習它的時候往往是先從某一個點切入,然後

原创 乾貨分享:讓你分分鐘學會JS閉包

乾貨分享:讓你分分鐘學會JS閉包 閉包,是 Javascript 比較重要的一個概念,對於初學者來講,閉包是一個特別抽象的概念,特別是ECMA規範給的定義,如果沒有實戰經驗,很難從定義去理解它。因此,本文不會對閉包的概念

原创 詳解JS數據類型

#詳解JS數據類型 Javascript中的數據類型有以下幾種情況: 基本類型:string,number,boolean 特殊類型:un

原创 JavaScript之遍歷

JavaScript之遍歷 一.for循環 最常見的遍歷方法,用來遍歷數組,學過編程語言的基本都知道怎麼用,如下: var a = [1, 2, 3, 4, 5]; for (var i = 0; i < a.length; i

原创 web前端之Javascript的this用法

web前端之Javascript的this用法 this是Javascript語言的一個關鍵字。 它代表函數運行時,自動生成的一個內部對象,只能在函數內部使用。比如, function test(){   this.x = 1;

原创 ES5對數組增強的9個API

ES5對數組增強的9個API 爲了更方便的對Array進行操作,ES5規範在Array的原型上新增了9個方法,分別是forEach、filter、map、reduce、reduceRight、some、every、ind

原创 前端之jquery動畫應用

前端之jquery動畫應用 jquery的用意爲寫得更少做得更多。下面的js代碼是十分稀少的,當前這個代碼還能變得更少,因爲其mouseover和mouseout兩個有絕大部分的參數都是相同的,可以歸爲一個方法,這裏我就不詳細說如

原创 CSS優先級與!important

CSS優先級與!important CSS樣式優先級: 1、相同權值情況下,CSS樣式的優先級總結來說,就是——就近原則(離被設置元素越近優先級別越高): 內聯樣式表(標籤內部)> 嵌入樣式表(當前文件中

原创 判斷JS數據類型的四種方法

判斷JS數據類型的四種方法 說到數據類型,我們先說一下JavaScript 中常見的幾種數據類型: 基本類型:string,number,boolean 特殊類型:undefined,null 引用類型:Object,Funct

原创 JS構造函數及new運算符

JS構造函數及new運算符 和其他高級語言一樣 Javascript 中也有構造函數和 new 運算符,我們知道 new 是用來實例化一個類,從而在內存中分配一個實例對象。 但在 Javascript 中,萬物皆對象,爲

原创 web前端之廖雪峯js學習記錄

web前端之廖雪峯js學習記錄 es6語法:使用“模板字符串,也能將其進行換行。 var name = '小明'; var age = 20; alert(`你好, ${name}, 你今年${age}歲了!`); 字符串: va