原创 H5移動端屏幕自適應原理

根節點字體大小 RFS,屏幕寬度 SW,瀏覽器默認字體大小DFS,對html font-size的縮放比rate = RFS/DFS,使用的長度a rem = p / RFS rem。選擇一個標準:iPhone6,SW0=375px,RF

原创 webpack構建多頁面工程

    很多時候一個工程需要多個單頁面應用(多入口),用於不同的模塊,或者不同的端。     1.注意點:webpack構建出來的多頁面,每個頁面都是不相關的,js運行環境不同,window對象不同,如果是Vue,那麼每個頁面的vue實例

原创 png & jpg

PNG是無損壓縮,保存了原始圖片的完整數據,JPG是有損壓縮,只是大概看上去和原始圖像一樣,其實損失了一些細節,或者多了噪點等等,損失的程度主要看壓縮的質量,文件越小質量越低,損失就越大。   還有,PNG和JPG所採用的色彩空間不一樣,

原创 iview form表單的一些坑

props: { order: { type: Object, required: true, } }, data() { return { formItem: {

原创 移動端使用圖片尺寸問題

一般手機端以375px的寬度爲準,所以一般用750px寬度的圖片就可以了

原创 webpack html插件

       <%= require('raw-loader!../common/meta.html') %>這裏使用了webpack的html插件,raw-loader插件  index.html <!DOCTYPE html> <h

原创 你可能不知道的 Git

你可能不知道的 Git PPT: ​你可能不知道的 Git​  前言 首先,本文假設你已經對 Git 有了初步的認知: 理解 Git 在本地的三種工作區域:Git 倉庫、工作目錄和暫存區域; 熟練操作 pull / push / bran

原创 devServer.historyApiFallback

本來這玩意不值得寫一篇博客的,但是坑爹的是我在網上搜了一圈解決方案都不可行,webpack-dev-sever官網的文檔使用說明還有誤導性。最後還是自己慢慢撥出來的。 問題的產生 browserHistory如何設置路由 react-ro

原创 爲什麼使用yarn

Yarn是什麼? “Yarn是由Facebook、Google、Exponent 和 Tilde 聯合推出了一個新的 JS 包管理工具 ,正如官方文檔中寫的,Yarn 是爲了彌補 npm 的一些缺陷而出現的。”這句話讓我想起了使用npm時

原创 創建Blend動畫中 Additive Settings的作用

1. 創建Blend動畫中 Additive Settings的作用 圖1 這裏創建的blend動畫是一個frame的動畫,所以Base Pose Type 選的是Selected animation frame, Ref Frame

原创 騰訊地圖使用谷歌瓦片

示例:http://www.1hwj.net/map/tengxun/map_tx.html   參考:Google 地圖切片URL地址解析,騰訊與百度地圖瓦片規則分析 // 瓦片 var earthlayer = new

原创 echarts ,tree圖,設置連線顏色,可以獨立每條線分開設置

myChart.showLoading(); $.get('data/asset/data/flare.json', function (data) { myChart.hideLoading(); echarts.u

原创 A a, A( ), A*, new A( ) 的區別

A(): 是對象,是一個值,或者說一個內存塊; A a :定義一個指向A對象的變量a,a其實就是一個靜態指針; new A() :生成對象,並返回指向該對象的地址; A* :定義一個存儲A對象指針的變量。   陷阱: A * a = &

原创 左右手座標轉換 四元數

參考:計算機視覺基礎(一)——左右手座標系轉換時R和T的具體形式分析 旋轉矩陣、歐拉角、四元數理論及其轉換關係   旋轉矩陣, 右手系轉左手系 四元數旋轉, 右手系轉左手系 右手系的四元數(在R right 下的四元數) 左手系的四

原创 Arduino MPU6050 DMP 數據獲取,處理

一、連接圖 二、DMP使用介紹          官方並沒有任何使用的介紹,只提供了源碼。這裏先給出我通過源碼分析出來的和dmp有關的寄存器。          1. USER_CTRL Bit7是DMP_EN(1:打開DMP),Bi