Time of Update: 2015-09-03
angularjs學習筆記—工具方法,angularjs學習筆記angular.bind(self, fn, args)作用:返回一個新的函數,綁定這個函數的this指向self 參數:self:新函數的內容物件fn:需要綁定的函數args:傳遞給函數的參數傳回值:this指向self的新函數var obj = { name: 'xxx', print: function (country) { console.log(this.name + ' is form ' +
Time of Update: 2015-09-03
jquery一些方法總結1、find()find() 方法獲得當前元素集合中每個元素的後代,通過選取器、jQuery 對象或元素來篩選。樣本:$(p).find(span).css('color','red');//搜尋所有p標籤中的後代 span 元素,並將其顏色設定為紅色2、html()html() 方法返回或設定被選元素的內容 【就相當於修改el.innerHTML】3、ajax$(document).ready(function(){$(#btn).on(
Time of Update: 2015-09-03
常見瀏覽器安全色問題、盒模型2種模式以及css
Time of Update: 2015-09-03
JavaScript常用標籤和方法總結,javascript總結什麼是javascript? (1) JavaScript是一種基於對象(Object)和事件驅動(Event Driven)並具有安全效能的 指令碼語言。 (2) JavaScript是由Netscape公司開發的一種指令碼語言,其編寫的程式可以嵌入到 HTML頁面中,並直接在瀏覽器中解釋執行。 (3)
Time of Update: 2015-09-03
前端工程師技能之photoshop巧用(從到雪碧圖)2——測量篇,photoshop雪碧【需要測量的資訊】 [1]尺寸資訊 -> 測量(矩形選框工具+資訊面板) [注意]測量時,畫布放得儘可能大 [a]寬度、高度 [b]內邊距、外邊距 [c]邊框 [d]定位 [e]文字大小 [f]行高 [g]背景圖位置 [2]顏色資訊 -> 取色(色彩選擇工具) [a]邊框色 [b]背景色 [c]文字色【實戰】【1】
Time of Update: 2015-09-03
js jquery擷取當前元素的兄弟級 上一個 下一個元素,jsjqueryvar chils= s.childNodes; //得到s的全部子節點var par=s.parentNode; //得到s的父節點var ns=s.nextSbiling; //獲得s的下一個兄弟節點var ps=s.previousSbiling; //得到s的上一個兄弟節點var fc=s.firstChild; //
Time of Update: 2015-09-03
javascript中函數範圍之”提升“javascript中函數範圍之變數提升 當我們在函數內部用關鍵字var聲明一個變數的時候,此變數的範圍限制在當前函數。提升:在一個範圍內部,不管一個變數用var聲明的位置在哪裡,這個變數屬於當前整個範圍,並且在當前範圍的任何位置都可以訪問它。在javascript中,這種行為/現象稱之為“提升”,即一個變數在一個範圍的任何位置用var聲明,javascript引擎都會把這些用var聲明的變數“移動&rdquo
Time of Update: 2015-09-03
基於JavaScript製作霓虹燈文字 代碼 特效,javascript霓虹燈樣本一:運行效果如下:具體代碼如下:http-equiv="Content-Type" content="text/html; charset=gb2312">霓虹燈var Tname="歡迎您的到來!";var Tlen=Tname.length;document.write(""+Tname+"");var col=new Array("#FFCC00","#3333FF","#FFCC00","#FF000
Time of Update: 2015-09-03
js實現具有高亮顯示效果的多級菜單代碼,js高亮顯示代碼本文執行個體講述了js實現具有高亮顯示效果的多級菜單代碼。分享給大家供大家參考。具體如下:這是一款具有高亮效果的菜單,菜單設計的也比較簡潔,滑鼠放在一級菜單上可以看到二級菜單的高亮效果,整體風格簡約大方,適用於一些比較“乾淨”沒有過多修飾的網站。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/js-blink-show-style-menu-codes/具體代碼如下:<!DOCTYPE
Time of Update: 2015-09-02
H5 input type="search" 不顯示搜尋 解決方案,h5input在IOS(ipad iPhone等)系統的瀏覽器裡開啟H5頁面。如下寫法:<input type="search" name="search” id="search"> 以上裝置的鍵盤仍然顯示“換行”。解決方案如下:在input外面嵌套一層form:<form action=""> <input
Time of Update: 2015-09-02
CSS的background-repeat屬性,background-repeatbackground-repeat屬性的定義和用法:設定或檢索對象的背景映像如何鋪排填充。必須先指定background-image屬性。 允許提供2個參數,如果提供全部2個參數,第1個用於橫向,第二個用於縱向。 如果只提供1個參數,則用於橫向和縱向。特殊值repeat-x和repeat-y除外,因為repeat-x相當於repeat
Time of Update: 2015-09-03
js+CSS實現類比華麗的select控制項下拉式功能表效果,cssselect本文執行個體講述了js+CSS實現類比select控制項的下拉式功能表效果。分享給大家供大家參考。具體如下:這是一個JS+CSS技術實現的Select控制項效果,類比出來的,比預設的Select更漂亮,有了這個模板,你修改Select就更方便了,由此你也可以將其製作成CSS下拉式功能表,在相容性方面暫未測試,在IE8下沒問題。運行效果如下:線上示範地址如下:http://demo.jb51.net/js/2015/j
Time of Update: 2015-09-02
js+CSS實現類比華麗的select控制項下拉式功能表效果,cssselect<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta
Time of Update: 2015-09-02
CSS設定div的最小高度和最小寬,CSS設定divCSS設定div的最小高度和最小寬度:所謂設定div的最小高度和寬度就是設定一個值,如果實際寬度或者高度小於此值時,就會將實際的寬度和高度值設定為規定的此最小值,下面就通過執行個體代碼簡單做一下介紹。如果在標準瀏覽器中,當然可以使用max-height或者max-width實現此效果,例如:max-width:50px;max-height:100px;以上代碼在標準瀏覽器中是沒有任何問題的,但是無奈IE6瀏覽器並不支援,因為當前還有為數不少的
Time of Update: 2015-09-02
border-width實現部落格園回複效果,border-width部落格一、發現前端渣哥逛部落格園,經常看到博文評論有這種如下這種效果:開始還以為是用圖片實現的,額...。像部落格園這種訪問量大的網站,能用js/css實現的就不會用圖片代替,果然,仔細一看,兩個span就能實現這個效果了。二、實現看到不會或者不清楚的,總想探個究竟,並把知識變成自己的。接下來就花點時間,實現這種效果。2.1 以span 設定 border-width:20px; 為例,這樣相當於一個 40*40
Time of Update: 2015-09-02
jquery中prop&attr之disabled問題因為之前遇到過checkBox中關於prop&attr的問題所以後來都比較慎用attr了,但是最近使用prop又遇到了一個問題,描述如下情境描述:只有勾選了協議轉出按鈕才能用,否則就是灰色禁用的狀態,這次用的事prZ喎?http://www.bkjia.com/kf/ware/vc/" target="_blank"
Time of Update: 2015-09-02
css:nth-of-type()選取器用法,nth-of-type選取器今天做一個頁面,無意中看到這個nth-of-type感覺挺方便的,之前單雙行有的有橫線,有的無橫線一般在html中單獨再寫border-right:none等之類的。現在發現這個好東西趕緊記錄下來。:nth-of-type(n) 選取器匹配屬於父元素的特定類型的第 N 個子項目的每個元素.n 可以是數字、關鍵詞或公式。.uninstall_form .uninstall_list_checkbox:nth-of-type(
Time of Update: 2015-09-02
AngularJS的digest迴圈和$apply最近在寫AngularJS,遇到一個問題,在Ajax非同步請求後台資料,然後將結果賦值給當前scope中某對象的屬性,在頁面中怎麼都取不到,然而在js端卻可以正常列印出來。分析原因:第一感覺是前端頁面綁定指令不對,導致不能正常顯示,然而變化各種指令都不能正常擷取,很是鬱悶;最後去掉Ajax,直接返回給頁面,結果卻是可以的,初步排除了與綁定指令相關。那問題出現在scope上了???結果查閱資料,終於得知,使用第三方架構(比如jQuery),或者調用
Time of Update: 2015-09-02
表單驗證js封裝表單驗證js封裝表單驗證在項目中可以說是必不可少的部分,只要有輸入就有表單驗證,從最簡單的驗證為不為空白,到複雜的驗證特殊字元,驗證是不是郵箱,電話等特殊字元。當然最基本的原理大家都知道,就是用Regex。但是多個文字框需要驗證,我們都要重複的調用寫好的一個又一個的驗證函式嗎?項目做了一段時間,開始重新整合自己的代碼,發現表單驗證這塊可以提出來,重新封裝一下。在網上參考了大家不同的封裝方法,都覺得不是自己想要的,於是就“自己動手,豐衣足食“自己仿照之前做m
Time of Update: 2015-09-02
JavaScript