Time of Update: 2015-01-27
css3動畫animation,css3animation動畫:animation animations這物似乎還是只在webkit,moz核心的瀏覽器上起作用<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>動畫</title><style type="text/css">@-moz-keyframes
Time of Update: 2015-01-27
如何讓DIV相對於body水平和垂直置中,divbody水平置中我們在設計頁面的時候,經常要把DIV置中顯示,而且是相對頁面視窗水平和垂直方向置中顯示,如讓登入視窗置中顯示。我們傳統解決的辦法是用純CSS來讓DIV置中。在本文中,我將給大家講述如何用CSS和jQuery兩種方法讓DIV水平和垂直置中。CSS讓DIV水平置中說明,本文中所指的DIV包括HTML頁面中所有的元素。讓一個DIV水平置中,直接用CSS就可以做到。只要設定了DIV的寬度,然後使用margin設定邊距0
Time of Update: 2015-01-26
Frameless,frame Frameless 是一個用於在 iOS8 中預覽產品原型的瀏覽器。可以可以協助那些需要一個簡單的方法來預覽 iOS 裝置上的原型設計和開發效果。沒有狀態列,通過手勢控制瀏覽器的曆史以及鍵盤的顯示。 線上示範 源碼下載 您可能感興趣的相關文章網站開發中很有用的 jQuery 效果【附源碼】分享35個讓人驚訝的 CSS3 動畫效果示範十分驚豔的8個 HTML5 &
Time of Update: 2015-01-25
PHP中CURL的幾個經典應用執行個體,curl應用執行個體1、cURL請求的基本步驟:(1)初始化(2)設定選項,包括URL(3)執行並擷取HTML文檔內容(4)釋放cURL控制代碼複製代碼 代碼如下:<?php //1、初始化 $ch = curl_init(); //2、設定選項,包括URL curl_setopt($ch,
Time of Update: 2015-01-26
JavaScript入門篇之文件物件模型前言: 文件物件模型(Document Object Model,簡稱DOM),是W3C組織推薦的處理可擴充置標語言的標準編程介面。它是一種與平台和語言無關的應用程式介面(API),它可以動態地訪問程式和指令碼,更新其內容、結構和www文檔的風格(目前,HTMl和XML文檔是通過說明部分定義的)。
Time of Update: 2015-01-26
HTML DOM(學習筆記二),htmldom學習筆記嗯,在HTML DOM(學習筆記一)中簡單描述了一下HTML DOM 是什麼,這一篇將記錄下來有關HTML DOM的內容!1:DOM節點首先,再來看一下HTML DOM的樹狀結構,如所示:這就是我們要處理的HTML DOM 也就是一種HTML文檔的另一種表現的形式,更加接近我們的HTML文檔的表現形式的樣式是這樣的,如所示:在HTML DOM中,所有的事物都是節點。HTML DOM就是被視為節點樹的HTML。根據W3C的HTML DOM標準,
Time of Update: 2015-01-25
AngularJS文法詳解,angularjs詳解模板和資料的基本運作流程如下:使用者請求應用起始頁面使用者的瀏覽器向伺服器發起一次http串連,然後載入index.html頁面,這個頁麵包含了模板angular被載入到頁面中,等待頁面載入完成,尋找ng-app指令,用來定義模板的邊界angular遍曆模板,尋找指定和綁定關係,將觸發一些列動作:註冊監聽器、執行一些DOM操作、從伺服器擷取初始化資料。最後,應用將會啟動起來,並將模板轉換成DOM視圖串連到伺服器去載入需要展示給使用者的其他資料顯示
Time of Update: 2015-01-25
Javascript閉包用法執行個體分析,javascript執行個體分析本文執行個體分析了Javascript閉包的概念及用法。分享給大家供大家參考。具體如下:提到閉包,想必大家都早有耳聞,下面說下我的簡單理解。說實話平時工作中實際手動寫閉包的情境並不多,但是項目中用到的第三方架構和組件或多或少用到了閉包。所以,瞭解閉包是非常必要的。呵呵...一、什麼是閉包簡而言之,就是能夠讀取其他函數內部變數的函數。由於JS變數範圍的特性,外部不能訪問內部變數,內部可以外部變數。二、使用情境1.
Time of Update: 2015-01-25
Jquery動態替換div內容及動態展示的方法,jquerydiv本文執行個體講述了Jquery動態替換div內容及動態展示的方法。分享給大家供大家參考。具體分析如下:一、問題:項目中需要在後台拼接html然後在前台通過ajax展示到div中:複製代碼 代碼如下:sys_ajaxGet("/dynamic/default.do?method=show", {guid:guid},function(json){
Time of Update: 2015-01-25
使用angular寫一個hello world,angularhelloangularjs遵循MVC模式,慣例來一個hello world吧複製代碼 代碼如下:<html ng-app><head> <script type="text/javascript" src="angular.min.js"></script> <script
Time of Update: 2015-01-25
jquery實現點擊頁面計算點擊次數,jquery點擊次數代碼很簡單,這裡就不多廢話了,直接奉上:複製代碼 代碼如下:$(function(){ var w=0,tip=$("<b>"); tip.css({
Time of Update: 2015-01-25
Javascript 完美運動架構(逐行分析代碼,讓你輕鬆了運動的原理),javascript逐行大家一聽這名字就知道,有了這套架構 網上的效果基本都是可以實現的。實際上之前的運動架構還是有局限性的,就是不能讓好幾個值一塊運動。那這個問題怎麼解決呢? 我們先來看看之前的運動架構function getStyle(obj, name) { if (obj.currentStyle) { return obj.currentStyle[name]; } else { return
Time of Update: 2015-01-25
限制上傳檔案大小和格式的jQuery外掛程式執行個體,上傳檔案jquery本文執行個體講述了限制上傳檔案大小和格式的jQuery外掛程式。分享給大家供大家參考。具體分析如下:在用戶端上傳檔案,通常需要限制檔案的尺寸和格式,最常用的做法是使用某款外掛程式,一些成熟的外掛程式的確介面好看,且功能強大,但美中不足的是:有時候會碰到瀏覽器安全色問題。本篇就來寫一個"原生態"的jQuery外掛程式,使之能限制上傳檔案的大小和格式。首先,寫一個名稱為checkFileTypeAndSize.js的外掛程式。
Time of Update: 2015-01-25
使用jQuery實現input數值增量和減量的方法,jqueryinput本文執行個體講述了使用jQuery實現input數值增量和減量的方法。分享給大家供大家參考。具體分析如下:在很多電商網站中,在購物車所在頁面,涉及到商品數量的時候,都會提供一個+號按鈕和-號按鈕來實現增1和減1,並且只允許input中輸入數值。Bootstrap TouchSpin這款外掛程式就是針對此需求而寫。(Bootstrap
Time of Update: 2015-01-25
jQuery選取器querySelector的使用指南,jqueryselector簡介HTML5向Web API新引入了document.querySelector以及document.querySelectorAll兩個方法用來更方便地從DOM選取元素,功能類似於jQuery的選取器。這使得在編寫原生JavaScript代碼時方便了許多。用法兩個方法使用差不多的文法,都是接收一個字串參數,這個參數需要是合法的CSS選擇文法。複製代碼 代碼如下:element =
Time of Update: 2015-01-25
Javascript 拖拽的一些簡單的應用(逐行分析代碼,讓你輕鬆了拖拽的原理),javascript逐行今天我們來看看如何讓拖拽的物體不能拖出某個div之外和拖拽的吸附功能上次講到我們的拖拽是不可拖出可檢視區範圍的,在這基礎上我們加個父級的div,不讓他拖出父級。原理和之前的一樣,簡單吧。html代碼:<div id="div2"> <div id="div1"> </div>
Time of Update: 2015-01-25
jQuery統計上傳檔案大小的方法,jquery統計上傳檔案本文執行個體講述了jQuery統計上傳檔案大小的方法。分享給大家供大家參考。具體如下:對於現代瀏覽器(支援html5)來說,在用戶端統計上傳檔案的大小,可以通過$(selector)[0].files[0].size來實現。但在老版本的IE瀏覽器中,比如IE7,IE8或IE9,卻不支援這種做法,但可以藉助ActiveXObject對象來實現。複製代碼 代碼如下:<input type="file" name="f" id="f"
Time of Update: 2015-01-25
jQuery將所有被選中的checkbox某個屬性值串連成字串的方法,jquerycheckbox本文執行個體講述了jQuery將所有被選中的checkbox某個屬性值串連成字串的方法。分享給大家供大家參考。具體如下:需求:對於一組checkbox,當點擊每個checkbox後,把當前處於選中狀態的checkbox的某個屬性值取出來串連成字串,並以逗號分開。實現方法:html部分:複製代碼 代碼如下:<input type="checkbox" id="1"/><label
Time of Update: 2015-01-25
JavaScript事件委託用法分析,javascript事件用法本文執行個體講述了JavaScript事件委託用法。分享給大家供大家參考。具體分析如下:一、點擊頁面任何部分觸發事件建立一個script1.js檔案。複製代碼 代碼如下:(function() { eventUtility.addEvent(document, "click", function(evt) {
Time of Update: 2015-01-24
前端最佳化還可以這麼最佳化!,最佳化還最佳化! 做了將近兩年的前端工作,我也來總結總結一下在工作中學到的經驗 。 首先了,跟著我的思維一起走,使用者開啟網頁的這個動作,可以理解為 涉及到如下 兩個大項 瀏覽器 和服務端 。 我先談談伺服器端 , 可以看出 訪問頁面動作(用戶端) 在服務端拿HTTP