原创 js實現繼承
js繼承有5種實現方式：1、繼承第一種方式：對象冒充 function Parent(username){ this.username = username; this.hello = function(){ al
2018-08-23 21:13:10
2
原创 Canvas繪圖
Canvas繪圖做爲H5的神奇而又高大上的之一存在，它給超文本標記語言的世界裝扮了千萬縷的色彩~_~，那麼下面就來從繪製環境，繪製圖像，繪製文本等方面來深入瞭解它吧。 1.繪圖環境 在繪製之前，先需要在使用canvas元素，來指定繪圖區域
2018-08-23 21:13:08
原创 js-事件代理
JS - 事件代理 如果你想給網頁添加點JavaScript的交互性，也許你已經聽過JavaScript的事件代理（event delegation），並且覺得這是那些發燒友級別的JavaScript程序員纔會關心的什麼費
2018-08-23 21:13:07
原创 遇到的兼容性能問題
溫故而知新是一種傳統下來的好習慣，總結就是溫故的一種沉澱的方式，所以，我就來總結一下這兩天出現的的兼容性問題吧 1.前綴 第一種就是css中經常見的需要加前綴可以兼容各瀏覽器的樣式，比如說transform,animation,gradi
2018-08-23 21:13:07
原创 滑動門效果
滑動門特效和手風琴效果有些相似，來實現一下這個效果吧，先介紹一下這個效果中涉及的需要了解的知識點。 1< 堆疊 方法：滑動門效果中，有堆疊效果佈局，一說到堆疊佈局，腦中馬上蹦出來的兩個方法，一個是z-index,另一個就是定位。 實現：
2018-08-23 21:13:06
原创 隱藏div的幾種常見方法
面試的時候被問了有幾種方法實現讓一個div隱藏，被面的時候腦子一片空白，現在稍微冷靜地研究了一番，也算是小技巧，來總結一下吧! 1.display:none; 2.visibility:hidden; 3.background-co
2018-08-23 21:13:06
原创 canvas繪製2048遊戲的背景
最近癡迷於canvas強大的畫圖功能，從一個五角星到一片星空，再到2048遊戲的背景，這個繪圖功能的確很是牛，但是需要些初中數學的基礎，比如說今天涉及到的圓角矩形就需要了解三角函數，弧度和角度的轉化諸如這樣的知識，如果忘了，快去悄悄地補補
2018-08-23 21:13:06
原创 js對象創建
我們學過的面嚮對象語言有一個標誌，它就是類，在ECMAScript中沒有類的概念，但這並不影響，類就相當於無序屬性的集合，在這裏我們可以將ECMAScript中的對象想象成散列表。js中的面向對象程序設計中的創建對象部
2018-08-23 21:13:06
原创 border製作帶箭頭的提示框等好看的效果
<span style="font-family: Arial, Helvetica, sans-serif;"> </span><span style="font-family: Arial, Helvetica, sans-
2018-08-23 21:13:03
原创 js中的this
編程語言中的this一直是變化莫測，讓人捉摸不定，最後就被困住，淪陷了.....多麼痛的領悟啊可是我們還是無法避開它，好吧，那就讓我們把它細細地分析一番(知己知彼)吧。 全局作用域，在瀏覽器中，window既是通過Javascript訪問
2018-08-23 21:13:03
原创 js中易混淆知識點
1.nodeType，nodeValue，nodeName nodeType用來返回節點類型，爲了兼容IE，最好將nodeTyep屬性與數字值進行比較，比較常用的節點判斷見下表 1 元素節點
2018-08-23 21:13:03
原创 前端模塊化
前端中有幾個需要深入理解的重要知識點，比如語義化，模塊化，作用域，原型鏈，繼承和麪向對象等問題，今天我們先來整理下前端模塊化問題。模塊化是爲了將實現特定功能的代碼文件封裝在一起，有了模塊可以更方便地使用別人的代碼，需要什麼功能，加載什麼模
2018-08-23 21:13:02
原创 拖放事件原理及實現詳解
移動端現在正是發展高潮期，一說到移動端就會想到的前端技術就是H5啦，它就像一種時尚潮流，now是它的主場，就任性地帶着移動端頭也不回地走向最高峯~ 最近再寫一個簡單的圖片拖拽上傳，所以就給大家說下這個拖拽。 先分析一哈拖拽整個過程，方便大
2018-08-23 21:13:02
原创 css3盒佈局
自適應佈局這些在css3還麼有出現的時候需要用比較複雜的代碼來實現，然而現在用兩行代碼就可以輕鬆搞定，是不是棒棒！ css3裏的盒佈局可以幫我們輕鬆佈局，來看哈吧~ 開啓盒佈局模式兼容版： display:box; //目前還沒有瀏覽器支
2018-08-23 21:13:02
原创 鼠標拖拽效果原理及完整代碼實現
遮罩浮層效果做出來很簡單，但是如果加了鼠標拖拽效果就會顯得檔次更高了，今天來分享下鼠標拖拽效果。 鼠標拖拽效果最主要的事件有三個，也是三個階段，分別爲mousedown,mousemove,mouseup。我們先來分析一哈每個過程的重點。
2018-08-23 21:13:02