Time of Update: 2016-07-29
如何用JS判斷兩個數位大小,js判斷數字大小前言:在判斷之前我們要Crowdsourced Security Testing道,js中的var定義的變數預設是字串,如果單純的比較字串的話,會出現錯誤,需要先轉化為int類型在做比較。【備忘:110和18在你寫的程式中是18大的,因為 這兩個數都是字串,而1和1相等之後比較1和8,當然是8大,所以18大。你在比較之前轉換成INT型在比 。 if(parseInt(num2)>parseInt(num1)) 】錯誤執行個體:<
Time of Update: 2016-07-29
41個Web開發人員必須收藏的JavaScript實用技巧,javascript實用技巧Web開發人員必須收藏的JavaScript實用技巧,供大家參考,具體內容如下1. 將徹底屏蔽滑鼠右鍵oncontextmenu=”window.event.returnValue=false”< table border oncontextmenu=return(false)>< td>no< /table> 可用於 Table2. 取消選取、防止複製< body
Time of Update: 2016-07-29
Select下拉框模糊查詢功能實現代碼,下拉框模糊查詢select下拉式清單方塊支援輸入模糊查詢功能,設計非常的人性化,下面小編給大家分享了關鍵代碼,大家根據自己的需求適當的添加修改,有任何問題歡迎給我反饋。關鍵代碼如下所示:<HTML> <HEAD> <META http-equiv='Content-Type' content='text/html; charset=gb2312'> <TITLE>可輸入的下拉框</TITLE> &
Time of Update: 2016-07-29
JavaScript中的Reflect對象詳解(ES6新特性),reflectes6Reflect介紹:Reflect這個對象在我的node(v4.4.3)中還沒有實現, babel(6.7.7)也沒有實現 ,新版本的chrome是支援的, ff比較早就支援Proxy和Reflect了,要讓node支援Reflect可以安裝harmony-reflect ;Reflect不是建構函式, 要使用的時候直接通過Reflect.method()調用, Reflect有的方法和Proxy差不多,
Time of Update: 2016-07-29
高效Web開發的10個jQuery程式碼片段,web開發jquery片段在過去的幾年中,jQuery一直是使用最為廣泛的JavaScript指令碼庫。今天我們將為各位Web開發人員提供10個最實用的jQuery程式碼片段,有需要的開發人員可以儲存起來。 1、檢測Internet Explorer版本 當涉及到CSS設計時,對開發人員和設計者而言Internet
Time of Update: 2016-07-29
jquery常用的12個小功能,jquery常用12功能jquery12個常用功能極好的,快來圍觀!返回頂部使用JQuery的animate和scrollTop方法可以建立簡單地返回頂部的動畫:// Back to top$('a.top').click(function (e) { e.preventDefault(); $(document.body).animate({scrollTop: 0}, 800);});HTML中得有一個按鈕:<!-- Create an anchor
Time of Update: 2016-07-29
js簡單實現調整網頁字型大小的方法,js調整網頁字型大小本文執行個體講述了js簡單實現調整網頁字型大小的方法。分享給大家供大家參考,具體如下://var tgs = new Array('div','td','tr');var tgs = new Array('td','tr');//Specify spectrum of different font sizes://var szs = new Array(
Time of Update: 2016-07-29
JS中的==運算: [''] == false —>true,jsfalse計算下面運算式的值:[''] == false首先,兩個運算元分別是物件類型、布爾類型。根據圖1,需要將布爾類型轉為數字類型,而false轉為數位結果是0,所以運算式變為:[''] ==
Time of Update: 2016-07-28
前端AI切圖技巧,AI圖技巧AI切圖需要配合PS,首先選中需要切片的圖層,然後拖動到PS的新圖層,然後在PS用切圖工具切圖。(原因AI的切圖不方便,沒有PS的切圖好用。)這裡的AI版本是cs6。PS:1.選中多個不同圖層。首先在AI右邊工具列找到“圖層”然後選擇需要切圖的圖層(按住“ctrl”點擊)最後拖到PS裡面的建立建圖層。 還有個問題,就是圖層關聯太多,無法拖動某些圖層,需要的圖層在上面,不需要的圖層在下面,解決方案就是先把不需圖片
Time of Update: 2016-07-28
神秘的 shadow-dom 淺析,shadow-dom淺析說到 shadow-dom 可能很多人會很陌生。但是其實我們肯定碰到過,本文主要想簡單介紹下 shadow-dom。下面直接進入本文。 shadow-dom 是什麼顧名思義, shadow-dom,直譯的話就是 影子dom ?我覺得可以理解為潛藏在黑暗中的 DOM 結構,也就是我們無法直接控制操縱的 DOM 結構。前端同學經常用開發人員工具的話,查看 DOM
Time of Update: 2016-07-26
JavaScript中ES6 Babel正確安裝過程,es6babel本文介紹Babel6.x的安裝過程~首先呢,可以使用Babel線上轉換 https://babeljs.io/repl/然後進入主題:安裝Babel(命令列環境,針對Babel6.x版本)1、首先安裝babel-cli(用於在終端使用babel) npm install -g babel-cli 2、然後安裝babel-preset-es2015外掛程式 npm install --save
Time of Update: 2016-07-28
web+ admin template,spa管理應用後台,easyui後台正式發布,templateeasyui示範地址:http://admintemplate.webplus.org.cn/v1.0 (2016/7/27)扁平化風格全屏支援後台管理不使用iframe,全ajax開發許可權管理商品管理整合ckeditor及ckfinder整合highcharts圖表外掛程式任何地方實現檔案的上傳或從圖片空間選擇檔案管理議程管理tabs支援瀏覽器的前進後退功能
Time of Update: 2016-07-28
仿豆瓣分類標籤的實現,仿豆瓣標籤為了和文章分類部分的樣式進行區分,我決定自己動手寫一個具有其他樣式的分類標籤集。剛好看到豆瓣讀書板塊的首頁中的圖書分類標籤還不錯,於是決定自己寫一個類似的樣式。首先是HTML代碼部分: <div class="col-md-4"> <h5 style="margin-top:0px;"> &nbs
Time of Update: 2016-07-26
如何合理最佳化WEB前端 高效提升WEB前端效能,web前端對前端開發工程師來說,前端效能最佳化的重要性是不言而喻的,最為大家所知的是YSLOW的23條最佳化規則,在我的理解中,效能最佳化不純粹是指使用者訪問網站的速度,也包括開發的效率,這裡我總結下我理解中的WEB前端效能最佳化。HTML部分CSS部分Javscript部分伺服器部分
Time of Update: 2016-07-26
js驗證真實姓名與社會安全號碼,手機號的簡單一實例,js真實姓名最近的項目中用的需要調用實名認證的介面,實名認證介面價格相比簡訊而言高了不是幾分錢,所以說調用實名認證的條件就要嚴格把關,因此用到js驗證真實姓名與js驗證社會安全號碼。進入正題1.js驗證真實姓名js驗證真實姓名,是用的unicode字元的來進行匹配,而中國人的姓名長度一般都是2-4,所以重複匹配{2,4}次 var regName =/^[\u4e00-\u9fa5]{2,4}$/; if(!regName.test(name)
Time of Update: 2016-07-26
淺析JavaScript中的array數群組類型系統,javascriptarray前面的話數組是一組按序排列的值,相對地,對象的屬性名稱是無序的。從本質上講,數組使用數字作為尋找鍵,而對象擁有使用者自訂的屬性名稱。javascript沒有真正的關聯陣列,但對象可用於實現關聯的功能Array()僅僅是一種特殊類型的Object(),也就是說,Array()執行個體基本上是擁有一些額外功能的Object()執行個體。數組可以儲存任何類型的值,這些值可以隨時更新或刪除,且數組的大小是動態調整的除了對
Time of Update: 2016-07-26
ECMAScript6快速入手攻略,ecmascript6入手簡介ECMAScript 6 是JavaScript的下一個標準,正處在快速開發之中,ECMAScript 6 的目標,是使得JavaScript可以用來編寫複雜的應用程式、函數庫和代碼的自動產生器(code generator)。最新的瀏覽器已經部分支援ECMAScript 6 的文法,ECMAScript 6 目前基本成為業界標準,它的普及速度比 ES5 要快很多,主要原因是現代瀏覽器對 ES6 的支援相當迅速,尤其是
Time of Update: 2016-07-24
CSS3關於background-size屬性,background-size bachground-size屬性就是定義背景圖片的大小,其值有:auto , 像素值 , 百分比 , cover , contain 。 background-size: auto,預設值,以圖片自身大小填充元素,根據元素大小來調節自身比例,不會讓圖片變形。
Time of Update: 2016-07-25
CSS3 彈性盒布局模型(轉),css3布局簡介引入彈性盒布局模型的目的是提供一種更加有效方式來對一個容器中的條目進行排列、 對齊和分配空白空間。即便容器中條目的尺寸未知或是動態變化的,彈性盒布局模型也能正常的工作。在該布局模型中,容器會根據布局的需要,調整其中包含的條 目的尺寸和順序來最好地填充所有可用的空間。當容器的尺寸由於螢幕大小或視窗尺寸發生變化時,其中包含的條目也會被動態地調整。比如當容器尺寸變大時,其
Time of Update: 2016-07-24
CSS3簡單的空調,CSS3簡單空調<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title></title><style>*{margin:0; padding:0;}.main{width:400px; height:340px; margin-top:150px; margin-left:150px;}.main