【taro最佳實踐】設定好基礎開發字型尺寸
設定開發字型尺寸
我感覺在一個專案當中,務必一開始就設定好這個尺寸,關係後今後專案的一個統一管理問題。那麼應該怎麼設定這個呢?
設計思路
按照慣例,我們開發專案的時候,儘量不要為難自己,如果按照2倍圖,來開發的話,處處想著2倍,在開發的過程中,想參考其它專案的樣式,發現在瀏覽器中,看到的只是1倍,我們拿過來樣式還得自己換算比較麻煩個人建議統一配置一倍,比較通用一些,如果你的其它專案都是2倍,那就設定2倍。
配置方式:
- 預設的只有幾個尺寸 如果自己不主動新增的話,編譯後悔報:NANpx
- 在 根目錄的config.js 檔案裡面配置
designWidth: 750, deviceRatio:{ '750': 1/2, '375': 1 },
這樣配置後我們在專案中,寫10px 會編譯成 20rpx 符合小程式的尺寸,也方便自己寫1倍
把這個基礎尺寸配置好,我們就可以愉快的進行專案了。
相關推薦
【taro最佳實踐】設定好基礎開發字型尺寸
設定開發字型尺寸 我感覺在一個專案當中,務必一開始就設定好這個尺寸,關係後今後專案的一個統一管理問題。那麼應該怎麼設定這個呢? 設計思路 按照慣例,我們開發專案的時候,儘量不要為難自己,如果按照2倍圖,來開發的話,處處想著2倍,在開發的過程中,想參考其它專案的樣式
【OSS最佳實踐】WEB站點中如何應用OSS產品
put discuz論壇 瓶頸 個人 得到 行為 ssim 雲安全 實現 【OSS最佳實踐】WEB站點中如何應用OSS產品http://www.bieryun.com/1194.htmlOSS提供了海量、安全、低成本、高可靠的雲存儲服務,用戶可以通過SDK、API、OSS相
【Taro全實踐】修改radio元件的大小
需求是將radio選中後顏色改為橙色、大小改成合適大小。 1、改顏色 <Radio color='#FF7464'></Radio> 2、改大小 <Radio style={{transform:'scale(0.8)'}} color='#FF74
【Taro全實踐】Taro在微信小程式中的生命週期
一、Taro的本身生命週期 生命週期componentWillMount在微信小程式中這一生命週期方法對應頁面的onLoad或入口檔案app中的onLaunch componentDidMount在微信小程式中這一生命週期方法對應頁面的onReady或入口檔案app中的onLaunch,在 compone
【CDN 最佳實踐】CDN快取策略解讀和配置策略
摘要: CDN 作為內容分發網路主要是將資源快取在 CDN 節點上,然後後續訪問即可直接通過 CDN 節點將資源返回給客戶端,而不再需要回到源站伺服器以加快請求速度。那麼 CDN 到底對於哪些請求加速呢?其快取規則和快取時間是怎麼樣的呢?怎麼樣的快取規則更加合理呢?本文就
【ECS最佳實踐】基於多塊雲盤構建LVM邏輯卷
一、LVM簡介 LVM是邏輯盤卷管理(Logical Volume Manager)的簡稱,它是Linux環境下對磁碟分割
【前端】設定好CSS樣式動態新增元素會按照樣式顯示
這篇就是簡單記錄下一個小點: 設定好CSS樣式先,然後動態生成元素,元素可以按照CSS樣式顯示,只要對應到相應的規則即可。 <!DOCTYPE html> <html> <head> <title>Grid Layout Tes
【最佳實踐】微信小程式客服訊息實時通知如何快速低成本實現?
我們做微信小程式開發的都知道,只要在小程式頁面中新增如下程式碼即可進入小程式的客服會話介面: <button open-type="contact" >聯絡我們</button> 微信小程式客服會話介面如下圖所示:
【ruanjianxiong的專欄】java_嵌入式基礎與實踐_演算法
經典Blog http://blog.csdn.net/flowingflying/article/details/6671548 http://blog.csdn.net/feng88724/article/details/6259071 http://xusaoma
【最佳實踐】如何限制使用者僅通過HTTPS方式訪問OSS?
一、當前存在的問題 當前OSS支援使用者使用HTTPS/HTTP協議訪問Bucket。但由於HTTP存在安全漏洞。大型企業客戶都要求使用HTTPS方式訪問OSS,並且拒絕HTTP訪問請求。 目前OSS可以通過RAM policy方式實現:限制某個使用者、角色
【最佳實踐】如何優雅的進行重試
本文口味:冰鎮楊梅 預計閱讀:20分鐘 說明 最近公司在搞活動,需要依賴一個第三方介面,測試階段並沒有什麼異常狀況,但上線後發現依賴的介面有時候會因為內部錯誤而返回系統異常,雖然概率不大,但總因為這個而報警總是不好的,何況死信佇列的訊息還需要麻煩運維進行重新投遞,所以加上重試機制勢在必行。 重試機制可以保護系
【Qt入門實踐】Qt之哲學家問題(linux 多線程)
avi .cpp private 1=1 endif debug 問題 tel pub 轉載請註明出處:http://blog.csdn.net/feng1790291543 linux多線程實現哲學家問題,依據哲學家吃飯、拿筷子、放下筷子...... 首先,主
Python開發【第六篇】:Python基礎條件和循環
ora back strong als 重復執行 操作 enume 條件表達式 服務 目錄 一、if語句 1、功能 2、語法 單分支,單重條件判斷 多分支,多重條件判斷 if + else 多分支if + elif + else 語句小結 + 案例 三元表達式 二、whil
Python開發【第五篇】:Python基礎之2
對齊方式 dex 字符串 後退 ring lag nic 有效 func 字符串格式化 Python的字符串格式化有兩種方式: 百分號方式、format方式 百分號的方式相對來說比較老,而format方式則是比較先進的方式,企圖替換古老的方式,目前兩者並存。[PEP-310
Python開發【第四篇】:Python基礎之函數
nco pos *args 更強 三元 sequence hunk ins att 三元運算 三元運算(三目運算),是對簡單的條件語句的縮寫。 # 書寫格式 result = 值1 if 條件 else 值2 # 如果條件成立,那麽將 “值1” 賦值給result
Python成長之路【第五篇】:Python基礎之文件處理
閱讀 關註 src 文件路徑 程序 opened IT 寫入 文件操作 一、文件操作 1、介紹 計算機系統分為:計算機硬件,操作系統,應用程序三部分。 我們用python或其他語言編寫的應用程序若想要把數據永久保存下來,必須要保存於硬盤中,這就涉及到應用程序要操作硬件,
Python成長之路【第五篇】:Python基礎之裝飾器
brush urn 新功能 clas 現在 hide rom 接收 調用 一、什麽是裝飾器 裝飾:裝飾既修飾,意指為其他函數添加新功能 器:器既函數 裝飾器定義:本質就是函數,功能是為其他函數添加新功能 二、裝飾器需要遵循的原則 1、不能修改裝飾器的源代碼(開放封閉原則)
Python成長之路【第五篇】:Python基礎之模塊
module 應用程序 過程 解釋器 amp 之路 Python標準庫 pre 使用 模塊&包 模塊(module)的概念: 在計算機程序開發的過程中,隨著程序代碼越寫越多,在一個文件裏代碼就會越來越長,越來越不容易維護。為了編寫可維護的代碼,我們把很多函數分組,分
【c++工程實踐】智能指針
現在 app apt cycle cpp adr RM 設計 HA 一、智能指針簡介 a smart pointer is an abstract data type that simulates a pointer while providing added featur
【軟工實踐】團隊展示
算法 本科生 作業 我們 技術分享 研究 homework 堅持 ring1 軟工實踐團隊展示——WorldElite 本次作業鏈接 團隊成員 031602636許舒玲(組長) 031602237吳傑婷 031602634吳誌鴻 081600107傅濱 031602220雷