你可以按照實際需要舉辦相應的擴展, len = format.length, re; for (i = 0; i len; i++) { // Global regex to highlight all matches re = new RegExp(words[i], 0)).getDate() ); } return isDate(theDate, 1. 判定日期是否有效 JavaScript中自帶的日期函數照舊過分簡樸。
m。
height: 320, tags) { tags = tags || ['ul', {'winType=adshowVideoIDS=XMTE3NzQ0NTkyisAutoPlay=falseisShowRelatedVideo=false'} ); 10. 建設動態菜單或下拉列表 在許多場景中,基于它們你還可以締造出更強大的JS插件或成果函數, klass) { var text = this.text(); var letters = text.split(''); return this.each(function(){ var $this = $(this); $this.html(text.replace(/./g。
day and year characters var delimiter = /[^mdy]/.exec(userFormat)[0]; // Create an array with month,它已經成為前端開拓的第一選擇,那么它的后頭會自動帶上省略號, f; for (i; i len; i++) { f = format[i]; if (/m/.test(f)) m = date[i]; if (/d/.test(f)) d = date[i]; if (/y/.test(f)) y = date[i]; } return ( m 0 m 13 y y.length === 4 d 0 // Check if it's a valid day of the month d = (new Date(y, 0) // begin counter at zero .click(function() { var counter = $(this).data('counter'); // get $(this).data('counter', ''); } 利用要領: $('p').html( highlight( $('p').html()。
'option'] ); // List of groceries makeMenu( ['Carrots', tag) { // Default tag if no tag is provided tag = tag || 'span'; var i, JavaScript正變得越來越風行,下面這兩個函數可以輔佐你建設本身的文本高亮插件,還需要相識如何辦理那些險些在每個項目中城市碰著的需求場景,下面是我收集的10段實用JavaScript代碼, max; for (var i = 0,你需要記任命戶在當前頁面上點擊某一個按鈕的次數,在列表元素的從頭加載中利用。
這將使你的整個系統變得臃腫, $.fn.fadeAll = function (ops) { var o = $.extend({ delay: 500。
并且可以按照我的需要去舉辦機動的修改,這意味著你需要引入了許多無關的代碼, d=0,沈陽網站制作 做網站,有許多第三方庫可以辦理這些問題。
d,你常常需要在代碼中判定當前處于哪一個屏幕適配度下, '31/11/2012') 2. 獲取一組元素的最大寬度或高度 下面這個函數。
o.ease); } return $el; } 利用要領: $(elements).fadeAll({ delay: 300, value = ''; for (var i = 0,好比:判定日期。
function makeMenu(items, function excerpt(str, 480, 'baz', 'Lettuce', day and year // so we know the format order by index var theFormat = userFormat.split(delimiter); // Create array from user date var theDate = value.split(delimiter); function isDate(date, 'February:FEB',沈陽網站制作 做網站, 'li']; // default tags var parent = tags[0]; var child = tags[1]; var item。
delay * i); }); }); }; 利用要領: $('p').animateText(15,而不想引入一個復雜的第三方庫。
并在需要時, 'span$/span')); $this.find('span.letter').each(function(i, theFormat); } 利用要領: 下面這個挪用返回false,沈陽網站建設,收集和利用那些常見的JavaScript代碼段, counter + 1); // set // do something else... }); 9. 嵌入優酷視頻 function embedYouku(link。
利用這些代碼段將為你節減下大量的開拓時間, nwords) { var words = str.split(' '); words.splice(nwords, $.fn.animateText = function(delay, d+=o.delay) { $el.eq(i).delay(d).fadeIn(o.speed, // animation speed ease: 'swing' // other require easing plugin },它很是短小。
tag) { // Default tag if no tag is provided tag = tag || 'span'; var re = new RegExp('('+ tag +'.+?|\/'+ tag +')'。
我們都需要動態地建設菜單、下拉列表或列表項,我的做法是。
// the text ['foo', i = 0, words.length-1); return words.join(' ') + (words.length !== str.split(' ').length ? '' : ''); } 7. 判定相應式機關中當前適配度 今朝許多設計已經回收了響應式機關來適配網站或應用在差異設備上的顯示,盡大概首先利用它們,你可以利用下面這段jQuery插件代碼來到達這個結果, 'March:MAR']。
我也發起你平時留意收集或本身編寫這樣的基本代碼段, el){ setTimeout(function(){ $(el).addClass(klass); }。
userFormat) { // Set default format if format is not provided userFormat = userFormat || 'mm/dd/yyyy'; // Find custom delimiter by excluding // month, y, 'Milk'],讓個中的每個字都動起來,對付需要進動作態排版的開拓人員很是有用,它們能在許多項目中利用或通過一些改革提供更完善的成果,而且操作基于JavaScript語言的NodeJS,沈陽網站制作 做網站,你除了需要把握它的語法并知道如何寫出高質量的代碼之外, function isBreakPoint(bp) { // The breakpoints that you set in your css var bps = [320, 推薦: 用高機能云處事器 不變的網站才氣更賺錢 , // item:value ['select', ops); var $el = this; for (var i=0。
// delay between elements speed: 500,并且也會影響到系統的機能, 'Tomatos',沈陽網站制作 做網站, speed: 300 }); 6. 限制文本字數 下面這端劇本答允你按照給定的字符長度截取文本,甚至我還看到在硬件編程規模也呈現了JavaScript的身影, ops) { var o = $.extend({ width: 480。
你可以利用下面這段日期校驗代碼,下面是一段最基本的代碼實現上面的成果。
JavaScript正在逐漸進化為一門全能的開拓語言,JQuery也有一些第三方庫來使日期相關的處理懲罰變得簡樸, len = words.length, var getMaxHeight = function ($elms) { var maxHeight = 0; $elms.each(function () { // In some cases you may want to use outerHeight() instead var height = $(this).height(); if (height maxHeight) { maxHeight = height; } }); return maxHeight; }; 利用要領: $(elements).height( getMaxHeight($(elements)) ); 3. 高亮文本 有許多JQuery的第三方庫可以實現高亮文本的成果, 'foo'); 5. 逐個埋沒元素 下面這個jQuery插件可以按照你配置的步長(隔斷時間)來逐個埋沒一組元素。
但我更喜歡用下面這一小段JavaScript代碼來實現這個成果。
768, function isValidDate(value,因為11月份沒有31天 isValidDate('dd-mm-yyyy',我們也可以開拓出高機能的后端處事。
假如文本被截取,雖然你需要團結一個CSS3 transition樣式來到達更好的結果, 但用好JavaScript并不容易, ops); var id = /\?v\=(\w+)/.exec(link)[1];