開發(fā)記錄旨在記錄開發(fā)過程中一些比較細(xì)微的知識(shí)點(diǎn)，技巧，以及一些開發(fā)過程中的意外事故。幫助回憶鏈接當(dāng)時(shí)的場景
1. 在Xcode 9，使用UIImagePickerController拍照或者從相冊(cè)中選取圖片，會(huì)出現(xiàn)如下錯(cuò)誤信息。待解決......
[discovery] errors encountered while discovering extensions: Error Domain=PlugInKit Code=13 "query cancelled" UserInfo={NSLocalizedDescription=query cancelled}
在Stack Overflow中同樣有人提出該問題Xcode9，Swift4使用UIImagePickerController出錯(cuò)
雖然在控制臺(tái)中顯示了該錯(cuò)誤，但是并不影響圖片上傳。后續(xù)有解決方案補(bǔ)充。
UPDATED:
這個(gè)問題在stackoverflow已經(jīng)有人提供了解決方案，原因在于使用UIImagePickerController的時(shí)候。在使用之前權(quán)限認(rèn)證，之后才使用UIImagePickerController功能。
- 權(quán)限認(rèn)證：
func checkPermission() {
let photoAuthorizationStatus = PHPhotoLibrary.authorizationStatus() switch photoAuthorizationStatus {
case .authorized: print("Access is granted by user")
case .notDetermined: PHPhotoLibrary.requestAuthorization({
(newStatus) in print("status is \(newStatus)") if newStatus == PHAuthorizationStatus.authorized { / do stuff here */ print("success") }
})
case .restricted: / print("User do not have access to photo album.")
case .denied: / print("User has denied the permission.")
}
}
- 正確調(diào)用
UIImagePickerController的didFinishPickingMediaWithInfo
@objc func imagePickerController(_ picker: UIImagePickerController, didFinishPickingMediaWithInfo info: [String : Any]) {
}
2. 關(guān)于iOS中Provisioning Profile證書過期后，已經(jīng)安裝的App會(huì)有什么的影響。
已經(jīng)安裝的App會(huì)出現(xiàn)無法打開(打開即閃退)，所以需要在Apple的開發(fā)者后臺(tái)中，重新創(chuàng)建Provisioning Profile，并且打包應(yīng)用發(fā)布。
如何驗(yàn)證Provisioning Profile過期后，應(yīng)用無法打開。將手機(jī)的時(shí)間調(diào)整為過期后的時(shí)間，kill應(yīng)用(應(yīng)用在后臺(tái)關(guān)閉)，重新嘗試打開應(yīng)用，將無法打開應(yīng)用。
3. 在UIWebView中，網(wǎng)頁無法自適應(yīng)WebView的大小，在WKWebView中可以正常顯示。Stack Overflow有更多方式解決
3.1 首先需要在Html中的header標(biāo)簽中使用viewport
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
3.2 在UIWebView的代理方法`webViewDidFinishLoad `或者是`viewDidLoad`調(diào)用如下：
self.webView.scalesPageToFit = YES;
self.webView.contentMode = UIViewContentModeScaleAspectFit;
4. Mac筆記本，百度推送平臺(tái)上傳pem證書，驗(yàn)證失敗。
具體Apple開發(fā)者平臺(tái)創(chuàng)建證書，過程略。
直接說明原因——由于近期在升級(jí)了Mac系統(tǒng)從10.12.6到10.13。在百度推送開發(fā)者平臺(tái)上，需要上傳.pem格式的證書，該證書是基于在鑰匙串中導(dǎo)出的 .p12證書轉(zhuǎn)換過來的。在10.12.6系統(tǒng)中內(nèi)置的openssl版本是：OpenSSL 0.9.8zh，在10.13中openssl版本是：LibreSSL 2.2.7。百度推送平臺(tái)只接受0.98及一下版本轉(zhuǎn)換的pem證書。既然知道了原因，那就是安裝0.98版本的openssl就可以。
轉(zhuǎn)換命令——在terminal中：
openssl pkcs12 -in yourP12File.p12 -out yourPemFile.pem -nodes
openssl下載地址openssl下載地址
安裝步驟參考
MAC(Linux)升級(jí)Openssl
安裝成功后，可以查看openssl的版本
/usr/local/openssl/bin/openssl version
顯示
OpenSSL 0.9.8zh 3 Dec 2015
之后cd到證書存放的目錄下，執(zhí)行如下命令，就可以以openssl0.98版本轉(zhuǎn)換證書格式了(系統(tǒng)默認(rèn)的openssl版本還是2.2.7版本)
/usr/local/openssl/bin/openssl pkcs12 -in p12file.p12 -out penfile.pem -nodes
5. CSS實(shí)現(xiàn)控件的水平居中，垂直居中，水平垂直方向同時(shí)居中
由于我也是從移動(dòng)端轉(zhuǎn)向前端開發(fā)，對(duì)前端也是半路出家
html模版
<body>
<div class="container-horization">
<div class="container-horization-item">水平方向上居中</div>
</div>
<div class="container-vertical">
<div class="container-vertical-item">垂直方向上居中</div>
</div>
<div class="container-horization-vertical">
<div class="container-horization-vertical-item">水平垂直方向上居中</div>
</div>
</body>
5.1 水平方向居中
.container-horization {
width: 100%;
height: 200px;
background: deepskyblue;
margin-bottom: 20px;
}
.container-horization-item {
width: 130px;
height: 80px;
background: yellow;
margin: 0 auto;
line-height: 80px;
text-align: center;
}
在CSS中，對(duì)水平方向的居中是很容易的。需要控件的外邊距即可，左右間距auto即可，margin: 0 auto;
5.2 垂直方向上居中
在CSS中，則要吐槽一下，在垂直居中方面，利用margin: auto 0;垂直方向的自動(dòng)外邊距，無法達(dá)到效果。
這里主要還是由于沒有對(duì)父控件即控件本身進(jìn)行正確的定位。直接看代碼， 首先對(duì)父控件需要使用相對(duì)布局，之后對(duì)子控件需要使用絕對(duì)布局，并且利用top，和bottom屬性，結(jié)合margin: auto 0;，則可以達(dá)到效果。
.container-vertical {
position: relative;
width: 100%;
height: 200px;
background: deepskyblue;
margin-bottom: 20px;
}
.container-vertical-item {
position: absolute;
width: 130px;
height: 80px;
text-align: center;
background: yellow;
line-height: 80px;
top: 0;
bottom: 0;
margin: auto 0;
}
5.3 水平垂直方向居中
有了5.2的經(jīng)驗(yàn)，我們可以嘗試設(shè)置子控件的left和right，top，bottom屬性都為0，并且margin: auto;四個(gè)方向上都是自動(dòng)外邊距。則可以達(dá)到這樣的效果。其中需要注意的子控件需要必須是display: block; 屬性。
看代碼
.container-horization-vertical {
position: relative;
width: 100%;
height: 200px;
background: deepskyblue;
margin-bottom: 20px;
}
.container-horization-vertical-item {
position: absolute;
width: 150px;
height: 80px;
background: yellow;
line-height: 80px;
text-align: center;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
小結(jié): 這種方案在解決一些不算復(fù)雜的頁面布局時(shí)還是很不錯(cuò)的，可以適配任何界面以及幾乎所有的瀏覽器。但對(duì)于十分復(fù)雜的頁面可能會(huì)需要其他的解決方案，但是從這個(gè)思路出發(fā)也可以得到啟示
前端開發(fā)-p標(biāo)簽顯示出來的font-size大于設(shè)置的font-size大小
在前端開發(fā)中，在某些情況下，發(fā)現(xiàn)我們?cè)O(shè)置的標(biāo)簽的font-size和展示在瀏覽器中的顯示不一致，一半是顯示效果更大。
如下：
我們?cè)O(shè)置p標(biāo)簽的font-size: 30px;但是瀏覽器最終顯示出來的結(jié)果是font-size: 39px;的效果，如下如：
如上情況，是因?yàn)闉g覽器某些時(shí)候會(huì)自動(dòng)的去計(jì)算字體的大小(累覺不愛，那還讓我設(shè)置font-size屬性干嘛？)，具體什么情況下會(huì)觸發(fā)瀏覽器的自動(dòng)計(jì)算字體大小的功能，繼續(xù)調(diào)研。
關(guān)于如何解決這個(gè)奇怪的問題，這里需要于css中的font-size-adjust屬性，可以參考Stack Overflow上的一篇討論 Some font-size's rendered larger on Safari (iPhone)
html body {
-webkit-text-size-adjust: none;
font-size-adjust: none;
}
font-size-adjust介紹 font-size-adjust介紹
這樣在全局設(shè)置，將自動(dòng)調(diào)整字體font-size功能關(guān)閉既可。
