原创 overflow:hidden不起作用？
今天在項目中，通過從後臺讀取數據生成的table中的tr和td時，由於有些td內容太多了，需要對其進行overflow:hidden的設置。但是在經過幾番努力和嘗試之後始終不可以。在進行了搜索之後才明白了。 我們知道，overfl
2020-06-28 13:55:19
30
原创 jquery獲取span標籤下的第一個span子標籤內容
看了幾本jquery的書之後，覺得對jQuery的dom操作部分應該是比較熟悉了，但是當正式用到的時候又忽然覺得什麼也不知道，還得上網來搜，遇到的問題就是獲取span標籤下的第一個span標籤中的內容。 如 <p class =
2020-06-28 13:55:19
3
原创 案例十四、css3和fullpage實現全屏滾動
首先說一下fullpage，它是一個jquery的插件，用來實現鼠標向上向下滑動，就會自動切換到上一屏或者下一屏，對於要做一些高大上的效果確實是一個很好的插件。首先先展示一下基本的效果圖。 總共有四屏的內容 當鼠標每
2020-06-28 13:55:17
1
原创 更詳細的天氣預報接口
在經過了昨天的研究學習，現在會請求數據並且處理，但是發現昨天找到的天氣預報接口中的數據太少了，比如什麼紫外線，溼度，穿衣指數，感冒指數什麼都沒有，所以今天偶然看到了一個新的免費的接口。 網址 ： http://www.nowapi
2020-06-28 13:55:17
原创 超級簡單Vue實現手風琴佈局
說一下效果： 全部展開效果： 展開都的話四等分收起一個，其餘的三等分，收起兩個，其餘的等分，展開一個，佔據所有空間。 全部摺疊效果： 展開一個效果： 這一塊一塊的總共是組件複用了四次。所以單獨看一個列表就好了（已截止） 結
2020-06-01 07:37:37
37
原创 獲取元素寬高及位置的方法
js的人一定會接觸到client家族、scroll家族和offset家族。由於width和Height屬性是類似的，所以這裏我只挑這三個height來講一下。 clientHeight、offsetHeight、clientTop
2020-04-24 20:19:24
原创 案例十四、遊戲
玩法就是，點擊右邊的搖桿，上面的水果圖片就會一直不停的滾動，再點擊右邊的搖桿，就會停止滾動，此時就會判斷三個圖片是否一樣，一樣的話就會提示你贏了，否則提示繼續加油！ 首先利用html和css進行佈局： <style ty
2020-02-26 01:02:17
原创 案例十三、模仿微信打飛機遊戲
首先實現微信打飛機遊戲，首先會有自己和敵機，採用canvas繪圖來生成自己和敵人。 1.生成自己，且可以通過左右鍵來進行左右移動。 //生成自己，且可以左右移動 //控制飛機向右移動的函數 function moveRight
2020-02-26 01:02:17
原创 案例十二、JavaScript實現無窮滾動加載數據
首先實現滾動要藉助onscroll事件處理程序。 無窮滾動就是滑動滾動條，實現數據塊的無窮加載。 我們以瀑布流的佈局來實現無窮加載。瀑布流就是一些等寬不等高的數據塊佈局。在滾動條下拉時，它會進行加載。那麼問題就是在判斷什麼時候
2020-02-26 01:02:17
原创 AngularJS中實現奇偶行不同樣式
在AngularJS中使用ng-repeat時希望生成的記錄中奇偶行存在不同的樣式，那麼就要用到ng-class。 ngClass ngClass指令允許在HTML標籤上通過綁定一個代表所有將被添加的類的表達式去動態的設定CSS類
2020-02-26 01:02:17
原创 將按鈕按照value值排序，並且點擊按鈕後值1s自減一
body中的代碼和CSS <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> *{ margin: 0
2020-02-26 01:02:17
原创 JavaScript中typeof和instanceof用法筆記
typeof一般用來獲取一個變量或者表達式的類型。 > typeof undefined 'undefined' > typeof null // well-known bug 'object'
2020-02-26 01:02:17
原创 談談對原型鏈的理解
許多OO語言支持兩種繼承方式：接口繼承和實現繼承。 接口繼承只繼承函數簽名，實現繼承則繼承實際的方法。 由於函數無簽名，在JavaScript中無法實現接口繼承。所以只能實現方法繼承。 實現繼承主要依賴原型鏈。 什麼是原型對
2020-02-26 01:02:17
原创 CSS3動畫實現背景滾動
在上一個模仿微信打飛機的遊戲中，在敵機掉落下來時，如果背景圖片也可以一直無窮滾動的話，那麼效果就會更好。 現在就是要利用CSS3來實現一張圖片的無窮滾動。 首先了解一下CSS3的動畫屬性： ①.animation-name:
2020-02-26 01:02:17
原创 怎樣使footer始終處於頁面的底部
想要頁腳一直處於頁面的底部，當內容少時，處於屏幕的底部，當頁面內容很多時，在所有內容頁腳在頁面的最底部出現。好多人可能想到讓foot的position:fixed;bottom:0px，就可以實現頁腳一直處於屏幕底部。但是這樣做有
2020-02-26 01:02:17