開園第一篇：最近開發微信web 遇到的坑。

       0.0 我是阿平。我在北京,我是一個彩B 前端。以前一直在園子裏潛水,前幾天面試某公司時，問我有博客嗎 看看本身的github 在看看博客園 個人個艹,的很差意思發出去,因而乎 決定之後開始仍是記錄一下吧。最後弱弱的說,個人表達有時候有問題，若是有表達不清楚的地方,歡迎親們留言吧 幫助我改進-。-~ ！（技術方面的指教更是夢寐以求 啦啦啦~ 騷擾我把！）

         最近公司在作微信企業號的應用，有幸（ - -。。不幸負責整個項目）,前端方面選用的是angularjs  zepto ionic requirejs  mobiscroll font字體圖標 sass樣式  gulp 構建。0.0好像是有點重,不過那的不是重點呢  咱們作的是辦公類的。媽蛋慢點就慢點吧 啦啦啦~[後面的文章中我會陸續把前端的搭建什麼的寫成文章 如今就不墨跡了,在墨跡下去天的要黑了]

      坑1：

      微信瀏覽器居中失效,媽蛋的那天好不容易寫了（截圖是渣渣 你們無視）這樣一個頁面 發圖標什麼的 在別的瀏覽器的正常 在微信中跑時就不居中呢。-。-~ 由於bug 以修復就截正常的吧 。又說了一堆廢話解決方法是

top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);

　　是的這樣子就能夠了 就是這個樣子。

     坑2：微信修改title 在ios 下失效了。是的0,0 就是ios 修改title 沒有反應 。尼瑪 當時我就嚇尿了。下面直接貼解決方案吧

      

 1 define(["services/services", 'zepto'], function (services, zepto) {
 2     //工具方法
 3     services.factory('Util', ['$ionicPopup', function ($ionicPopup) {
 4         return {
 5             
 6             /**
 7              * 修改頁面title
 8              * @param title {string} 須要改變的title 數據
 9              * @see http://qywx.gitcafe.io/2014/11/14/%E5%BE%AE%E4%BF%A1webview%E4%B8%AD%E7%9A%84%E4%B8%80%E4%BA%9B%E9%97%AE%E9%A2%98/
10              */
11             setTitle: function (title) {
12                 var $body = $('body')
13                 document.title = title;
14                 //hack在微信等webview中沒法修改document.title的狀況
15                 var $iframe = $('<iframe src="/favicon.ico"></iframe>').on('load', function () {
16                     setTimeout(function () {
17                         $iframe.off('load').remove()
18                     }, 0)
19                 }).appendTo($body)
20             }
21         }
22     }]);
23 });

-。-。 ps 我是封裝了一個工具的服務 這裏大家能夠跳過了  重點看 setTitle  固然Util 這個服務裏面還有不少內容 。接下來的日誌 我會慢慢的貼出來。

    今天就到這裏吧,尼瑪 的點開了 以看到最後呢。不點個贊留個言 對得起我碼那麼多字嗎。不留放學別走。

     親 看在我碼那麼多字，墨跡那麼久的份上 點個贊,留個言 讓更多的人看到吧。下一篇見！