原创 ES6 轉換到 ES5的工具 - Babel的使用

Babel 是 ES2015 語法轉換器,將ES6 轉換爲 ES5, 官網:http://babeljs.io ES6 不能完全的唄瀏覽器兼用,所以我們可能需要轉化成 ES5。 Babel的安裝:   npm install -g ba

原创 js加載第三方字體,檢測加載完成事件

最近在做一個項目涉及到加載第三方字體的問題,首批需要支持一百多種字體,然後首先想到的就是@fant-face,但是在實際應用中發現無法滿足當前需求. 目前的項目是用canvas的一個開源庫fabric.js實現圖片和文字的拖動,放大,縮小

原创 文件壓縮/js語法檢查/css加前綴/babel轉換實戰

前端工程化實現 本文主要通過4個點來講述現在前端的工作開發流程 css加前綴 js語法檢查 壓縮 ES6 => ES5 CSS自動加前綴 我們一般使用autoprefixer來給我們寫的css自動添加前綴,來配合不同瀏覽器的區別。 aot

原创 uglifyjs壓縮js文件(指令壓縮/ 批量壓縮/ 編程方式壓縮)

一、指令壓縮   1.安裝node,npm——詳細見nodejs安裝與使用入門   2.安裝 uglifyjs——npm install -g uglify-js   3.壓縮例子:1)uglifyjs  main.js->main-mi

原创 vscode插件不生效之手動安裝

vscode插件不生效之手動安裝 這段時間在用vscode寫前端代碼,聽說vscode的很多實用功能都需要通過插件來安裝,我自己就在vscode軟件裏的插件安裝模塊搜索插件安裝了CSS Peek這個插件。根據視頻上介紹,安裝這個插件後,在

原创 UglifyJS--javascript代碼壓縮使用指南{轉}

在線測試地址 http://lisperator.net/uglifyjs/ 下面都是基於linux系統的安裝使用. UglifyJS是遵循了CommonJS規範寫成的,可以在支持CommonJS模塊系統的javascript環境中運行。

原创 ECharts 3.0底層zrender 3.x源碼分析3-Handler(C層)canvas事件

這一篇,介紹下Handler處理機制。 Handler負責事件處理,包括’click’, ‘dblclick’, ‘mousewheel’, ‘mouseout’, ‘mouseup’, ‘mousedown’, ‘mousemove’,

原创 基於JavaScript獲取base64圖片大小

base64原理 Base64編碼要求把3個8位字節(38=24)轉化爲4個6位的字節(46=24),之後在6位的前面補兩個0,形成8位一個字節的形式。 如果剩下的字符不足3個字節,則用0填充,輸出字符使用'=',因此編碼後輸出的文本末尾

原创 js 根據相對路徑獲取絕對路徑

項目中需要根據相對路徑來透過第三方網絡工具(也是自己寫的)發起請求. web端一般不會直接給你絕對路徑,這時就需要根據前端提供的相對路徑生成絕對路徑. 相對路徑中可能含有./,../,第一感覺簡單的要死,自己寫個解析不就行了.然後....

原创 Spring中的@RequestBody註解application/json與常規的HTTP方法的傳值方式

上週進行項目開發的時候,發現前端的含有文件的表單數據時後臺接收報錯,異常的大致意思是表單類型不支持,我也是有點蒙逼,以前也遇到過這種問題,加上@RequestBody就可以,所以這次我也加上了@RequestBody註解,結果還是報錯,這

原创 Vue查找任意組件實例—findComponents

Vue找到任意組件實例—findComponents 它適用於以下場景: · 由一個組件,向上找到最近的指定組件; · 由一個組件,向上找到所有的指定組件; · 由一個組件,向下找到最近的指定組件; · 由一個組件,向下找到所有指定的組件

原创 如何在Canvas中添加事件

如何在Canvas中添加事件 作爲一個前端,給元素添加事件是一件司空見慣的事情。可是在Canvas中,其所畫的任何東西都是無法獲取的,更別說添加事件,那麼我們對其就束手無策了嗎?當然不是的!我們在平時項目中肯定都用過許多Canvas的框架

原创 記一個embed嵌入flash、mp4播放視頻

flash 首先說明,嵌入flash有個不好的地方,出chrome外的瀏覽器,嵌入flash會有廣告!所以,謹慎使用。 <embed src="https://imgcache.qq.com/tencentvideo_v1/playerv

原创 【計算機圖形學】奇偶規則和非零環繞樹規則-判斷點和多邊形關係

原文鏈接:http://blog.csdn.net/freshforiphone/article/details/8273023 作者:freshForIphone   參考 [1]http://www.cs.rit.edu/~icss5

原创 js 相對路徑轉爲絕對路徑

有時爲了唯一標識網址或其它開發需要,我們需要將相對的網址轉換爲絕對的網址。當然前人實現方式已經不少,但或多或少的存在缺點或兼容問題。下面我將總結已有實現並給出相對完美的實現。 常規實現:地址轉換 因該實現方式千變萬化,故略去代碼,但在開發