JavaScript

必備的JS調試技巧匯總，js調試匯總前言：任何一個編程者都少不了要去調試代碼，不管你是高手還是菜鳥，偵錯工具都是一項必不可少的工作。一般來說偵錯工具是在編寫代碼之後或測試期修改Bug

如何用JS判斷兩個數位大小，js判斷數字大小前言：在判斷之前我們要Crowdsourced Security Testing道，js中的var定義的變數預設是字串，如果單純的比較字串的話，會出現錯誤，需要先轉化為int類型在做比較。【備忘：110和18在你寫的程式中是18大的，因為 這兩個數都是字串，而1和1相等之後比較1和8，當然是8大，所以18大。你在比較之前轉換成INT型在比 。 if(parseInt(num2)>parseInt(num1))  】錯誤執行個體：<

picLazyLoad 實現圖片延時載入(包含背景圖片)，如下所示： /** * picLazyLoad 圖片延時載入，包含背景圖片 * $(img).picLazyLoad({...}) * data-original 預先載入圖片地址 * alon */;(function($){ $.fn.imgLazyLoad = function(settings){ var $this = $(this), _winScrollTop = 0,

41個Web開發人員必須收藏的JavaScript實用技巧，javascript實用技巧Web開發人員必須收藏的JavaScript實用技巧，供大家參考，具體內容如下1. 將徹底屏蔽滑鼠右鍵oncontextmenu=”window.event.returnValue=false”< table border oncontextmenu=return(false)>< td>no< /table> 可用於 Table2. 取消選取、防止複製< body

高效Web開發的10個jQuery程式碼片段，web開發jquery片段在過去的幾年中，jQuery一直是使用最為廣泛的JavaScript指令碼庫。今天我們將為各位Web開發人員提供10個最實用的jQuery程式碼片段，有需要的開發人員可以儲存起來。 1、檢測Internet Explorer版本 當涉及到CSS設計時，對開發人員和設計者而言Internet

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(

神秘的 shadow-dom 淺析，shadow-dom淺析說到 shadow-dom 可能很多人會很陌生。但是其實我們肯定碰到過，本文主要想簡單介紹下 shadow-dom。下面直接進入本文。 shadow-dom 是什麼顧名思義， shadow-dom，直譯的話就是 影子dom ？我覺得可以理解為潛藏在黑暗中的 DOM 結構，也就是我們無法直接控制操縱的 DOM 結構。前端同學經常用開發人員工具的話，查看 DOM

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

仿豆瓣分類標籤的實現，仿豆瓣標籤為了和文章分類部分的樣式進行區分，我決定自己動手寫一個具有其他樣式的分類標籤集。剛好看到豆瓣讀書板塊的首頁中的圖書分類標籤還不錯，於是決定自己寫一個類似的樣式。首先是HTML代碼部分：    <div class="col-md-4">    <h5 style="margin-top:0px;">   &nbs

如何合理最佳化WEB前端 高效提升WEB前端效能，web前端對前端開發工程師來說，前端效能最佳化的重要性是不言而喻的，最為大家所知的是YSLOW的23條最佳化規則，在我的理解中，效能最佳化不純粹是指使用者訪問網站的速度，也包括開發的效率，這裡我總結下我理解中的WEB前端效能最佳化。HTML部分CSS部分Javscript部分伺服器部分

js驗證真實姓名與社會安全號碼,手機號的簡單一實例，js真實姓名最近的項目中用的需要調用實名認證的介面，實名認證介面價格相比簡訊而言高了不是幾分錢，所以說調用實名認證的條件就要嚴格把關，因此用到js驗證真實姓名與js驗證社會安全號碼。進入正題1.js驗證真實姓名js驗證真實姓名，是用的unicode字元的來進行匹配，而中國人的姓名長度一般都是2-4，所以重複匹配{2,4}次 var regName =/^[\u4e00-\u9fa5]{2,4}$/; if(!regName.test(name)

完美實現八種js焦點輪播圖（下篇），八種js繼續上一篇的學習完美實現八種js焦點輪播圖（上篇），供大家參考，具體內容如下5.定時上下無縫滾動思路：1.思路1： 將ul複製一份，但滾動一半距離重新歸位；（大型網站效能略低）； 2.思路2： 通過相對定位,將第一個li移動到最後，再將ul和Li歸位。window.onload=function(){ var oBox=document.getElementById('box'); var

ECMAScript6快速入手攻略，ecmascript6入手簡介ECMAScript 6 是JavaScript的下一個標準，正處在快速開發之中，ECMAScript 6 的目標，是使得JavaScript可以用來編寫複雜的應用程式、函數庫和代碼的自動產生器（code generator）。最新的瀏覽器已經部分支援ECMAScript 6 的文法，ECMAScript 6 目前基本成為業界標準，它的普及速度比 ES5 要快很多，主要原因是現代瀏覽器對 ES6 的支援相當迅速，尤其是

jQuery EasyUI提交表單驗證，jqueryeasyuiEasyUI的form表單裡面的驗證框，先講解下validatebox類和相關的屬性。驗證規則驗證規則是通過使用 required 和 validType 特性來定義的， 這裡是已經實施的規則：email：匹配 email Regex規則，系統提供的屬性。url：匹配 URL Regex規則length[0,100]：允許從 x 到 y

CSS3關於background-size屬性，background-size     bachground-size屬性就是定義背景圖片的大小，其值有：auto , 像素值 , 百分比 , cover  ,  contain 。     background-size: auto，預設值，以圖片自身大小填充元素，根據元素大小來調節自身比例，不會讓圖片變形。     

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

Bootstrap表單配置樣式原始碼，bootstrap表單Bootstrap提供了三種表單布局：垂直表單，內聯表單和水平表單建立垂直或基本表單：•·向父 <form> 元素添加 role="form"。•·把標籤和控制項放在一個帶有 class .form-group 的 <div> 中。這是擷取最佳間距所必需的。•·向所有的文本元素 <input>、<textarea> 和 <select>

jQuery 3.0十大新特性，jquery3.0新特性jQuery 3.0在日前發布了最終的全新版本。從2014年10月，jQuery團隊對這個主要大版本進行維護開始，web開發人員社區便一直在期待著這一刻的到來，終於在2016年6月他們迎來了這一個最終版。通過jQuery 3.0的版本更新說明 ，我們看到了一個保持著向後相容的更輕便，更快速的jQuery。在本文中，我們將介紹一些令人眼前一亮的jQuery 3.0全新特性。開始前的說明如果你想要下載jQuery 3.0進行親自實驗，可以通過

針對BootStrap中tabs控制項的美化和完善(推薦)，bootstraptabsBootStrap中的tabs控制項以其簡單易用而很受廣大開發人員的歡迎。但是，它的樣式比較單一，如何才能在其原有的基礎上做出更加美觀的效果呢，我一直在考慮這個問題。另外，Bootstrap中的tabs必須要單擊每個選項卡才能實現切換，能否使用Jquery來控制其自動切換，讓它過一段時間（如5秒鐘）從一個選項卡切換到另一個呢？下面是我的實現過程，首先是tabs部分的html代碼：<div

Bootstrap Metronic完全響應式系統管理範本學習筆記，bootstrapmetronic學習使用Bootstrap Metronic完全響應式系統管理範本，具體內容如下1.簡介Bootstrap Metronic是一個基於Bootstrap 3.x的進階管理控制台主題。Bootstrap Metronic -