原创 爲什麼要有事件捕獲和事件冒泡?

學習js的事件對象,就會提到事件循環機制和事件處理模型,要知其然更要知其所以然,學起來才能事半功倍。 大概講解一下,損失一點精確性,力求簡單明瞭。 瀏覽器的每個座標點對應一個dom對象(當然這是比喻,實際上是一個dom對象可能佔用一大片地

原创 JS快速排序算法實現

function quickSort(arr){ if(arr.length == 0){ return []; } var left = []; var right = []; var selectItem

原创 在pc上調試app內嵌的網頁

環境:MAC電腦,安卓手機一部,蘋果手機一部,手機內裝有待調試的app,而app裏有用webview寫的內嵌網頁。 一、安卓系統的app 1.數據線連接安卓手機和mac電腦。 2.打開chrome://inspect/#devices網頁

原创 js數據處理常用方法

一、數組 1. 對象數組按某個key的值排序。 function sortBy(field) { return function(a, b) { return a[field] - b[field]; } } // 應

原创 《前端工程化》筆記

wen jianajax技術的問世令靜態的網頁“動”了起來,異步請求和局部刷新徹底改變了網頁的交互模式。 HTML和css只有在瀏覽器環境或者類瀏覽器環境下才會被識別解析,所以可以認爲這兩者是DSL(Domain Specific Lan

原创 Mac常用操作——快捷鍵,觸摸板及其他

之前一直在windows下做開發,最近工作需要用mac筆記本開發,一下子不是很適應,現在將常用的一些操作整理出來,方便以後查詢。 觸摸板: 單指輕點:相當於單擊鼠標左鍵; 雙指輕點:相當於單擊鼠標右鍵;(按下Control鍵後單指輕點觸摸

原创 git命令行操作,告別可視化工具

安裝好git後先修改用戶名和郵箱: git config --global user.name "XXXX" git config --global user.email "[email protected]" //查看系統配置 git co

原创 JS實現冒泡排序

function bubbleSort(arr){ var arrLength = arr.length; var temp; for(var outer = arrLength; outer >= 2; --outer)

原创 js數字的貨幣格式表示法(每三位一個逗號分隔)

//保留兩位小數並且整數部分三位一個逗號分隔符的數字金錢標準表示法: //這裏假設我們即不知道輸入數字的整數位數,也不知道小數位數 /*將100000轉爲100,000.00形式*/ var dealNumber = function

原创 序列化兩個流程,用ES6語法封裝

let testArr = [ testA, testB, testC ] testArr.reduce(async (promise, value) => { return promise.then(asy

原创 flex佈局

容器屬性 項目屬性 flex-direction row (默認) row-reverse column column-reverse order int類型,默認0,數值越小越靠前,可取負值 flex-wrap  nowr

原创 項目設置屬性爲 { flex: 1 }時表示的意思

flex屬性是 flex-grow  + flex-shrink + flex-basis 的縮寫。 1.賦給3個值 .item { flex: 100 200 300px; } // 等價於 .item { flex-

原创 圖解JavaScript中的各種寬度高度屬性

第一部分 JavaScript中的寬高屬性 一、與window相關的寬高屬性 1.1 window.location和document.location window對象的location屬性引用的是location對象,表示該窗口中當前

原创 像素(px)到底絕對單位還是相對單位

px,對於許多網頁設計者來說,是最常用的CSS長度單位。然而,1px到底多長,恐怕沒有多少人回答得上來。  CSS長度本身有絕對長度和相對長度的區分。  cm、pt之類的都是絕對長度,它們是物理長度——1cm是1/100米,而1米則大約是

原创 CSS單位

單位 含義 em 相對於父元素的字體大小,若父元素font-size爲16px,那麼1em就爲16px ex 相對於小寫字母"x"的高度 gd 一般用在東亞字體排版上,這個與英文並無關係 rem 相對於根元素字體大小,若根元素font-s