Time of Update: 2015-11-26
Bootstrap每天必學之柵格系統(布局),bootstrap柵格布局 1、柵格系統(布局)Bootstrap內建了一套響應式、行動裝置優先的流式柵格系統,隨著螢幕裝置或視口(viewport)尺寸的增加,系統會自動分為最多12列。我在這裡是把Bootstrap中的柵格系統叫做布局。它就是通過一系列的行(row)與列(column)的組合建立頁面配置,然後你的內容就可以放入到你建立好的布局當中。下面就簡單介紹一下Bootstrap柵格系統的工作原理:網格系統的實現原理非常簡單,僅僅是
Time of Update: 2015-11-26
Prototype架構詳解,prototype架構這裡所說的“Prototype”不是JavaScript編程中的原型(“prototype”),而是由“Sam
Time of Update: 2015-11-26
js擷取圖片寬高的方法,js擷取圖片本文分享多種js擷取圖片寬高的方法,並且通過執行個體進行分析,希望大家從中有所收穫。一、簡陋的擷取圖片方式// 圖片地址 後面加時間戳記是為了避免緩衝var img_url = ‘upload/2013/13643608813441.jpg?'+Date.parse(new Date()); // 建立對象var img = new Image(); // 改變圖片的srcimg.src = img_url; //
Time of Update: 2015-11-26
jQuery外掛程式jquery-barcode實現條碼列印的方法,jquery條碼外掛程式本文執行個體講述了jQuery外掛程式jquery-barcode實現條碼列印的方法。分享給大家供大家參考,具體如下:這是一個純js的jQuery外掛程式,項目地址:http://barcode-coder.com/en/barcode-jquery-plugin-201.html使用樣本:<!doctype html><html> <head> <title&
Time of Update: 2015-11-26
一不小心就做錯的JS閉包面試題,不小心做錯js試題由工作中演變而來的面試題這是一個我工作當中的遇到的一個問題,似乎很有趣,就當做了一道題去面試,發現幾乎沒人能全部答對並說出原因,遂拿出來聊一聊吧。先看題目代碼:function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } };}var a = fun(0); a.fun(1); a.fun(2); a.fun(3);//undefined,&
Time of Update: 2015-11-25
Javascript設計模式理論與實戰:觀察者模式觀察者模式主要應用於對象之間一對多的依賴關係,當一個對象發生改變時,多個對該對象有依賴的其他對象也會跟著做出相應改變,這就非常適合用觀察者模式來實現。使用觀察者模式可以根據需要增加或刪除對象,解決一對多個物件間的耦合關係,使程式更易於擴充和維護。基礎知識觀察者模式定義了對象間的一種一對多依賴關係,每當一個對象發生改變時,其相關依賴對象皆得到通知並被進行相應的改變。觀察者模式又叫做發布-訂閱
Time of Update: 2015-11-24
Bootstrap_表單_表單控制項,bootstrap表單控制項一、輸入框input 單行輸入框,常見的文本輸入框,也就是input的type屬性值為text。 在Bootstrap中使用input時也必須添加type類型,如果沒有指定type類型,將無法得到正確的樣式,因為Bootstrap架構都是通過input[type=“?”](其中?號代表type類型,比如說text類型,對應的是input[type=“text”])的形式來定義樣式
Time of Update: 2015-11-26
javascript Slip.js實現整屏滑動的手機網頁,javascriptslip.js有了Slip.js,你只管寫HTML,CSS,如果邏輯簡單,一行JS代碼就可以搞定,大大提升了開發的效率。不吹牛,上面的demo,不到半小時我就寫好了。具體怎麼做呢?比如有個需求是:我們有4個頁面,每個頁面有一張圖片,每次手指滑動都切換一整屏。首先看HTML:<!doctype html>...<script type="text/javascript"
Time of Update: 2015-11-24
Unsplash.it,unsplash Unsplash.it 是一個使用漂亮的映像作為預留位置的工具。只要把你的映像尺寸(寬與高)放到網址後面的參數中,你會得到一個預留位置。你可以很容易地得到一個隨機映像或者是一個模糊映像。也支援擷取灰階映像和特定映像。 馬上去試試 您可能感興趣的相關文章網站開發中很有用的 jQuery 效果【附源碼】分享35個讓人驚訝的 CSS3 動畫效果示範十分驚豔的8個 HTML5 & JavaScript 特效Web
Time of Update: 2015-11-23
深入理解BootStrap Item18 -- js外掛程式概覽(API)1、Bootstrap 外掛程式概覽在前面 布局組件 章節中所討論到的組件僅僅是個開始。Bootstrap 內建 12 種 jQuery 外掛程式,擴充了功能,可以給網站添加更多的互動。即使您不是一名進階的 JavaScript 開發人員,您也可以著手學習 Bootstrap 的 JavaScript 外掛程式。利用 Bootstrap 資料 API(Bootstrap Data
Time of Update: 2015-11-23
跟我學習javascript建立對象(類)的8種方法,跟我學javascript8中javascript建立對象(類)的方法,依依介紹給大家,希望大家喜歡。1. 使用Object建構函式來建立一個對象下面代碼建立了一個person對象,並用兩種方式列印出了Name的屬性值。 var person = new Object(); person.name="kevin"; person.age=31; alert(person.name); alert(person["name"
Time of Update: 2015-11-23
Bootstrap每天必學之基礎排版,bootstrap基礎排版本次主要來瞭解的是排版,這個大部分在HTML的基本標籤中也是存在的,所以相對比較簡單,為了保證系列的完整性,也順帶複習下,還是記錄一下。主要內容如下: 1.標題 2.頁面主體 3.強調 4.縮減語 5.地址 6.引用 7.列表一、標題Html中的所有標題標籤,從<h1>到<h6>均可使用。另外還提供了.h1到.h6的class,為的是給inline屬性的文本賦予標題的樣式。<div
Time of Update: 2015-11-23
Arcgis for js之GP實現緩衝區計算概述:GP服務的存在使得在Web端使用ArcGIS 提供的空間分析,而這些分析的能力是和案頭中的一樣的。因此,是Arcgis for js的一個重點,也是一個痛點。因此,在本文講述如何發布並在代碼中調用GP服務,實現緩衝區的分析計算。 模型參數: Parameters: Parameter: input Data Type: GPFeatureRecordSetLayer Display Name
Time of Update: 2015-11-23
JavaScript效能最佳化之小知識總結,javascript效能最佳化隨著網路的發展,網速和機器速度的提高,越來越多的網站用到了豐富用戶端技術。而現在Ajax則是最為流行的一種方式。JavaScript是一種解釋型語言,所以能無法達到和C/Java之類的水平,限制了它能在用戶端所做的事情,為了能改進他的效能,我想基於我以前給JavaScript做過的很多測試來談談自己的經驗,希望能協助大家改進自己的JavaScript指令碼效能。前言一直在學習javascript,也有看過《犀利開發Jque
Time of Update: 2015-11-23
jquery背景跟隨滑鼠滑動導航,jquery背景跟隨滑動本文執行個體講述了支援背景圖片上下滑動的豎向jQuery菜單導航特效代碼,分享給大家供大家參考。具體如下:運行效果如下:具體代碼如下<html xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="gb2312"><title>左邊跟隨滑鼠滑動導航</title><meta name="keywords"
Time of Update: 2015-11-23
jQuery實現帶玻璃流光質感的手風琴特效,jquery手風琴jQuery實現帶玻璃流光質感的手風琴特效是一款基於jQuery+CSS3實現的帶玻璃流光質感的手風琴特效,分享給大家,具體如下:具體代碼如下:html代碼:<section class="strips"> <article class="strips__strip"> <div class="strip__content"> <h1
Time of Update: 2015-11-23
jQuery實現簡單的檔案上傳進度條效果,jquery檔案上傳本文執行個體講述了jQuery實現檔案上傳進度條效果的代碼。分享給大家供大家參考。具體如下:運行效果如下:具體代碼如下:<!DOCTYPE html><html><head><meta charset="utf-8"><title>upload</title><link rel="stylesheet" type="text/css"
Time of Update: 2015-11-23
JavaScript實現自動產生網頁元素功能(按鈕、文本等),javascript自動產生建立元素的方法: 1、利用createTextNode()建立一個文字物件 2、利用createElement()建立一個標籤對象 3、直接利用容器標籤中的一個屬性:innerHTML-----本質上改該標籤容器中的“html代碼”,不是我們認為的對象樹的操作 詳解代碼:<body> <input type="button" value="建立並添加節點1"
Time of Update: 2015-11-19
JS實現選項卡執行個體詳解,js選項卡詳解本文執行個體講述了JS實現選項卡的方法。分享給大家供大家參考,具體如下:思路:選項卡就是點擊按鈕切換到相應內容,其實就是點擊按鈕把內容通過display(block none)來實現切換的。1、首先擷取元素。2、for迴圈曆遍按鈕元素添加onclick 或者
Time of Update: 2015-11-19
javascript下拉式清單中顯示樹形菜單的實現方法,javascript樹形很簡單的一個使用:點擊菜單,能夠顯示下面的或者不顯示。1、主要目的:展現的是的一個功能表項目,然後點擊一下,隱藏,點一下,彈出下面的內容用到的是 overflow:hidden 和 overflow="visible"這兩個屬性