原创 requirejs學習（一）
RequireJS由James Burke創建，他也是AMD規範的創始人。 RequireJS會讓你以不同於往常的方式去寫JavaScript。你將不再使用script標籤在HTML中引入JS文件，以及不用通過script標籤順序去管
2020-06-01 08:02:31
原创 requirejs學習（四）
1，延遲模塊的執行。 這是一個很大變化，以前模塊加載後factory立馬執行。性能上肯定有一些損耗。2.0修改實現，再沒人詬病AMD的模塊是立即執行的。現在也可以等到require的時候才執行。 2，config增加了shim，map
2018-08-24 19:13:25
原创 requirejs進階（一）
爲了應對日益複雜，大規模的JavaScript開發。我們化整爲零，化繁爲簡。將複雜的邏輯劃分一個個小單元，各個擊破。這時一個項目可能會有幾十個甚至上百個JS文件，每個文件爲一個模塊單元。如果上線時都是這些小文件，那將對性能造成一定影響。
2018-08-24 19:13:23
1
原创 svg 與canvas對比
Canvas 依賴分辨率不支持事件處理器弱的文本渲染能力能夠以 .png 或 .jpg 格式保存結果圖像最適合圖像密集型的遊戲，其中的許多對象會被頻繁重繪SVG 不依賴分辨率支持事件處理器最適合帶有大型渲染區域的應用程序（比如谷歌地圖）複
2018-08-24 19:13:23
1
原创 window.moveTo方法
window.moveTo方法可以實現瀏覽器窗口的移動。入參x、y分別表示需要移動到的新的窗口位置。 需要注意的幾點： 1.在IE下，所有瀏覽器窗口均可移動到新位置，但不能移動到屏幕外邊； 2.在FF及chrome下，只有通過window
2018-08-24 19:13:22
1
原创 requirejs學習（二）
上一篇是把整個jQuery庫作爲一個模塊。這篇來寫一個自己的模塊：選擇器。 爲演示方便這裏僅實現常用的三種選擇器id，className，attribute。RequireJS使用define來定義模塊。 新建目錄結構如下 這次新建
2018-08-24 19:13:22
原创 Data URL和圖片
Data URL給了我們一種很巧妙的將圖片“嵌入”到HTML中的方法。跟傳統的用img標記將服務器上的圖片引用到頁面中的方式不一樣，在Data URL協議中，圖片被轉換成base64編碼的字符串形式，並存儲在URL中，冠以mime
2018-08-24 19:13:22
2
原创 console.dir、console.time、console.profile
作爲一名前端工程師，想必console的大部分常用命令滾瓜爛熟。而console.dir及console.time卻鮮爲人知。 1.console.dir將一個對象的所有屬性和方法全部羅列顯示。 2.console.time及consol
2018-08-24 19:13:20
3
原创 利用Jquery獲取寬高
height(width):高度(寬度)innerHeight(innerWidth):高度(寬度)＋內邊距(padding)outerHeight(outerWidth):高度(寬度)＋內邊距(padding)＋邊框outerHeigh
2018-08-24 19:13:20
原创 requirejs進階（二）
這一篇來認識下打包工具的paths參數，在入門一中就介紹了require.config方法的paths參數。用來配置jquery模塊的文件名（jQuery作爲AMD模塊時id爲“jquery”，但文件名可通過paths配置可以不必是“j
2018-08-24 19:13:20
1
原创 Javascript error對象
1. Error原生類型 表示錯誤對象 --EvalError,URLError,RangeError,etc. 捕獲方式 --try{ throw new Error()}catch(e){} --理論上可以throw出任
2018-08-24 19:13:20
原创 requirejs學習（三）
這篇來寫一個具有依賴的事件模塊event。event提供三個方法bind、unbind、trigger來管理DOM元素事件。 event依賴於cache模塊，cache模塊類似於jQuery的$.data方法。提供了set、get、rem
2018-08-24 19:13:19