Time of Update: 2016-06-19
Web程式員必備的7個JavaScript函數,程式員javascript數年前,只要我們編寫JavaScript,都必須用到幾個常用的函數,比如,addEventListener 和 attachEvent,並不是為了很超前的技術和功能,只是一些基本的任務,原因是各種瀏覽器之間的差異造成的。時間過去了這麼久,技術在不斷的進步,仍然有一些JavaScript函數是幾乎所有Web程式員必備的,或為了效能,或為了功能。防止高頻調用的debounce函數這個 debounce
Time of Update: 2016-06-19
你不需要jQuery(三) 新AJAX方法fetch(),jqueryfetchXMLHttpRequest來完成ajax有些老而過時了。fetch()能讓我們完成類似 XMLHttpRequest (XHR) 提供的ajax功能。它們之間的主要區別是,Fetch API 使用了 Promises,它讓介面更簡單、簡潔,避免了回調的複雜性,省去了使用複雜的 XMLHttpRequest API。如果你之前未使用過Promises,你應該先看看《JavaScript Promises
Time of Update: 2016-06-19
全面解析JavaScript中apply和call以及bind(推薦),全面解析apply函數調用方法在談論JavaScript中apply、call和bind這三兄弟之前,我想先說下,函數的調用方式有哪些:•作為函數•作為方法•作為建構函式•通過它們的call()和apply()方法間接調用前面的三種調用方法,我們都知道且不在這篇文章的討論範圍內,就不說了。下面我們來說說這第四種調用方法通過call()和apply()間接調用其實,我們可以將這兩
Time of Update: 2016-06-19
JavaScript仿flash遮罩動畫效果,javascript遮罩本文執行個體為大家分享了JavaScript仿flash遮罩動畫的具體實現代碼,供大家參考,具體內容如下<!DOCTYPE html><html><head><meta charset="utf-8"><title>仿flash遮罩動畫</title><meta name="keywords" content=""><meta name=
Time of Update: 2016-06-19
JS實現動態表格的添加,修改,刪除功能(推薦),js表格1. 首先在頁面中配置好一個表格架構<tr> <td>新增參數:</td> <td class="pn-fcontent"><input type="button" value="選擇" onclick="openAppParamsPage();"/></td> <td>參數列表:</td> <td class="pn-fcontent"&
Time of Update: 2016-06-17
Javascript簡寫條件陳述式(推薦),javascript簡寫經常在各處牛人的代碼中看到許多簡寫的條件表達語句,看了一些介紹這方面的文章,覺得3 ways 2 say if這篇文章(http://www.thomasfrank.se/3_ways_2_say_if.html)還不錯。在這篇文章中作者對傳統的if...else...、?:、&&/||三種條件表達的寫法的特點及用處進行了總結歸納,簡述如下:1. if...else結構// Set r to 0 or 1 var r=
Time of Update: 2016-06-17
Node.js Addons翻譯(C/C++擴充),node.jsaddonsPS:請先升級Node 6.2.1,Node 升級命令 npm install -g n;n
Time of Update: 2016-06-17
js實現當滑鼠移到表格上時顯示這一格全部內容的代碼,js全部內容想實現這樣一個功能,就是在一個表格中,由於很多字過多,所以用文字溢出的方法處理了,但是這樣就無法看到表格中具體的內容呢。想實現當滑鼠移上去的時候可以顯示這一行被隱藏的內容。當然這個網上有很多外掛程式,但是我沒有用,還是自己寫了一個。css部分<style> #showbox { width: 150px; min-height: 50px; font: 100 14px/1
Time of Update: 2016-06-12
JS小數運算出現多為小數問題的解決方案,js小數寫在前面的話:今天幫同事解決了一個問題,就是小數相乘出現很多位小數的問題;這個問題自己以前也遇到過,現在特意來總結一下;Number類型:Number類型是ECMAScript中最常用和最令人關注的類型了;這種類型使用IEEE754格式來表示整數和浮點數值(浮點數值在某些語言中也被成為雙精確度數值),為支援各種資料類型,ECMA-262定義了不同的數值面量格式。十進位:var intNum=10; //整數八進位:var octalNum1=070
Time of Update: 2016-06-12
jquery中取消和綁定hover事件的實現代碼,jqueryhover在網頁設計中,我們經常使用jquery去響應滑鼠的hover事件,和mouseover和mouseout事件有相同的效果,但是這其中其中如何使用bind去綁定hover方法呢?如何用unbind取消綁定的事件呢?一、如何綁定hover事件先看以下代碼,假設我們給a標籤綁定一個click和hover事件:$(document).ready(function(){ $('a').bind({ hover:
Time of Update: 2016-06-12
Javascript小技能總結(推薦),javascript技能廢話不多說,直接上乾貨。。具體代碼如下所示:/*@@截取字串長度,漢字算2個字元@@return [string]+'...'*/var subString = function(str, len) {var newLength = 0;var newStr = "";var chineseRegex = /[^\x00-\xff]/g;var singleChar = "";var strLength = str.replace(
Time of Update: 2016-06-12
JavaScript對Json的增刪改屬性詳解,javascriptjson使用JS對Json資料的處理,項目遇到需要對Json資料進行相關操作,比如增刪改操作,本以為會比較難,網上搜尋下,發現還是比較簡單的,貼一段代碼:<script type="text/javascript"> var json = { "age":24, "name":"cst" }; //修改Json中的age值,因為Json中存在age屬性 json["age"
Time of Update: 2016-06-12
JS Array建立及concat()split()slice()的使用方法,concatsliceJS Array建立及concat()split()slice()的使用方法1 var a = new Array();2 var b=new Array(20);3 var c= new Array("red","green","white");alert(b.length) //20數組可以根據需要增大或減小。因此,c[3] = "purple";alert(c.length)
Time of Update: 2016-06-12
Js類的靜態方法與執行個體方法區分及jQuery拓展的兩種方法,jsjquery上學時C#老師講到對象有兩類方法,靜態方法(Static)和執行個體方法(非Static),當時不理解靜態是為何意,只是強記。後來從事了前端的工作,一直在對類(即對象,Js中嚴格來說沒有類的定義,雖眾所周知,這裡還是贅述一番,以免產生歧義)的操作上,嚴重缺乏整體概念,最近看extetnd中再次提到拓展靜態方法與執行個體方法,故而再次百度,才幡然領悟,其實一直有用,只是不知其專業術語呀,哈哈~靜態方法,屬於類的方法,即
Time of Update: 2016-06-12
設定jQueryUI DatePicker預設語言為中文,jqueryuidatepickerdatepicker控制項預設是英文的,可以在構造datepicker時通過monthNames、dayNames屬性來指定月、日的中文顯示值,但是每次使用是都配置這些屬性不免太麻煩了,可以增加一個js檔案將中文配置都放在裡面,每次使用直接引用即可,這裡放在jquery.ui.datepicker-zh-CN.js中,內容如下:複製代碼 代碼如下:jQuery(function($){
Time of Update: 2016-06-12
javacript擷取當前螢幕大小,javacript擷取當前在使用html5在android下做開發的時候,要擷取螢幕實際的大小,直接上代碼,可以通過如下代碼測試。複製代碼 代碼如下:<html><script>function a(){document.write("螢幕解析度為:"+screen.width+"*"+screen.height+"<br
Time of Update: 2016-06-11
bootstrap 教程分享,bootstrap分享Bootstrap 教程Bootstrap 簡介Bootstrap 環境安裝Bootstrap CSS 概覽Bootstrap 網格系統Bootstrap 排版Bootstrap 代碼Bootstrap 表格Bootstrap 表單Bootstrap 按鈕Bootstrap 圖片Bootstrap 輔助類Bootstrap 響應式工具 + 生產力Bootstrap 字型表徵圖Bootstrap 下拉式功能表Bootstrap
Time of Update: 2016-06-12
JavaScript 數組中最大最小值,javascript數組現在擷取數組中最大最小值用的越來越多了,於是乎我編了個方法供大家使用。代碼如下,若有問題可以與我聯絡,咱們一起學習一起進步。我們來看下樣本一:var numReg = /^-?[0-9]+.?[0-9]*$/Array.prototype.min = function() { return this.reduce(function(preValue, curValue,index,array) { if (
Time of Update: 2016-06-10
移動端開發的一些技巧,移動端開發技巧開篇語最近接手了一個移動端的項目。個人感覺是自己做得比較快而且比較健壯的一個。。。移動端最主要就是頁面要適用不同的手機螢幕,ipad等。下面就分享一些技巧,讓你不依賴任何架構高效地搭建自己的項目。一、樣式按組件或板塊分檔案寫再合成①設定各種變數採用scss或者less來寫css代碼有很多好處。這裡就不詳細說。我們拿到設計圖的第一步,就是要分析各個頁面之間有哪些模組、哪些樣式、哪些顏色是一樣的。一般情況下,為了各個頁面的風格統一,各個頁面上的主顏色應該都是一致的
Time of Update: 2016-06-11
跨域訪問JSONP