原创 JavaScript學習筆記——數據類型

1、undefined類型 Undefied類型只有一個值,即特殊的undefined。在使用var聲明變量但未對其進行初始化時,這個變量的值就是undefined。 Var message; //var age 這個變量並沒有

原创 css 一些會用到的小技巧

1.文字單行溢出顯示省略號: .over-hide{ overflow:hidden; 
   white-space:nowrap;
 
   text-overflow:ellipsis;
   
} 2.文字多行溢出顯示省略

原创 原生js實現簡單微博發佈功能Dom(節點操作)

現在很多人都在用微博,微博成爲一種很普遍的分享,交流平臺,以至於養成了每天睜開眼睛第一件事情和每天晚上閉上眼睛之前最後一件事就是要刷微博。博主一般就是潛水,默默的刷別人的微博,以至於到現在我的粉絲依舊是9個,特別穩定~~搞得本寶寶

原创 Canvas

canvas 是html5新出的標籤,js可以調用他的方法進行繪圖。 1. 瀏覽器支持 2. 基礎知識 3. 畫布座標 4. 畫線 5. 畫矩形 6. 畫圓 7. 貝賽爾曲線 8. 清除畫布 9. 繪製文字 10. 繪製

原创 js 正則表達式多個轉義字符的用法

我們都知道在js中遇到特殊字符要使用轉義字符,但是如果多個轉義字符同時出現的話,那又是怎麼用的呢,我突發奇想,然後去一個一個的試了一下,最後終於把這個地方搞清楚了。 js中定義正則表達式有兩種方法,這兩種方法同樣的正則表達式但是運行的結果

原创 html5 + css 學習小結

我最喜歡的一段話是這麼說的,我們今天的生活由昨天的選擇決定的,我們今天的選擇決定我們明天的生活。所以,少年,爲了明天的生活,奮鬥吧! 這是最近寫靜態頁面遇到的一些問題以及解決方法。 1.div 的hover顯示邊框圖片會向右下方移動的

原创 javaScript實例:tab切換效果

我們平時經常會用到tab切換的效果,如下圖: 這個效果很常見,用js就可以實現。 佈局分析: 我們可以先讓其中的一塊內容顯示,其他的內容先隱藏,當用戶點擊頭部標籤時,可以讓當前內容隱藏,點擊部分的內容顯示出來。通過改變標籤樣式就可以實現

原创 用canvas畫一個時鐘

昨天過了一遍canvas的基本用法,今天來寫個小小的案例練練手吧。 用canvas 畫一個時鐘,效果圖如下: 額。。。。配色好像有點醜,那個不是重點,,,嘻嘻~ 在開始寫之前,我們先來考慮一下總共分爲幾個步驟: 1.首先要先畫一個背景作

原创 js 隨機獲取10個不重複的1~20之間的整數數組

要想用js隨機獲取10個1~20之間的整數組成一個數組,這並不困難,但是這樣獲取出來的數字難免會有重複的,那麼如何獲取出一個不重複的數組呢。 js代碼如下: <body> <p id="pid"></p> <script>

原创 js 京東地址選擇

最近在寫京東,老師說等我們把京東整個頁面都寫完,以後再寫其他的頁面就會覺得好簡單啊,因爲京東的首頁太麻煩,工作量太大。沒寫之前我覺得不就是比其他頁面長一些嘛,有什麼大不了。可真正開始寫才發現,京東這個首頁哪裏是麻煩,是特別麻煩!!!就頁面

原创 前端面試題總結--1 JS篇

妹子就要找工作了,所以時候要研究一下面試題,總結一下,查缺補漏。 所以要開始搜刮各種的面試題做練習啦~~ 1.JS中DOM節點操作,添加,刪除,插入,查詢,創建,複製節點 //1.創建節點 document

原创 js中的scrollleft、style.left、clientLeft、offsetLeft

相信大家都見過這張圖,乍一看,這張圖亂七八糟的,看見就很頭疼,但是爲了搞清楚這幾個left到底什麼是什麼,只能硬着頭皮慢慢分析了~ 其實,仔細看看,這張圖差不多就分爲五大部分。 盒模型的組成部分,padding、margin、bord

原创 關於js中變量作用於和變量提升的那些事

一個變量的作用域(scope)是程序源代碼中定義這個變量的區域。 全局變量擁有全局作用域,在javaScript代碼中任何地方都有定義的。 然而在函數內聲明的變量只是在函數內部有定義,他們是局部變量,作用域也只是在局部。 在函數體內,

原创 三級聯動:js實現淘寶地址更改

在淘寶購物的時候,我們經常會遇到收穫地址的選擇,當省份發生改變時,城市,鄉鎮會隨之發生改變。 這個三級聯動的效果我們可以通過js來實現。 在寫這個案例時,博主將地址的信息存儲在了一個json對象中,並把json對象存在了一個js文件中

原创 js JSON

1.基本語法 json的語法可以表示爲三種類型的值 1.簡單值:適用於js相同的語法,可以在json中表示字符串、數值、布爾值和null,但是不支持undefined。 json字符串與js字符串最大的不同是在json中字符串 2.對