原创 CDN--前端性能優化

CDn http://www.bootcdn.cn/ jq  <script type="text/javascript" src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></s

原创 xss攻擊原理

轉自 http://www.freebuf.com/articles/web/40520.html 0×01 前言: 《xss攻擊手法》一開始在互聯網上資料並不多(都是現成的代碼,沒有從基礎的開始),直到刺的《白帽子講WEB安全》和cn4

原创 github生成個公鑰

1 如果沒有安裝ssh,那麼使用下面的指令 sudo apt-get install ssh 2 檢查SSH公鑰 cd ~/.ssh 看看存不存在.ssh,如果存在的話,掠過下一步;不存在的請看下一步 3 生成SSH公鑰 $

原创 html5media.js讓所有瀏覽器支持video標籤

How to enable <video> and <audio> tags in all major browsers To make HTML5 video and audio tags work in all major brow

原创 domReady方法

<!doctype html> <html> <head> <meta charset="utf-8"> <title>赤壁之戰</title> <meta http-equiv="

原创 nicescroll 漂亮的自定義滾動條插件

GITHUB地址 https://github.com/inuyaksa/jquery.nicescroll 放在 jquery 腳本標記後並且要在調用方法之前  <script src="jquery.nicescroll.js"></

原创 運動的兩種形式

1 基於位移版的緩衝運動, 存在問題,  1{} 裏面,運動變量有大有小時,運動效果體驗差  2縮小瀏覽器時,因爲定時器運動變得緩慢,所以打開,纔再次運動 function move(obj,

原创 用CANVAS畫個時鐘

<!doctype html> <html> <head> <meta charset="utf-8"> <title>html5實戰</title> <style>

原创 關於一些算法

1 先說下遞歸吧,有關 100 步梯級,每次走一到三步,求有多少走法? 一開始用枚舉,例如算出走了 3*33 +1,然後求出其排列組合,這樣搞得頭都大 下面是正確的思路,但問題是遞歸太多 <!DOCTYPE html> <html l

原创 js DOM節點

中英文術語對照 元素 element 對象 object 循環 loop 瀏覽器 broswer 您可以繼續參考 元素對象 element 屬性 Node.baseURINode.childNodesNode.firstChildNod

原创 JS算法*START尋找最短路徑

<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html> <html lang="en">

原创 git&&github

http://git.oschina.net/progit/   一個GIT的說明 在github COPY一個URL 在倉庫裏設置帳號密碼 git config 裏   url = https://username:xxxxxxx@gi

原创 canvas筆記1

canvas 默認大小爲 300*150 通過  width="400"  height="400" 可以改變大小 但是 通過STYLE來改變話,會有問題 {width:600px; height:300px} 的話,畫布還是由300*1

原创 圖片預覽JS

工作中,因爲遇到圖片上傳的功能,H5來實現很簡單,但要兼容,所以在別人的基礎上作修改,本人測試兼容IE6-9。 還有遇到CHANGE事件上傳成功後,不能再觸發的BUG,因爲原來 用<pre name="code" class="

原创 js label

在javascript中,我們可能很少會去用到 Label 語句,但是熟練的應用 Label 語句,尤其是在嵌套循環中熟練應用 break, continue 與 Label 可以精確的返回到你想要的程序的位置。 Label 語句,按書本