day10-0814
bug記錄儀
bug-detail「css屬性無法生效」
微信公眾號開發(fā)捞魁，網(wǎng)頁中涉及到對于一個按鈕的動態(tài)背景調(diào)整昏兆。即根據(jù)傳入的不同參數(shù)進行動態(tài)修改樣式囚枪，
咩1.
采用方案 - 「動態(tài)修改class」
function getInvoiceState(obj) {
if (SERVICE_TYPE > 2) { // 未開票
return 'btn-invoice'
} else {
// 開票中 根據(jù) status 0
var st = obj.status
if (st === '0') {
return 'btn-invoicing'
}
return 'btn-invoiced'
}
}
結(jié)果: 對應(yīng)的
class的效果沒有出現(xiàn)
可能原因： 由于已經(jīng)使用了!important提升了權(quán)重晦嵌，考慮可能是class的優(yōu)先級導(dǎo)致框架自身的優(yōu)先級更高
咩2.
動態(tài)添加style佩伤，修改background-color屬性
// 代碼同上冻记，僅修改返回值
...
return "background-color: color"
結(jié)果：依舊沒有生效
可能原因：f******k
css屬性值修改沒有生效，如此簡單的bug棚唆，也沒有什么其他愿意會觸發(fā)暇赤，見了鬼鬼。
??????????????????????????????????????????????????
咩咩咩
使用CDT檢查也沒有什么錯誤出現(xiàn)呀宵凌！
等等鞋囊，background-color為什么會有一個嘆號
! -
invalid property
最終發(fā)現(xiàn)：
- 我的寫法
background-color: rgb(123, 45, 88, .45);
-
f*****k應(yīng)該是
background-color: rgba(123, 45, 88, .45);
至此，bug修復(fù)
Breakpoint
祝愿所有的bug都能夠被很快的fix
今天碰到一個小需求：需要在移動端對pdf進行預(yù)覽 「微信公眾號」
可行性方案：
- A.
iframe載入src of your_pdf「embed同這個方案」 - B.
jquery.media.js插件輔助顯示 - C.
pdf - png / jpg后端輔助 - D.
pdf.js- http://mozilla.github.io/pdf.js/
A. 簡單的iframe應(yīng)用
手機打開后會直接跳轉(zhuǎn)下載摆寄，無法正常預(yù)覽查看 「和pc不同失暴，pc可預(yù)覽」
B. 插件使用
$('#showpdf').media({
width: '100%',
height: '100%'
})
手機打開后會直接跳轉(zhuǎn)下載坯门，無法正常預(yù)覽查看 「和pc不同微饥，pc可預(yù)覽」 - 同上
C. pdf - png / jpg 后端輔助
暫時未實現(xiàn)，大體思路是： 使用開源工具 或者
api對要展示的
D. pdf.js
暫時未實現(xiàn)古戴，preference - blog
不足: 需要的資源太大欠橘，會造成卡頓
Note: 以上測試均在android，ios還未測試
END
盼： 有更好现恼，更省力的方案實現(xiàn) @ friends of JianShu
