原创 js中數組的操作
1.數組的創建 var arr1=new Array();//創建一個空數組 var arr2=new Array(5);//聲明一個長度爲5的數組 var arr3=new Array([5]);//長度爲1並且ar
2018-08-22 14:00:22
1
原创 ajax的js插件封裝
最近回顧一下ajax，ajax使用並不難，下面對ajax簡單封裝，方便以後使用： window.onload = function() { new Ajax({ method: 'GET',//傳輸方式 url: 'data_h
2018-08-22 13:59:53
原创 js對象和繼承的應用和問題解決
這兩天學習對象，對對象有了一些更深入的瞭解，下面就用創建對象的方式做一個小案例，在網上查看圖片，一般可以查看大圖，在這裏就來做一下這個例子。 首先是html代碼，在這裏我要實現點擊圖片然後查看大圖，點擊旁邊小按鈕可以關閉： <!DOCT
2018-08-22 13:59:50
2
原创 jQ選擇器
1.基本選擇器 *(所有元素) .class(類選擇器) element(標籤選擇器) #id(id選擇器) selector1, selectorN, ...(並列選擇器) 2.層次選擇器 parent > child(第一層的子元素)
2018-08-22 13:59:50
原创 Koala編譯sass出錯及中文編譯解決
Koala軟件免去了Ruby環境配置的麻煩，本人在用的時候遇到一些問題，但網上極少這方面的教程，所以做一些總結： 1.配置的問題： 紅色標註的一定不能打勾，不然會出現如下圖的錯誤： 2.中文編譯出錯問題 網上很多教程是這樣做的： 進入
2018-08-22 13:59:49
1
原创 css文本溢出顯示省略號
1.單行文本溢出省略號 加入如下代碼： text-overflow: ellipsis;/*溢出顯示省略號*/ overflow: hidden;/*溢出隱藏*/ white-space: nowrap;/*文本強制不換行*/ 2.單
2018-08-22 13:59:49
原创 js混合模式繼承出現問題的解決
1.混合模式繼承就是就是用call或apply繼承屬性，原型鏈方式繼承方法。 在上一篇博文的實例中遇到一個問題，就是用原型鏈的方式有錯誤，可以回去看點擊打開鏈接 先來看看混合模式繼承的寫法： <script type="text/j
2018-08-22 13:59:49
3
原创 js實現瀑布流的兩種方法
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padd
2018-08-22 13:59:49
原创 js實現自定義滾動條
頁面中有些要用到滾動條，下面是一個簡單的滾動條製作，代碼如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style typ
2018-08-22 13:59:49
原创 js數據類型及轉換
js的基本數據類型有5種： 1.數字型(Number型): // 下面的一些數都是number類型的數 console.log(typeof 2);//整數 console.log(typeof 2.3);//浮點型數
2018-08-22 13:59:49
1
原创 js實現返回頂部
html中只要給a標籤的href設爲"#"，點擊就可以返回頂部，不過這樣沒什麼特效，可以用js來寫 html和css部分如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8">
2018-08-22 13:59:49
原创 js的一些函數封裝
學習js封裝的一些函數，測試可以用 //通過類名獲取元素 function getClass(obj,name){ var arr=[]; var all=obj.getElementsByTagName('*'); for (va
2018-08-22 13:59:48
原创 js取消默認事件和事件綁定
1.默認事件： 瀏覽器本事具備的一些功能，如鼠標右鍵菜單，a標籤跳轉頁面。 如果要阻止這些默認行爲，可以用return false; w3c中定義了ev.preventDefault()；這個不兼容IE11以下。 <!DOCTYPE ht
2018-08-22 13:59:28
原创 javascript中對象創建方式
今天學習了js中的對象，現在還是初學，寫的不好，只是自己做做筆記，以後要用方便翻閱。下面是對js中對象創建的一些總結： 1.基本模式 (1)用new操作符後面跟Object構造函數，如下所示： <span style="font-fam
2018-08-22 13:59:28
2
原创 js事件捕獲和事件冒泡
今天學了js的事件冒泡，在網上看到許多事件捕獲和冒泡的文章，下面是自己的一些總結： 事件捕獲：事件捕獲是從document開始從外到內查找事件觸發的目標元素； 事件冒泡：從目標元素開始到document一層一層向上冒，中間遇到同類事件也會
2018-08-22 13:59:26
4