Time of Update: 2014-07-06
js方法: 複製代碼 代碼如下: <script type="text/javascript"> window.onload=function(){ var userName="xiaoming"; alert(userName); } </script> 以下為jQuery方法,需要引用jQuery檔案。 複製代碼 代碼如下: <script type="text/javascript"> $(document).ready(function(){
Time of Update: 2014-07-06
1.簡介Seajs,一個Web模組載入架構,追求簡單、自然的代碼書寫和組織方式,:Sea.js 遵循 CMD 規範,模組化JS代碼。依賴的自動載入、配置的簡潔清晰,可以讓程式員更多地專註編碼。2.優缺點優點:1).提高可維護性。2).模組化編程。3).動態載入,前端效能最佳化缺點:1).學習文檔偏少且混亂,會更改團隊使用JS的編寫習慣,必須使用模組化編程。2).不太適合團隊目前的情況,多JS檔案但少改動,動態載入優勢和模組化優勢不明顯。3).
Time of Update: 2014-07-06
下載及安裝要在項目中使用SeaJS,你所有需要做的準備工作就是下載sea.js然後放到你項目的某個位置。SeaJS項目目前託管在GitHub上,首頁為 https://github.com/seajs/seajs/
Time of Update: 2014-07-06
以下為JS擷取幾種URL地址的方法複製代碼 代碼如下:thisURL = document.URL;thisHREF = document.location.href;thisSLoc = self.location.href;thisDLoc = document.location;thisTLoc = top.location.href;thisPLoc = parent.document.location;thisTHost =
Time of Update: 2014-07-06
jquery代碼:複製代碼 代碼如下:$(function(){$("#test").load("${contextPath}/notepad/toCreate.do");} 載入 ${contextPath}/notepad/toCreate.do 頁面到id為test的div中,載入完成之後,create頁面中的js不會執行這種方式沒辦法實現,換個思路:複製代碼 代碼如下:<div id="test"> <iframe
Time of Update: 2014-07-06
本例子使用json資料,拼接ul和li來實現的:1.準備json資料:複製代碼 代碼如下:var menuData = [
Time of Update: 2014-07-06
思路是利用jquery的mousemove,mousedown,mouseup三個事件,定義兩個相對位置,分別是 1、組件左上方與螢幕左上方的相對位置 2、滑鼠所在座標與組件左上方的相對位置。 具體函數如下: 複製代碼 代碼如下: .drag{ position:absolute; background:#0000CC; top:100px;left:200px; padding:0; } 複製代碼 代碼如下: $(document).ready(function(){ var
Time of Update: 2014-07-06
使用CSS樣式"position:fixed"可以使div塊固定在一個固定位置,即使有捲軸也不會改變其位置。position:fixed給很多開發人員帶來了驚豔的效果,然而當出現水平捲軸時,效果就不那麼容易接受了。有時候我們希望當出現水平捲軸時,div塊可以隨捲軸左右移動,實現垂直固定定位(fixed),水平相對定位(absolute)。本文提供一個解決方案,附jquery擴充源碼。
Time of Update: 2014-07-06
百度分享外掛程式<style> .userStyle{ width:100%; height:30px; display:block; } .userStyle span.bds_more{ background:url("/wap/images/rfhui1.jpg") no-repeat scroll 0 5px rgba(0, 0, 0, 0) !important; }</style><div
Time of Update: 2014-07-06
jquery的給元素繫結的事件可以用data方法取出來通過$(element).data("events")來擷取// 比如給一個button綁定兩個click事件$("button").click(function() { alert("1") });$("button").click(function() { alert("2") });// 這個時候點擊該button會分別彈出 2 和1的alert框// 取出該button的所有click事件,是個數組$("button").data('
Time of Update: 2014-07-06
Summary暫時我就想到3個方法而已。如果讀者想到其他好用方法,也可以交流一下parseInt位元運算符Math.floor Math.ceilDescription一、parseInt1. 執行個體parseInt("13nash");//13parseInt("")// NaNparseInt("0xA") //10(十六進位)parseInt(" 13")//13parseInt("070")//ES3為56(八進位)
Time of Update: 2014-07-06
今天的項目中遇到需要用javascript的escape編碼漢字再用unescape解碼的情況,測試程式碼片段的時候出現了亂碼的情況。具體情況如下:首先,用EditPlus開啟測試頁面test.html,編輯如下html代碼:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html
Time of Update: 2014-07-06
在下面的樣本中羅列了一組動畫,可以被應用到頁面切換過程中,創造出很有趣的導航效果。雖然有些效果都非常簡單,只是簡單的滑動動作,但另外的一些則是利用了視角(Perspective)和 3D 轉換(3D Transforms)來創造一些立體動感的效果。立即下載 線上示範 溫馨提示:為保證最佳的效果,請在 IE10+、Chrome、Firefox 和 Safari 等現代瀏覽器中瀏覽。 CSS 動畫根據它們的實現的效果分為不同的組。
Time of Update: 2014-07-05
使用 Sea.js 進行模組化開發還可以帶來很多好處:模組的版本管理。通過別名等配置,配合構建工具,可以比較輕鬆地實現模組的版本管理。提高可維護性。模組化可以讓每個檔案的職責單一,非常有利於代碼的維護。Sea.js 還提供了 nocache、debug 等外掛程式,擁有線上調試等功能,能比較明顯地提升效率。前端效能最佳化。Sea.js 通過非同步載入模組,這對頁面效能非常有益。Sea.js 還提供了 combo、flush
Time of Update: 2014-07-05
在下面給大家分享的行動裝置 App程式介面設計作品中,你可以看到不同創意類型的視覺效果。如果你想獲得靈感,那很有必要看看下面20個優秀使用者體驗的行動裝置 App UI 設計。想要擷取更多的靈感,可以訪問移動開發分類,裡面有很多行動裝置 App程式的 UI 設計,讓你驚歎。您可能感興趣的相關文章創意設計:摺疊效果在移動App中的應用45套新鮮出爐的精美 PSD 網頁設計素材分享15套免費的扁平化介面設計素材下載設計前沿:30款超級精美的iOS表徵圖欣賞40款 iPhone 和 iPad
Time of Update: 2014-07-04
一、前言
Time of Update: 2014-07-03
一、前言
Time of Update: 2014-07-02
跟我一起學extjs5(02--建立工程項目)我們先建立一個java Project,雖然現在開發跟java一點關係也沒有,我們也先塔建java的Web環境。1?進入eclipse,建立一個Dynamic Web Project 。,next >, next > ,Finish。至此完成java project 的建立。檔案目錄結構如下:, war
Time of Update: 2014-07-02
一、前言
Time of Update: 2014-07-02
跟我一起學extjs5(03--項目中檔案的載入過程)上一節中用sencha工具自動建立了一個項目,並且可以在瀏覽器中查看。現在我們來看看js類載入過程。如所示:vcD4KPHA+PC9wPgo8cHJlIGNsYXNzPQ=="brush:java;">1?首先:瀏覽器中輸入 localhost:1841 ,調用 index.html; app <script id="microloader" type="text/javascript"