前端閱讀筆記 2016-11-23

wind5o 發(fā)布于2019-08-20 12:29 / 3108人閱讀

摘要：今天閱讀量不大。工具目前還很初級(jí)，名為，可以在上找到，各方面都還有待改進(jìn)，以支持更多方式。方才確定不是配置的原因。好了，廢話不說(shuō)了，直接上閱讀筆記。方面，國(guó)內(nèi)基本僅此一人。請(qǐng)點(diǎn)擊閱讀原文查看更多，不止這三篇哦晚安

今天閱讀量不大。一則今天的文章確實(shí)不多，跟蹤的 30+ 博客更新不多。二則今天的主要精力在別的事情上。

首先，之前遇到過(guò)一些 CSS 精靈圖的問(wèn)題。同樣的圖標(biāo)，切下來(lái)的尺寸卻不一樣，這種時(shí)候普通的工具幾乎無(wú)能為力，只能自己手動(dòng)拼圖。于是自己做了個(gè)小工具，如你所想，canvas 大法。問(wèn)題不大，但想借機(jī)用下 rollup 這個(gè)工具。難點(diǎn)之一在于，如何計(jì)算最合適的網(wǎng)格尺寸。這時(shí)候想起 @EtherDream 的《利用 canvas 實(shí)現(xiàn)數(shù)據(jù)壓縮》。迎刃而解。工具目前還很初級(jí)，名為 grid-sprite，可以在 Github 上找到，各方面都還有待改進(jìn)，以支持更多方式。

接下來(lái)的時(shí)候，都和 rollup 杠上了。做 grid-sprite 的時(shí)候發(fā)現(xiàn)，rollup-watch 存在泄漏的問(wèn)題，短暫時(shí)間內(nèi)反復(fù)按下 ctrl+s 會(huì)導(dǎo)致無(wú)限編譯。查 issue，發(fā)現(xiàn)很久之前就有這個(gè)問(wèn)題。又以為是哪里配置不對(duì)，把老大的 v-tags 項(xiàng)目拷到本地跑起來(lái)，幾經(jīng)試驗(yàn)，也存在問(wèn)題。方才確定不是配置的原因。接著就是做 angular2 的 rollup 打包。Github 上有一堆，真正能跑起來(lái)的沒(méi)幾個(gè)。關(guān)鍵在 angular 的 AOT 模式怎么解決。從昨天到今天，花了大把時(shí)間，剛剛終于解決（還有一點(diǎn)點(diǎn)問(wèn)題，但不影響使用）。這才有時(shí)間來(lái)寫(xiě)今天的推送。

哦對(duì)了，昨天下午和今天下午還遇到一點(diǎn)問(wèn)題，基本都是客戶(hù)反饋。簡(jiǎn)而言之就是，flash 真的很耗性能啊；同樣是 flv 視頻，編碼還有 AVC、H263 的不同啊 —— 希望等我了解清楚之后，有機(jī)會(huì)寫(xiě)篇筆記，搞得明白清楚。

正因?yàn)檫@些事情，也沒(méi)時(shí)間看其他一些網(wǎng)站。所以今天僅僅就三篇。好了，廢話不說(shuō)了，直接上閱讀筆記。

全球 HTTPS 時(shí)代已來(lái)，你跟上了嗎？

關(guān)于 HTTPS，毋庸多言。真正切身體會(huì)到其好處還是前些天的事。個(gè)人博客的文章分享到朋友圈之后，總是會(huì)出現(xiàn)被強(qiáng)行轉(zhuǎn)碼現(xiàn)象。最后發(fā)現(xiàn)，如果站點(diǎn)用了 HTTPS 就不會(huì)存在這種問(wèn)題。無(wú)奈 Github 自定義域名是不支持 HTTPS 的。

解決文字和 text-decoration:underline 下劃線重疊問(wèn)題

張?chǎng)涡翊笊竦膯?wèn)題。大神總是從細(xì)節(jié)切入，大神為我每周編輯的周刊的 CSS 話題部分撐起了大半邊天。CSS 方面，國(guó)內(nèi)基本僅此一人。不容易。

使用 React.js 的漸進(jìn)式 Web 應(yīng)用程序：第 4 部分 - 漸進(jìn)增強(qiáng)

關(guān)于漸進(jìn)式 WebAPP，關(guān)于 React，關(guān)于用戶(hù)體驗(yàn)。

就這么多。請(qǐng)點(diǎn)擊“閱讀原文”查看更多，不止這三篇哦~ 晚安