工做中碰見的一些問題總結

2017-08-07

學習fis3語法.

• 命令：
  • -d destination 構建發佈到的目標文件
  • -r run 運行
  • -w watch 監視
• 配置文件：
  • fis.match(selector, props) 匹配文件路徑，設置編譯規則屬性
  • fis.media() 接口提供多種狀態功能（開發環境、生產環境、scss）
• 插件(parser)：
  • fis-parser-node-sass sass/scss 編譯成 css
  • fis-parser-babel-5.x jsx/es6/es7編譯成es5
  • fis3-parser-typescript typescript/es6/jsx 編譯成 js。速度相比babel略快，可是 es7 跟進較慢
  • fis-parser-less-2.x less 編譯成 css
• 壓縮(optimizer)：
  • fis.plugin('uglify-js') 壓縮js
  • fis.plugin('clean-css') 壓縮css
  • fis.plugin('png-compressor') 壓縮圖片
  • fis.plugin('html-strip') 壓縮html

2017-08-08

問題：彈性佈局中flex-grow屬性的做用
解決：查看資料瞭解了flex-grow和flex-shrink的區別
flex-grow 屬性決定了父元素在空間分配方向上還有剩餘空間時，如何分配這些剩餘空間。其值爲一個權重（也稱擴張因子），默認爲 0（純數值，無單位），剩餘空間將會按照這個權重來分配。
flex-shrink 屬性定義空間不夠時各個元素如何收縮。其值默認爲 1。

2017-08-16

1. 問題：谷歌瀏覽器不識別12px如下的字體大小（10px）
   解決：（1）設置-webkit-transform:scale(0.83)，按比例縮小字體。可是標籤左右會因縮小產生空白間隙，致使沒法向左或者向右對齊（使用transform:scale(0.83)時; 不只是文字變小了，整個文字所在的容器也同時會變小）;
   （2）-webkit-text-size-adjust:none;（取消瀏覽器最小字體限制），可是隻對英文才有效，對中文無效。在新版的chrome中，已經禁止了改屬性，只對chrome27.0 版本如下有效，27.0以上版本無效。
   設置字體大小爲10px,在瀏覽器模擬器上沒法識別，但在真機上不會出現問題。
   1. 問題：父盒子使用 display:-webkit-box; 佈局，子盒子使用 -webkit-box-flex: 1; 等比例分欄，當給其中一個子盒子設置padding或者margin時，會改變子盒子的盒模型大小。
      解決：根據狀況按等比例使子盒子分欄。例如：分兩欄，則給兩個子盒子分別設置：width:50%; 在這種狀況下不會改變子盒子的盒模型大小。

2017-08-21

問題：iPhone5下的「投資明細」頁面左欄圓圈tag變形。
解決：主要是因爲給圓圈設置的border寬度爲rem單位，所以致使想屏幕下的border自適應屏幕以後變得特別小，而後變形。使用px爲單位就能夠解決問題了。在之後的開發中，相似於border寬度的，都應該使用px固定單位，而不用rem做爲單位。

2017-08-28

熟悉狀態碼304：重定向，資源有緩存
自從上次請求後，請求的網頁未修改過。服務器返回此響應時，不會返回網頁內容。
若是網頁自請求者上次請求後再也沒有更改過，您應將服務器配置爲返回此響應（稱爲 If-Modified-Since HTTP 標頭）。服務器能夠告訴 Googlebot 自從上次抓取後網頁沒有變動，進而節省帶寬和開銷。

2017-08-30

2 . 瞭解document.referrer的兼容性，以及失效的幾種狀況

• http://www.zhangxinxu.com/wordpress/2017/02/js-page-url-document-referrer/
• http://blog.csdn.net/flyingpig2016/article/details/53130912

3 . 瞭解CSRF跨站請求僞造攻擊和ClickJacking漏洞

• CSRF跨站請求僞造攻擊：
  • http://www.cnblogs.com/hyddd/archive/2009/04/09/1432744.html
  • http://blog.csdn.net/stpeace/article/details/53512283
• ClickJacking漏洞：
  • https://www.zhuyingda.com/blog/article.html?id=6&origin=cnode

4 . 瞭解location對象的一些屬性和方法

• 屬性：
  • hash 設置或返回從井號 (#) 開始的 URL（錨）。
  • host 設置或返回主機名和當前 URL 的端口號。
  • hostname 設置或返回當前 URL 的主機名。
  • href 設置或返回完整的 URL。
  • pathname 設置或返回當前 URL 的路徑部分。
  • port 設置或返回當前 URL 的端口號。
  • protocol 設置或返回當前 URL 的協議。
  • search 設置或返回從問號 (?) 開始的 URL（查詢部分）。
• 方法：
  • assign() 加載新的文檔。
  • reload() 從新加載當前文檔。
  • replace() 用新的文檔替換當前文檔。