原创 前端性能優化之重排和重繪

前言,最近利用碎片時間拜讀了一下尼古拉斯的另一鉅作《高性能JavaScript》,今天寫的文章從“老生常談”的頁面重繪和重排入手,去探究這兩個概念在頁面性能提升上的作用。 一.重排 & 重繪 有經驗的大佬對這個概念一定不會陌生,“瀏覽器輸入

原创 解決多場景/多端的頁面滾動縮放組件-ScrollerJS

ScrollerJS是什麼 ScrollerJS是用於純邏輯的滾動縮放組件,它獨立於任何指定的渲染或者事件系統。上面是官方定義的,我再說一下我對這個庫的理解,這次我使用ScrollerJS主要是在處理移動端的頁面滾動,不使用Scroller

原创 canvas.width和canvas.style.width區別以及應用

今天講的內容是canvas.width和canvas.style.width的區別,在沒有做canvas項目之前,其實我是並沒有深入瞭解過這兩個屬性的,最近在研究canvas項目的自適應問題,尤其是在canvas中置入圖片,碰到了圖片模糊的

原创 像素,css像素,物理像素,設備獨立像素,分辨率大亂鬥

本文主要闡述移動端佈局中常遇到的一些基本概念,這些概念也適用於PC端,這些概念大概有:像素(pixel),ppi,分辨率,物理像素(physical pixel), CSS像素,設備獨立像素(devicedependent pixel) 像

原创 createjs簡介

前言:最近業務中在做一些動畫,由於第一次做這種類似於H5的動畫,經驗還是不足,好在自己一直在摸索,也有了一些自己的心得。結合自己的業務需求選型之後,決定採用createjs完成本次動畫的開發! 1. 什麼是createjs 之所以選擇cre