原创 Js : 元素

基本用法: 必須先設置其width,height屬性,指定可以繪圖的區域大小,如果不設置樣式將看不到該元素。 <canvas id="draw" width="500px" height="500px">Drawing Some

原创 Html+Css+JavaScript 總結

This對象 —— 1. this總是指向函數的直接調用者(而非間接調用者); 2. 如果有new關鍵字,this指向new出來的那個對象; 3. 在事件中,this指向觸發這個事件的對象;特別地,IE中的attachEv

原创 廣播:

JavaScript的事件廣播與偵聽: 參考鏈接:https://blog.csdn.net/flm000/article/details/8022092

原创 關於Ajax

使用Ajax 可以做到只更新頁面中的一小部分,不必再次加載整個頁面了。其他內容一一標誌、導航、頭部、腳部,都不用重新加載。 Ajax 的主要優勢就是對頁面的請求以異步方式發送到服務器。而服務器不會用整個頁面來響應請求,它會在後臺處理請求,

原创 關於offsetLeft,clientX,offsetHeight,offsetWidth,

座標相關總結: offsetX,offsetY元素距離定位父級的x軸及y軸距離 event.clientX,event.clientY鼠標距離視口左上角的x軸及y軸距離 左上角爲起點(0,0),向下向右正向展開

原创 addEventListener()與事件流

原文地址:https://www.cnblogs.com/hy-sunny/p/5595391.html

原创 JS:javascript運動之軌跡和投擲

原文地址:https://www.cnblogs.com/xiaohuochai/p/5990247.html

原创 開發編輯器

開發編輯器:https://code.visualstudio.com/

原创 Js動畫效果

緩衝動畫模板:參考鏈接:https://www.jianshu.com/p/36086c9f0237 緩衝動畫算法:https://segmentfault.com/a/1190000011411704

原创 自定義contextmenu(菜單右鍵)

contextmenu(菜單右鍵)自定義 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>自定義菜單右鍵</ti

原创 Js數組去重的幾種方法 ES6

總結兩種方法: 1. 最簡單數組去重法,新建一新數組,遍歷傳入數組,值不在新數組就push進該新數組中,IE8以下不支持數組的indexOf方法 function uniq(arr){ var tem=[]; for(v

原创 獲取元素樣式

Object.style[attr]只可獲取html標籤內的樣式,主要用來設置css,而不可獲取style標籤中的css樣式 IE支持Object.currentStyle[attr] FF支持getComputedStyle(Obje

原创 Js: loading效果實現

原文地址:https://www.jianshu.com/p/9b85fcac4ffc //完整代碼 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <titl

原创 Js : <canvas>元素

基本用法: 必須先設置其width,height屬性,指定可以繪圖的區域大小,如果不設置樣式將看不到該元素。 <canvas id="draw" width="500px" height="500px">Drawing Somethin