原创 前端開發知識結構
前端開發知識結構圖片的形式具有諸多的不便。缺失源圖的我們,無法爲此圖貢獻些什麼,隨着時間的遷移,或許有些技術點會發生改變,所以有了這個GitHub項目。我們可以通過協作的方式來共同維護這個項目。Git的歷史記錄也可以見證前端行業的一些變遷。
原创 我的友情鏈接
51CTO博客開發Linux_十年
原创 前端開發知識結構
前端開發知識結構圖片的形式具有諸多的不便。缺失源圖的我們,無法爲此圖貢獻些什麼,隨着時間的遷移,或許有些技術點會發生改變,所以有了這個GitHub項目。我們可以通過協作的方式來共同維護這個項目。Git的歷史記錄也可以見證前端行業的一些變遷。
原创 javascript判斷是否手機設備+滑動事件
//判斷是否手機端 var isMobile = false; try { //手機端 document.createEvent("TouchEvent"); isMobile = true; } catch
原创 div的水平、垂直同居中(多種方法)
css div的水平、垂直同時居中創建頁面佈局的時候,會遇到只是用純粹的css控制div的垂直和水平居中。有很多種方法可以實現這種效果,這裏列出我喜歡的。首先是最基本的,css控制div水平居中創建一個div的水平居中很簡單,只需要設定寬度
原创 JQuery小技巧(實例)
1、檢測鼠標左鍵右鍵$(document).ready(function(){ $("#xy").mousedown(function(e){ alert(e.which) //1=左鍵 2=中鍵 3= 右鍵 })
原创 CSS田字佈局
<style type="text/css"> *{ margin:0; padding:0; list-style:none; } .nav{ max-width:960px; overflow:hidden; margin:0 auto
原创 javascript 防止複製+禁止右鍵
function iEsc() { return false; }function iRec() { return true; }function DisableKeys() { if (event.ctrlKey || event.
原创 Jquery遍歷元素是否存在
說明:以下代碼作用是爲了一直掃描網頁中是否存在所查找的元素,一直遍歷循環查找! $(function () { jQuery.fn.wait = function (func, times, interval) {
原创 Jquery 通配選擇符
今天逛Q羣遇到一個網友請教問題:問題如下,他需要在查找ID爲sch開頭的元素中分別查找出各自包含sub001的數量,如:ID:sch002、sch033 DIv元素等等後面的數字是隨機的,裏面都會包含sub001元素,數量不一;一開始網友是
原创 CSS透明度(兼容所有瀏覽器)
Css代碼 :.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5
原创 HTML的TextArea標記跟隨文本內容自動設置高度
<script type="text/javascript"> function get_text_rows(text) { return text.split("\n").length; } $(docum
原创 javascript 禁止鼠標滾動
function disabledMouseWheel() { if (document.addEventListener) { document.addEventListener('DOMMouseSc
原创 判斷是否chrome瀏覽器
var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[
原创 事件捕獲/事件冒泡
事件捕獲:Outer -> inner, 事件冒泡:Inner -> Outer;一個事件的的發生,先後經歷事件捕獲、事件冒泡兩個階段,形成一個閉合的事件傳遞鏈,即document -> ..->target DOM -> ... -> d