JavaScript

關於清除浮動的四種方法，清除浮動四種方法浮動對頁面的影響：　　　　如果一個父盒子中有一個子盒子，並且父盒子沒有設定高，子盒子在父盒子中進行了浮動，那麼將來父盒子的高度為0.由於父盒子的高度為0，　　　　下面的元素會自動補位，所以這個時候要進行浮動的清除。關於清除浮動的方式: 　　方式一:使用overflow屬性來清除浮動　　　　.ovh{　　　　　　overflow:hidden;　　　　　}　　　　先找到浮動盒子的父元素，再在父元素中添加一個屬性：overflow:hidden,就是

全屏滾動外掛程式fullPage.js使用執行個體解析，fullpage.js執行個體如今我們經常能看見到全屏網站，尤其是國外玩站。這些網站用幾幅很大的圖片或色塊做背景，再添加一些簡單的內容，顯得格外的高端大氣上檔次。而JQuery的一款外掛程式fullpage.js，可以實現全屏滾動，非常流行的效果，相容性IE8+相容性不錯，能夠相容多種瀏覽器。主要功能有：支援滑鼠滾動支援前進後退和鍵盤控制多個會調函數支援手機、平板觸摸事件支援CSS3動畫支援視窗縮放視窗縮放時自動調整可設定滾動寬度、背景顏色

基於百度地圖實現產品銷售的單位位置查看功能設計與實現，地圖產品銷售1.描述　　本人最近參與基於MVC5+EF6+ Bootstrap3的食品安全監管系統設計、開發。先前感覺百度地圖很神秘的樣子、高大上的樣子，設計、開發過程遇到些問題，經查看園子高手指點、樣本摸索實踐，終將百度地圖嵌入系統。為感謝各位朋友的協助，今有空，將基於百度地圖實現產品銷售的單位位置查看功能，分享給大家。不當之處，歡迎指正。2.產品生產批次查詢　　查看單位產品生產批次資訊，根據產品生產批次查看，產品銷售單位情況。　　如下：3

使用BootStrap和Metroui設計的metro風格微網站或手機app介面，bootstrapmetroui今天使用bootstrap和metroui設計了一個metro風格的移動app或者微網站的介面程式的原始碼可以從此處獲得：https://github.com/mz121star/weixin-metro有喜歡的朋友可以拿去修改一下。<!DOCTYPE html><!--[if lt IE 7]><html class="no-js lt-ie9 lt-

jqurey+Jscex打造遊戲力度條，jqureyjscex本文介紹了jqurey+Jscex打造遊戲力度條，如果大家玩過桌球類遊戲的話，對力度條的概念一定不會陌生，如：其實，類似的條條無處不在！比如進遊戲時候的進度條、魔獸世界裡法師施法過程中讀的條等等······引入jquery ui,我們可以輕鬆得到下面這個靜止的力度條：html：<div class="progressbar" style="width: 20%"></div>js： $(function ()

node.js學習之base64編碼解碼，node.jsbase64編碼一. Base64編碼由來為什麼會有Base64編碼呢？因為有些網路傳送渠道並不支援所有的位元組，例如傳統的郵件只支援可見字元的傳送，像ASCII碼的控制字元就 不能通過郵件傳送。這樣用途就受到了很大的限制，比片二進位流的每個位元組不可能全部是可見字元，所以就傳送不了。最好的方法就是在不改變傳統協議的情

公眾號-擷取使用者資訊（網頁授權擷取）實現步驟，公眾使用者資訊根據公眾號開發官方文檔：擷取使用者資訊步驟如下：1 第一步：使用者同意授權，擷取code2 第二步：通過code換取網頁授權access_token3 第三步：重新整理access_token（如果需要）4 第四步：拉取使用者資訊(需scope為 snsapi_userinfo)1

淺談float浮動，淺談floatfloat大概是css3以前網頁布局裡最常用的一個屬性了，經常看到一言不合就浮動的代碼，就一起來深入挖掘一下這個一半天使一半魔鬼的屬性吧。本文是讀張鑫旭大神慕課網float視頻後的一些總結及一些拓展用法，視頻地址：http://www.imooc.com/learn/121。該視頻初讀很枯燥，認真讀後會發現更枯燥。。。。。。不過遇到坑之後再去讀就會發現良心視頻，字字珠璣。閑話不多說，現在開始：1.float的起源　　浮動最初的設計是用來做文字的環繞效果的，這也是

絕對位置對元素寬度的影響，定位元素寬度影響一、問題來源      自己編寫輪播圖切換的時候前一幅圖滑動時後邊出現空白直到前一幅圖全部滑出後第二幅圖才出現。剛開始出現問題到網上搜發現有的說定時器動畫可能會造成這種情況，於是我在代碼調試裡注釋掉了定時器，讓圖片只走一步就停下來，發現後邊還是有空白，所以確定不是定時器的問題。於是我查看了一下盒模型，發現包裹img的容器寬度div#main並不是我理想中六張圖片寬度的總和，原來是我沒有顯式設定這

jQuery.form.js外掛程式不能解決連線逾時(timeout)的原因分析及解決方案，connecttimeout逾時jQuery.form.js是一個form外掛程式，支援ajax表單提交和ajax檔案上傳。最近在使用jquery.form.js提交包含檔案的表單時，碰到了一個問題：當碰上網速較慢時，而我們又設定了timeout時，例如：var options = { timeout: 3000 //限制請求的時間，當請求大於3秒後，跳出請求

jquery控制頁面的展開和隱藏實現方法(推薦)，jquery頁面【jquery代碼】  <script> require(["jquery","validate","bootstrap","lhgcalendar"],function($) { $(function(){ $("form").validate(); }); $(".up").click(function(){

JS常用函數和常用技巧小結，js技巧小結學習和工作的過程中總結的乾貨，包括常用函數、常用js技巧、常用Regex、git筆記等。為剛接觸前端的童鞋們提供一個簡單的查詢的途徑，也以此來緬懷我的前端學習之路。Ajax請求jquery ajax函數我自己封裝了一個ajax的函數，代碼如下：var Ajax = function(url, type success, error) {$.ajax({url: url,type: type,dataType: 'json',timeout:

淺談js對象的建立和對6種繼承模式的理解和遐想，淺談jsJS中總共有六種繼承模式，包括原型鏈、借用建構函式、組合繼承、原型式繼承寄生式繼承和寄生組合式繼承。為了便於理解記憶，我遐想了一個過程，對6中模式進行了簡單的闡述。很長的一個故事，姑且起個名字叫女媧造人吧。建立對象女媧一個一個的捏人（建立對象），這樣太慢，於是設計了一種機器（函數），想造什麼樣的，告訴他這個人有哪些特點和功能，機器來製造。這就是原廠模式的（使用同一個介面建立對象，回產生大量重複代碼，由此發明了一種函數（模具））。但是機器造人

JS實現禁止滑鼠右鍵的功能，js禁止滑鼠右鍵遇到網頁上有精美圖片或者精彩文字想儲存時，通常大家都是選中目標後按滑鼠右鍵，在快顯功能表中選擇“圖片另存新檔”或“複製”來達到我們的目的。但是，目前有許多網頁都屏蔽了滑鼠右鍵，那麼用js如何?禁止滑鼠右鍵的功能呢？1.與禁止滑鼠右鍵相關的JS說明<script type="text/javascript">document.oncontextmenu=new

js+css3製作時鐘特效，jscss3時鐘特效我們先來看看吧再來奉上源碼<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 鐘錶</title> <style> .clock{ position: relative; width: 200px; height: 200px;

jQuery監聽檔案上傳實現進度條效果的方法，jquery進度條原理：給XMLHttpRequest對象的upload屬性綁定onprogress方法監聽上傳過程var xhr=new XMLHttpRequest();

小程式 教程之註冊程式，小程式教程系列文章：小程式 教程之模組化小程式 教程之註冊頁面小程式 教程之註冊程式App()App()函數用來註冊一個小程式。接受一個object參數，其指定小程式的生命週期函數等。object參數說明： 屬性 類型 描述 觸發時機 onLaunch Function 生命週期函數--監聽小程式初始化

小程式 教程之資料繫結，小程式綁定系列文章：小程式 教程之WXSS小程式 教程之引用小程式 教程之事件小程式 教程之模板小程式 教程之列表渲染小程式 教程之條件渲染小程式 教程之資料繫結小程式 教程之WXML資料繫結WXML中的動態資料均來自對應Page的data。簡單綁定資料繫結使用"Mustache"文法（雙大括弧）將變數包起來，可以作用於：內容<view> {{ message }} </view>Page({ data: { message: 'Hello

小程式 教程之列表渲染，小程式渲染系列文章：小程式 教程之WXSS小程式 教程之引用小程式 教程之事件小程式 教程之模板小程式 教程之列表渲染小程式 教程之條件渲染小程式 教程之資料繫結小程式 教程之WXMLwx:for在組件上使用wx:for控制屬性綁定一個數組，即可使用數組中各項的資料重複渲染該組件。預設數組的當前項的下標變數名預設為index，數組當前項的變數名預設為item<view wx:for="{{items}}"> {{index}}: {{item.message}

淺談bootstrap使用中的一些問題以及解決過程，淺談bootstrapbootstrap是一個不錯的前端架構。這裡寫一下使用中遇到過的幾點問題。1.bootstrap的模態框modal的問題。  有時候會出現彈出模態框的時候遮罩把模態框遮住的情況。出現這個問題的原因，多半是模態框的html代碼置放位置不對。看官方文檔。說明如下：模態框的 HTML 程式碼放置的位置務必將模態框的 HTML 程式碼放在文檔的最高層級內（也就是說，盡量作為 body