原创 jQuery處理$符號衝突問題

我們知道,jQuery使用$符號作爲jQuery的簡寫,使用$符號就可以進行各種jQuery的操作,那麼如果我們使用的其他框架也使用$符號,那該怎麼辦? jQuery - noConflict() 方法 jQuery以及幫我們考慮

原创 jQuery 尺寸

jQuery 尺寸方法 jQuery 提供多個處理尺寸的重要方法: width() height() innerWidth() innerHeight() outerWidth() outerHeight() jQuery

原创 JS中聲明全局變量

JS中聲明全局變量主要分爲顯式聲明或者隱式聲明下面分別介紹。 聲明方式一: 使用var(關鍵字)+變量名(標識符)的方式在function外部聲明,即爲全局變量,否則在function聲明的是局部變量。該方式即爲顯式聲明詳細如下:

原创 JavaScript 判斷對象類型的方法

typeof(最基本的) typeof 只能檢查出來以下7幾種類型: Undefined ————“undefined” Null ————“object” (見下方) 布爾值 ————“boolean” 數值 ————“num

原创 ES6箭頭函數

箭頭函數中的this指向的是定義時的this,而不是執行時的this 一、爲什麼要有箭頭函數 先看如下代碼: const Person = { 'name': 'little bear', 'age': 18, 'sayHe

原创 前端樣式優先級

今天進行了一個前端的筆試,問到了樣式優先級的選擇問題,說真的,我只能憑感覺判斷一些優先級,到了複雜情況還真不一定能判斷出來,所以來總結一下。 一般情況 一般結論就是: 通用選擇器(也就是*)<元素(類型)選擇器(比如p標籤)<類選

原创 css保持浮層水平垂直居中的幾種方法

1.利用flexbox佈局 .parent{ width: 100%; height: 37.5rem/* 600px */; background: #09c; display: flex;

原创 Flex佈局教程:實例篇

http://www.ruanyifeng.com/blog/2015/07/flex-examples.html

原创 Css選擇器

CSS選擇器用於選擇你想要的元素的樣式的模式。 "CSS"列表示在CSS版本的屬性定義(CSS1,CSS2,或對CSS3)。 選擇器 示例 示例說明 CSS .class .intro 選擇所有class="intr

原创 Flex 佈局教程:語法篇

作者: 阮一峯 原文地址:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 網頁佈局(layout)是 CSS 的一個重點應用。 佈局的傳統解決方案,基於盒狀模型,依

原创 js阻止瀏覽器的默認鍵盤監聽事件

document.getElementById("edit").addEventListener("keydown",function (e) { if (e.keyCode == 13) {

原创 模板字符串(反單引號的使用)

模板字符串 傳統的 JavaScript 語言,輸出模板通常是這樣寫的(下面使用了 jQuery 的方法)。 $('#result').append( 'There are <b>' + basket.count + '</b

原创 淺談ECMAScript和JavaScript的關係

1、ECMAScript是JavaScript的規格,JavaScript是ECMAScript的一種實現,在日常場合,這兩個詞是可以互換的。 JavaScript的創造者Netscape公司,將JavaScript提交給國際

原创 JavaScript正則表達式

定義 正則表達式(英語:Regular Expression,在代碼中常簡寫爲regex、regexp或RE)使用單個字符串來描述、匹配一系列符合某個句法規則的字符串搜索模式。 搜索模式可用於文本搜索和文本替換。 什麼是正則表達式

原创 前端面試題:JS中的let和var的區別

最近很多前端的朋友去面試被問到let和var的區別,其實阮一峯老師的ES6中已經很詳細介紹了let的用法和var的區別。我簡單總結一下,以便各位以後面試中使用。 ES6 新增了let命令,用來聲明局部變量。它的用法類似於var,但