JavaScript

JS中常用Regex總結/* 用途：檢查輸入的Email信箱格式是否正確 輸入：strEmail：字串 返回：如果通過驗證返回true,否則返回false */ function checkEmail(strEmail) { //var emailReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/; var emailReg = /^[\w-]+(\

用JQuery仿造QQ頭像裁剪功能原理： 主要是通過css的clip來裁剪圖片可視地區，拖動剪裁視窗這裡使用了JQ-UI的draggable外掛程式（但是縮放沒有，貪方便可以使用Resizable外掛程式，但都用外掛程式的話就沒有研究的意義了）。 縮放功能原理其實很簡單，不外乎擷取剪裁框的offset()或position()，以及各容器寬高、滑鼠位置，然後做個大雜儈計算。 只能說咱做前端的必須要認真耐心地去做計算，雖然過程頗為麻煩，但絕對不是“做不出來

12個免費的 Twitter Bootstrap 後台模板，　　在互連網上提供很多免費的 Bootstrap 管理後台主題。所有你需要做的就是將它們下載並安裝它們，這真的不是什麼難事。問題是如何尋找到能夠完美符合您的網站需求的主題。當然，你可以自己製作自訂的主題，但時間和資源都是很高貴的，所以在這裡我們集合了互連網上一些最好的主題。 您可能感興趣的相關文章流行 Metro UI 風格 Bootstrap 主題和模板12款優秀的 Twitter Bootstrap 組件和工具贊！基於

jQuery on()方法綁定動態元素的點擊事件之前就一直受這個問題的困擾，在jQuery1.7版本之後添加了on方法，之前就瞭解過，其優越性高於live(),bind(),delegate()等方法，在此之前項目中想用這個來測試結果發現，居然動態產生的標籤點擊了沒反應，而live方法卻能夠支援，於是乎到處查資料，問網友，結果找了好久在一篇文章中終於找到了答案。。。 jQuery

超簡潔的jQuery內容滑動外掛程式 - Basic jQuery Slider摘要 內容滑動外掛程式能讓你在有限的空間中展示更多的內容，給力技術之前也推薦過好幾個這類外掛程式，今天要推薦的也是一個內容滑動外掛程式 - Basic jQuery Slider 。 Basic jQuery Slider 是一個輕量級的很簡潔的 jQuery

無限樹Jquery外掛程式zTree的常用功能特性總結 其實Ztree官網已經有詳細的API文檔，一切以官網上的說明為準,我在此只是結合實踐總結幾條常用的ztree的功能特性.（ztree的文法結構是基於key-value的形式配置）1：支援非同步載入資料文法配置：  1 async: { 2 enable:

js通過location.search來擷取頁面傳來的參數 　　這篇文章主要介紹了通過window.location.search來擷取頁面傳來的參數，經測試是OK的　　1function GetQueryString(name) {　　2var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)","i");　　3var r =

js操作cookie方法cookie，有時也用其複數形式Cookies，指某些網站為了辨別使用者身份、進行session跟蹤而儲存在使用者本地終端上的資料（通常經過加密）。定義於RFC2109和2965都已廢棄，最新取代的規範是RFC6265。 cookie的作用 伺服器可以利用Cookies包含資訊的任意性來篩選並經常性維護這些資訊，以判斷在HTTP傳輸中的狀態。Cookies最典型的應用是判定註冊使用者是否已

一個實用的圖片切換支援點擊切換和自動輪播，切換點擊輪播不經意間看到了以前寫的這個小東西，就貼上來了，支援點擊切換和自動輪播，供前端新手看看吧！代碼如下：<div class="scroll_div"><ul class="pic"><li><img src="img/pic_1.jpg" /></li><li><img src="img/pic_2.jpg" /></li><li><

【原】iphone6來了，我該做點什麼，iphone6來了北京時間2014年9月10日淩晨1點，蘋果公司正式發布其新一代產品 iPhone6，相信做webapp開發的同學對它時充滿了好奇和等待，也擔心它帶來各種坑爹，高清的解析度，升級的retina顯示屏，我們該如何做好適配呢？相比iPhone5，iPhone6擁有更高解析度的retina HD display，而iPhone6

jQuery 浮動導覽功能表適合購物商品類型的網站，jquery導覽功能表單頁面網頁內容較多，頁面長度較大，需要方便快速的在頁面的不同位置進行定位，所以浮動菜單逐漸流行了起來，如 男裝、女裝、美妝等。這種菜單功能分為兩部分：1、點擊功能表項目，網頁滾動到對應位置，可簡單通過錨點實現；2、滾動頁面的時候，功能表項目的選中狀態要跟著改變，這就需要監聽網頁的滾動事件並通過一點計算來實現了；計算 scrollTop 和 各個 div 的 offsetTop 的大小關係，判斷現在網頁顯示的位置在什麼地方，

JavaScript中判斷原生函數檢查function是否是原生代碼 　　我總是經常碰到需要檢查某個function是否是原生代碼的情況 —— 這是功能測試中一個很重要的內容: 函數是瀏覽器內建支援的,還是通過第三方類庫類比的。要檢測這一點,最簡單的辦法當然是判斷函數的 toString 方法返回的值啦。　　JavaScript代碼　　判斷函數是否是原生方法其實相當簡單:　　1// 判斷是否原生函數　　2function isNative(fn) {　　3//

使用typeof方法判斷undefined類型，typeofundefined有關js判斷undefined類型，使用typeof方法，typeof 返回的是字串,其中就有一個是undefined。js判斷undefined類型if (reValue== undefined){alert("undefined");}發現判斷不出來，最後查了下資料要用typeof方法：if (typeof(reValue) == "undefined"){ alert("undefined");}typeof

滑鼠懸浮停留三秒後自動顯示大圖js代碼，自動顯示js滑鼠懸浮停留三秒後顯示大圖，在網頁中還是比較實用的<style>*{margin:0;padding:0;list-style-type:none;}img,a{border:0;}.piccon{height:75px;margin:100px 0 0 50px;}.piccon li{float:left;padding:0 10px;}#preview{position:absolute;border:1px solid

CSS3

cursor 滑鼠樣式——屬性，cursor滑鼠樣式取值: [ [<uri> ,]* [ auto | crosshair | default | pointer | move | e-resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress ] ] | inherit[<uri> ,]*:

CSS開發規範，css開發摘要：　　無論多少人開發一個項目，規範是最初始也是最基本的，一個好的規範不僅讓代碼看起來完美也能夠解決衝突。下面是我在開發時使用的css規範基本規範：基本原則：模組化編寫實踐：命名注意事項：總結：　　在開發中養成一個好的習慣是非常重要的，每個開發人員都應該有自己的規範，希望通過此文對你以後的編碼有所改變。如果你有更好的建議，可以補充。誰有移動端網頁開發規範？下面是我從網上收集整理的wap2.0手機網站開發需要注意的7個問題：手機網頁編碼需要遵循什麼規範？遵循XHTML

[ExtJS5學習筆記]第十七節

NodeJS常用模組收集收集了NodeJS開發中常用的一些模組。MVC架構 - ExpressExpress 是輕量靈活的Nodejs Web應用程式框架，它可以快速地搭建網站。Express架構建立在Nodejs內建的Http模組上，並對Http模組再封裝，從而實際Web請求處理的功能。它支援多種前端模板，如Jade, EJS等。它是T.J大神的作品，不過已經交由其它團隊維護了。Koa是T.J大神的另外一個作品，號稱下一代NodeJS web架構。使用 koa 編寫 web

jQuery 1.6.4 RC1 發布jQuery 官方部落格寫道 jQuery 1.6.4. 將很快發布，需要大家的協助來找出其中存在的 bug，在下個月 1.7 版本發布前修複這些 bug 很重要。如果大家有時間的話，可以協助測試下 jQuery 1.6.4 RC1。 jQuery 1.6.4 RC1 中修複的 bug 有：1.Data 屬性分享一個最好用的UI前端架構！在 jQuery 1.6.4 之前，通過 ".data('imageXOffset')" 擷取 data