原创 前端開發知識結構

前端開發知識結構圖片的形式具有諸多的不便。缺失源圖的我們,無法爲此圖貢獻些什麼,隨着時間的遷移,或許有些技術點會發生改變,所以有了這個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