原创 fiddler替換服務器上文件進行本地調試

在我們前端開發的日常工作中,發現服務器上某個css/javascript文件有問題,需要修改,那真是家常便飯。通常,我們需要將文件進行修改,然後重新發布再驗證,這樣就很容易影響到生產環境的穩定性。更普遍的做法是,我們在開發環境中修改文件

原创 前端禁止多次重複提交表單

表單形式: <form action="/項目應用名/servlet/RegestServlet" mothod="post">  用戶名:<input type="text" name="username">  <input type

原创 bug總結-ie7下兩列布局,右側不能設置width100%

<div style="background:#222;width:100px;height:100px;float:left;"></div> <div style="background:#999;width:100%;height:

原创 預防XSS

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXkAAACwCAYAAADqkx71AAAgAElEQVR4Ae1du24bybbd5+L+hyifGZxjJ9If0IY

原创 插件規範定義

/* * Support for AMD, CMD */ ;(function( window, document, undefined ) { (function( factory ) { "use strict";

原创 前端若干模板介紹對比

“模板”這個詞,可能很多人第一印象是後端的技術(Smarty,Velocity等),但本文要講的卻不是後端的概念,而是前端開發中所使用到的一種技術,也就是“前端模板”技術。 模板的工作原理可以簡單地分成兩個步驟:模板解析(翻譯)和數據渲染

原创 js獲取隨機顏色

 收集一個函數:獲取隨機顏色值 function getRandomColor(){ return "#"+("00000"+((Math.random()*16777215+0.5)>>0).toString(16)).slice(

原创 less用法介紹

less的語法在此就不錯介紹了,參考官網  http://www.lesscss.net/ less的強大主要是可以簡化前端css開發流程,前端開發更加的便捷,模塊劃分可以更加的細緻,最後壓縮所有需要的less文件即可 首先需要安裝

原创 倒計時

var remainTime = Date.parse('2016/01/01'); var minites = 1000 * 60; var hours = minites * 60; var days

原创 獲取鼠標座標

function mousePos(e){ var x,y; var e = e||window.event; return { x:e.clientX+document.body.scrollLe

原创 javascript之Array

1. concat  鏈接兩個或者多個數組,並返回數組結果。     參數可以是各種類型的,即:數字、字符串、function、Eegexp等,但是返回的絕對是一個一維數組,並且用來鏈接的數組不會變; 2. pop 數組末尾刪除一項,並且

原创 數字轉換爲二進制

function get2bin(num){ var bin = ""; while (num > 0) { if (num%2 != 0) { bin

原创 原生js實現class的添加和刪除

function hasClass( elements,cName ){ return !!elements.className.match( new RegExp( "(\\s|^)" + cName + "(\\s|$)"

原创 瀏覽器檢測IE(6、7、8、9、10)、chrome、ff、opera、safari、iOS、android

var d = {}; d.haspointerlock = "pointerLockElement" in document || "mozPointerLockElement" in document || "w

原创 hashchange實現ajax無刷新回退

hashchange,一提hash前端GG、MM們都不稀奇,但是hashchange就鮮有人知了 在一次面試過程中面試官問道這麼樣實現ajax回退,這個問題當時悶了,下面附上具體代碼,以備後用: <div id="nihao">