原创 簡單的JS運動框架

<!DOCTYPE html> <html>  <head>   <meta charset="utf-8" />   <title></title

原创 輪播圖詳解

在網上看了一個輪播器,挺感興趣的,自己用原生JS做了下,起初有很多bug,計時器的問題,大圖層級問題,小圖移動問題...最後通過視頻以及大神的博客算是做成了,總結一下心得,其中的運動框架startMove在上一篇有,就不在這裏分享啦 <

原创 瀑布流詳解

瀑布流佈局原理:將多個ul通過浮動並排顯示,首先爲它們依次添加第一行元素後,我們獲取每一列ul的高度,然後在高度最小的那一列元素下繼續排列下面的元素。以下爲相應代碼以及註釋。 <!DOCTYPE html> <html>     

原创 IE和DOM事件流的區別

事件 HTML元素事件是瀏覽器內在自動產生的,當有事件發生時html元素會向外界(這裏主要指元素事件的訂閱者)發出各種事件,如click,onmouseover,onmouseout等等。 DOM事件流 DOM(文檔對象模型)

原创 ES6新特性總結

最常用的ES6特性 let, const, class, extends, super, arrow functions, template string, destructuring, default, rest arguments

原创 百度天氣預報接口介紹

百度提供天氣預報查詢接口API,可以根據經緯度/城市名查詢天氣情況,我們可以在微信公衆平臺開發中調用這一接口。 接口說明 根據經緯度/城市名查詢天氣的結果 接口示例 http://api.map.baidu.com/telema

原创 Bootstrap的常用類(CSS和佈局組件)的總結

Bootstrap通過給標籤賦予一個類名(class name),來生成對應類名的效果標籤 網格選項 row :行 col-*-*: 列 (第一個*可以爲xs[超小]/sm[小型]/md[中型]/lg[大型]第二個*必須爲12以

原创 JS生成驗證碼

<html>      <head>          <title>驗證碼</title>          <style type="text/css">              #code              {      

原创 js延遲加載的方式有哪些?

js的延遲加載有助與提高頁面的加載速度,以下是延遲加載的幾種方法: 1.使用setTimeout延遲方法的加載時間 延遲加載js代碼,給網頁加載留出更多時間 <script type="text/javascript" > fu

原创 面向對象跟面向過程的區別

面向過程就是分析出解決問題所需要的步驟,然後用函數把這些步驟一步一步實現,使用的時候一個一個依次調用就可以了。 面向對象是把構成問題事務分解成各個對象,建立對象的目的不是爲了完成一個步驟,而是爲了描敘某個事物在整個解決問題的步驟中的行

原创 電商網站倒計時效果

倒計時效果主要應用計時器來實現,首先簡單的佈局,之後是js的代碼。 <h3>限時搶購         <font id="timer">                 距離本次結束還有 :                 <i></i

原创 閉包

今天抽時間好好整理了一下之前理解模棱兩可的閉包,可以說這是一個在面試中經常會被問到的點。我對閉包之前的理解是:閉包就是指有權訪問另一個函數作用域中的變量的函數。但是網上衆說紛紜,有些也不知所云。創建閉包最

原创 javascript的繼承

javascript實現繼承的方式    1、類式繼承  2、構造函數繼承  3、組合繼承   4、寄生組合式繼承   5、extends繼承     (1)類式繼承         //聲明父類         function Ani

原创 JQ實現無縫滾動

用JQ做一個無縫滾動效果,圖片自動輪播,左右按鈕點擊可切換圖片,下面一排帶索引的按鈕可點擊,點擊到哪個就切換到對應的第幾張圖片,佈局有些簡陋,主要是實現效果,起初有bug,快速點擊按鈕時會有卡頓然後出現空白,解決辦法在animate()

原创 block,inline和inline-block概念和區別

總體概念 block和inline這兩個概念是簡略的說法,完整確切的說應該是 block-level elements (塊級元素) 和 inline elements (內聯元素)。block元素通常被現實爲獨立的一塊,會單獨換一行;