原创 簡單的JS運動框架
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title
2020-06-16 00:03:09
原创 輪播圖詳解
在網上看了一個輪播器，挺感興趣的，自己用原生JS做了下，起初有很多bug，計時器的問題，大圖層級問題，小圖移動問題...最後通過視頻以及大神的博客算是做成了，總結一下心得，其中的運動框架startMove在上一篇有，就不在這裏分享啦 <
2020-02-21 00:32:23
原创 瀑布流詳解
瀑布流佈局原理：將多個ul通過浮動並排顯示，首先爲它們依次添加第一行元素後，我們獲取每一列ul的高度，然後在高度最小的那一列元素下繼續排列下面的元素。以下爲相應代碼以及註釋。 <!DOCTYPE html> <html>
2020-02-21 00:32:23
原创 IE和DOM事件流的區別
事件 HTML元素事件是瀏覽器內在自動產生的,當有事件發生時html元素會向外界(這裏主要指元素事件的訂閱者)發出各種事件,如click,onmouseover,onmouseout等等。 DOM事件流 DOM(文檔對象模型)
2018-09-03 03:18:53
原创 ES6新特性總結
最常用的ES6特性 let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments
2018-09-03 03:18:53
原创 百度天氣預報接口介紹
百度提供天氣預報查詢接口API，可以根據經緯度/城市名查詢天氣情況，我們可以在微信公衆平臺開發中調用這一接口。 接口說明 根據經緯度/城市名查詢天氣的結果 接口示例 http://api.map.baidu.com/telema
2018-09-03 03:18:51
2
原创 Bootstrap的常用類(CSS和佈局組件)的總結
Bootstrap通過給標籤賦予一個類名(class name),來生成對應類名的效果標籤 網格選項 row :行 col-*-*: 列 (第一個*可以爲xs[超小]/sm[小型]/md[中型]/lg[大型]第二個*必須爲12以
2018-09-03 03:18:51
原创 js延遲加載的方式有哪些？
js的延遲加載有助與提高頁面的加載速度，以下是延遲加載的幾種方法： 1.使用setTimeout延遲方法的加載時間 延遲加載js代碼，給網頁加載留出更多時間 <script type="text/javascript" > fu
2018-09-03 03:18:51
原创 面向對象跟面向過程的區別
面向過程就是分析出解決問題所需要的步驟，然後用函數把這些步驟一步一步實現，使用的時候一個一個依次調用就可以了。 面向對象是把構成問題事務分解成各個對象，建立對象的目的不是爲了完成一個步驟，而是爲了描敘某個事物在整個解決問題的步驟中的行
2018-09-03 03:18:51
原创 電商網站倒計時效果
倒計時效果主要應用計時器來實現，首先簡單的佈局，之後是js的代碼。 <h3>限時搶購 <font id="timer"> 距離本次結束還有 : <i></i
2018-09-03 03:18:51
原创 閉包
今天抽時間好好整理了一下之前理解模棱兩可的閉包，可以說這是一個在面試中經常會被問到的點。我對閉包之前的理解是:閉包就是指有權訪問另一個函數作用域中的變量的函數。但是網上衆說紛紜，有些也不知所云。創建閉包最
2018-09-03 03:18:51
原创 javascript的繼承
javascript實現繼承的方式 1、類式繼承 2、構造函數繼承 3、組合繼承 4、寄生組合式繼承 5、extends繼承 (1)類式繼承 //聲明父類 function Ani
2018-09-03 03:18:51
原创 JQ實現無縫滾動
用JQ做一個無縫滾動效果，圖片自動輪播，左右按鈕點擊可切換圖片，下面一排帶索引的按鈕可點擊，點擊到哪個就切換到對應的第幾張圖片，佈局有些簡陋，主要是實現效果，起初有bug，快速點擊按鈕時會有卡頓然後出現空白，解決辦法在animate()
2018-09-03 03:18:50
原创 block，inline和inline-block概念和區別
總體概念 block和inline這兩個概念是簡略的說法，完整確切的說應該是 block-level elements (塊級元素) 和 inline elements (內聯元素)。block元素通常被現實爲獨立的一塊，會單獨換一行；
2018-09-03 03:18:50