原创 使用 Chrome Timeline 來優化頁面性能

有時候,我們就是會不由自主地寫出一些低效的代碼,嚴重影響頁面運行的效率。或者我們接手的項目中,前人寫出來的代碼千奇百怪,比如爲了一個 Canvas 特效需要同時繪製 600 個三角形,又比如 Coding.net 的任務中心需要同時 wa

原创 2.3Loader

Loader Webpack 本身只能處理 JavaScript 模塊,如果要處理其他類型的文件,就需要使用 loader 進行轉換。 Loader 可以理解爲是模塊和資源的轉換器,它本身是一個函數,接受源文件作爲參數,返回轉換的結果。這

原创 2.1安裝

安裝 首先要安裝 Node.js, Node.js 自帶了軟件包管理器 npm,Webpack 需要 Node.js v0.6 以上支持,建議使用最新版 Node.js。 用 npm 安裝 Webpack: $ npm install w

原创 2.6 開發環境

開發環境 當項目逐漸變大,webpack 的編譯時間會變長,可以通過參數讓編譯的輸出內容帶有進度和顏色。 $ webpack --progress --colors 如果不想每次修改模塊後都重新編譯,那麼可以啓動監聽模式。開啓監聽模式後

原创 是顛三倒四多所多

我的速度是多少

原创 迴流與重繪

關於迴流(reflows)與重繪(repaints),我已經在twitter和delicious上發佈,但是並沒有在演講中提到或是以文章形式發佈。 第一次讓我開始思考關於迴流(reflows)與重繪(repaints)的問題是在和Pa

原创 Promise ES6

Promise 基礎知識,Promise 應用場景,Promsie 模塊中如何使用 —— 由遇見波同學分享 Promise:高手必備 Promise的重要性我認爲我沒有必要多講,概括起來說就是必須得掌握,而且還要掌握透徹。這篇

原创 html5 manifest 離線緩存

版權聲明:隨便看,歡迎技術交流,523252797(qq) https://blog.csdn.net/lijc_boke/article/details/69666021 幹什麼用的?  離線緩存爲的是第一次

原创 HTML5的 input:file上傳類型控制

版權聲明:隨便看,歡迎技術交流,523252797(qq) https://blog.csdn.net/lijc_boke/article/details/53763047 一、input:file屬性 屬

原创 Vue服務端渲染業務入門實踐

背景 最近, 產品同學一如往常笑嘻嘻的遞來需求文檔, 縱使內心萬般拒絕, 身體倒是很誠實。 接過需求,好在需求不復雜, 簡單構思 後決定用Vue, 得心應手。 切好圖, 挽起袖子準備擼代碼的時候, SEO同學不知何時已經站

原创 sublime插件集合 – sublime推薦必備插件

版權聲明:隨便看,歡迎技術交流,523252797(qq) https://blog.csdn.net/lijc_boke/article/details/53843995 Package Contro

原创 JS高級程序

版權聲明:隨便看,歡迎技術交流,523252797(qq) https://blog.csdn.net/lijc_boke/article/details/60364240 11.DOM拓展 11.1選擇符

原创 高性能 CSS3 動畫

高性能移動Web相較PC的場景需要考慮的因素也相對更多更復雜,我們總結爲以下幾點: 流量、功耗與流暢度。 在PC時代我們更多的是考慮體驗上的流暢度,而在Mobile端本身豐富的場景下,需要額外關注對用戶基站網絡流量使用的情況,設備耗電量

原创 JS:指定FPS幀頻,requestAnimationFrame播放動畫

版權聲明:隨便看,歡迎技術交流,523252797(qq) https://blog.csdn.net/lijc_boke/article/details/61206930 Flash製作動畫,最基礎的概念就

原创 字符串新特效

版權聲明:隨便看,歡迎技術交流,523252797(qq) https://blog.csdn.net/lijc_boke/article/details/53585918 一、多行字符串 採用反單引號的寫法