Time of Update: 2016-08-18
laydate時間組件在Firefox瀏覽器下有多時間輸入框時只能給第一個輸入框賦值的問題,laydate多時間遇到的問題: laydate時間組件在Firefox瀏覽器下有多時間輸入框時只能給第一個輸入框賦值的問題(safari下也有同樣問題);解決辦法: 給laydate綁定id; 解決前代碼:1 <input id="startTime" placeholder="請輸入開始時間" class="laydate-icon"2
Time of Update: 2016-08-18
CSS3---2D變換,css3變換transform transition-origin:設定對象中變換所參照的原點 none:無變換 translate(<length>[,<length>]):指定對象的2D
Time of Update: 2016-08-18
css特效之openbox,cssopenbox話不多說,先上效果,當吧滑鼠移動上去就會產生開啟盒子的動畫 代碼如下:<!DOCTYPE html><html><head><title>open_box</title><style>#zong{margin:100px
Time of Update: 2016-08-18
CSS重要屬性之float學習心得,cssfloat學習心得1 float:none;2 float:left;3 float:right;4 float:inherit;比較常用的兩個屬性值是左浮動和右浮動。在接下來的分享中,只會拿左浮動作為例子。其他浮動屬性值與左浮動原理相同。2.1:float之文字環繞效果浮動的初衷就是為了文字環繞效果。看如下代碼和demo。1 <div class="container">2 <div
Time of Update: 2016-08-15
CSS(四):背景+變形,css背景變形background-origin設定元素背景圖片的原始起始位置。必須保證背景是background-repeat為no-repeat此屬性才會生效。可取值有 border-box | padding-box | content-boxborder-box:設定背景圖片原點在邊框的最左上方1 .img{2 background-image:url(1.jpg);3 background-repeat:no-repeat;4
Time of Update: 2016-08-18
Web前端開發工具總結,Web開發工具總結前端開發工具:web前端開發乃及其它的相關開發,推薦sublime text, webstorm(jetbrains公司系列產品)這兩個的原因在於,有個技術叫emmet, http://docs.emmet.io,而這兩個對他的支援是:sublime text
Time of Update: 2016-08-15
html的常用標籤,html常用標籤寫在前面本人才是開始學習前端的菜鳥有很多不懂的忘大神指點html全名Hyper TextMarkup Language 下面說說常用的到的html的元素標籤 h1 h2 h3 h4 h5 h6 6級的標題標籤ul 無序列表標籤 子項目用 liol 有序列表標籤 子項目用 li a 超連結標籤 href 中間加串連地址p 大段文字用標籤pre 根據在代碼對應顯示用的標籤span 跨越多個字元用的標籤 突出某些字元img
Time of Update: 2016-08-13
【css面試題】三個DIV要求水平對齊,左右兩個DIV寬度固定為100px,中間那個DIV充滿剩餘的寬度(至少2種方法),div100px這是我在一家公司面試時遇到的問題,當時沒有答上來!! 所以看到的小夥伴一定要注意了!! 變化瀏覽器寬度可看到效果:左右中 然後我們來看看代碼:第一種方法:(浮動)<style type="text/css"> .left,.right,.center{ border:1px
Time of Update: 2016-08-15
CSS常用樣式(三),css樣式一、2D變換 1、transform 設定或檢索對象的轉換 取值: none::以一個含六值的(a,b,c,d,e,f)變換矩陣的形式指定一個2D變換,相當於直接應用一個[a,b,c,d,e,f]變換矩陣 translate(<length>[, <length>])。第一個參數對應X軸,第二個參數對應Y軸。如果第二個參數未提供,則預設值為0。
Time of Update: 2016-08-12
WebSocket+node.js建立即時通訊的Web聊天伺服器,websocketnode.js本文執行個體node.js建立即時通訊的Web聊天伺服器,供大家參考,具體內容如下1.使用nodejs-websocket nodejs-websocket是基於node.js編寫的一個後端實現websocket協議的庫, 串連:https://github.com/sitegui/nodejs-websocket。 (1)安裝 在項目目錄下通過npm安裝:n
Time of Update: 2016-08-12
jQuery.ajax 跨域請求webapi設定headers的解決方案,jquery.ajaxwebapi解決跨域調用服務並設定headers 主要的解決方案需要通過伺服器端設定回應標頭、正確響應options請求,正確設定 JavaScript端需要設定的headers資訊 方能實現。1.第一步
Time of Update: 2016-08-12
14 個折磨人的 JavaScript 面試題,折磨javascript翻到了這篇解釋Javascript quiz的文章quiz-legend,反正沒事兒,就想搬過來供大家學習、理解、背誦、批判。問題一 (function(){ return typeof arguments;//"object"})();
Time of Update: 2016-08-12
js中遍曆Map對象的簡單一實例,jsmap對象執行個體執行個體如下:console.log(jsonData);//Firefox控制台列印輸出: Object { fileNumber="檔案編號", fileName="檔案名稱"}for(var key in jsonData) console.log("屬性:" + key + ",值:"+ jsonData[key]);}列印輸出:屬性:fileNumber, 值:檔案編號屬性:fileName,
Time of Update: 2016-08-12
jQuery實現滑鼠經過像翻頁和描點連結效果,jquery翻頁在百度地圖api首頁經常見到當滑鼠經過像翻頁和描點連結效果,基於jquery和js代碼是如何?的呢?下面小編給大家分享關鍵代碼,一起看下吧!var timer;$("li").on("mouseover",function(){clearTimeout(timer);timer=null;$(this).addClass("active");$(this).siblings().removeClass("active");var
Time of Update: 2016-08-12
輪播圖組件js代碼,組件js代碼本文執行個體為大家分享了JavaScript輪播圖組件代碼,供大家參考,具體內容如下//輪播圖組件function Rolling(o) { this.index = ++o.index || 1; //當前滾動的位置,當index大於可輪播的次數listLength或者等於0,為不可滾動狀態 this.num = o.num || 1; //預設滾動一個列表 this.obj = o.obj || null; //要輪播的對象ul this.perObj =
Time of Update: 2016-08-12
一個超簡單的jQuery回呼函數例子(分享),jquery回呼函數jQuery回呼函數簡單使用比如說,我們想要點擊某個按鈕後觸發事件,先把一些指定內容給隱藏掉,然後跳出相關資訊的對話方塊。如果使用普通的方法,不用回呼函數的話,會有怎麼樣的效果呢?效果是先彈出對話方塊再隱藏內容,然後再隱藏指定內容。這顯然不是我們想要的效果,如果使用回呼函數,就可以解決這個問題。當然,回呼函數功能遠不只這麼簡單……具體的代碼如下:<%@ page language="java"
Time of Update: 2016-08-12
js實現常用排序演算法,js排序演算法本文為大家分享了js實現常用排序演算法,具體內容如下1.冒泡排序 var bubbleSort = function (arr) { var flag = true; var len = arr.length; for (var i = 0; i < len - 1; i++) { flag = true; for (var j = 0; j < len - 1 - i; j++) { if (arr[j] > arr[j + 1]
Time of Update: 2016-08-12
引用jquery架構後出錯的解決方案,jquery架構問題描述:當引用了jquery架構後,頁面的js不能正常工作。後面我的解決辦法:是因為在引用 jquery的架構時的代碼為<script type="text/javascript" src="resources/js/jquery/jquery-1.9.1.min.js" /> 改為如下的引用方式<script type="text/javascript"
Time of Update: 2016-08-12
完美解決jQuery符號$與其他javascript 庫、架構衝突的問題,jqueryjavascript目前有大量的 javascript 開發架構,其中有一部分使用 $ 作為調用符號,這可能導致相互之間的衝突,而 jQuery 為解決這個問題,可以在 jQuery 匯入時放棄 $ 使用權,屆時 $ 則由其它架構使用,這樣可以避免相同名字的函數調用不再衝突。jQuery 使用 noConflict 方法來放棄 $ 調用時的命名,之後由 jQuery 代替 $ 進行編寫。例如:alert($('
Time of Update: 2016-08-11
css核心基礎總結篇,css核心總結今日這篇是整合前面的css補充知識的。我覺得前面的關於css的知識補充進去有點亂,今日整理整理一下。層疊樣式表層疊是什麼意思?為什麼這個詞如此重要,以至於要出現在它的名稱裡。層疊可以簡單地理解為衝突的解決方案。什麼是衝突?就是同個元素在使用不同的選取器選擇中後添加相同的樣式。優先順序規則可以表述為行內樣式>ID樣式>類別樣式>標記樣式在複雜的頁面中,某一個元素有可能會從很多地方擷取樣式,例如一個網站的某一級標題整體設定為使用綠色,而對某個特殊