@dab2fde15a47 要先引入 mediaelementjs
HTML中給audio自定義樣式HTML5自帶啊audio能滿足基本的需求了，但是當(dāng)設(shè)計(jì)提出一些效果的要求的時(shí)候，修改起來發(fā)現(xiàn)很麻煩. 比如下 圖1 是HTML5 audio默認(rèn)效果，下圖2是設(shè)計(jì)要求的效果...
發(fā)簡(jiǎn)信
IP屬地：浙江
-
-
深入了解CSS：字體度量、line-height和vertical-align原文地址：Deep dive CSS: font metrics, line-height and vertical-align[https://iamvdo.me/en/b...
-
Flutter Kaizen
快速安裝 在墻內(nèi)網(wǎng)絡(luò)安裝 Flutter需要配置 Proxy，打開 ~/.bash_proile 增加下面兩行 proxy 配置： 執(zhí)行 source ~/.bash_pro...
-
關(guān)于Cookie項(xiàng)目實(shí)踐后知道的在知乎上回答過 Cookie 從哪里來，網(wǎng)站用它來干嘛? 這樣一個(gè)問題，它只介紹了Cookie是什么。但作為一個(gè)職場(chǎng)多年，發(fā)現(xiàn)很多工作數(shù)年的同事，對(duì)Cookie對(duì)理解仍舊還...
-
讀《鳳凰項(xiàng)目》關(guān)于本書 《鳳凰項(xiàng)目》本書以一個(gè)IT經(jīng)理的視角，以小說的形式，介紹一個(gè)汽車零部件公司，如何通過IT部門的“變革”扭轉(zhuǎn)市場(chǎng)局勢(shì)的故事。 全書 80%是小說，20%是介紹三步工作...
-
由債券基金收益下跌想到的
基金一種理財(cái)產(chǎn)品，由專人替你打理資金，購(gòu)買股票、債券等產(chǎn)品，基金公司靠收取傭金運(yùn)作，賺的多，買的人就多，傭金也就多。 1. 債基的收益下跌 了解過基金購(gòu)買基礎(chǔ)知識(shí)的人都知道，...
-
讀《你的情緒為和總被他人所左右》
一、關(guān)于這本書 1）標(biāo)題中的“他人”指代的不只是人，也包含了發(fā)生的事件，包括惡劣的天氣，延期的航班等。2）很多人吐槽這本書翻譯的很差，閱讀體驗(yàn)確實(shí)不好，但其中提倡的”理性情緒...
-
通過查看mediaelementjs示例中的元素，可以看到它的css中應(yīng)用了什么svg，獲取名字即可在當(dāng)前瀏覽器地址后面拼接得到。
HTML中給audio自定義樣式
HTML5自帶啊audio能滿足基本的需求了，但是當(dāng)設(shè)計(jì)提出一些效果的要求的時(shí)候，修改起來發(fā)現(xiàn)很麻煩. 比如下 圖1 是HTML5 audio默認(rèn)效果，下圖2是設(shè)計(jì)要求的效果...
-
@yuedingwangji 感覺沒必要，你寫一篇文章可能習(xí)慣性幾十次保存，不可能有改動(dòng)就提交。 把幾個(gè)git命令配置成alias（mac下），或者寫到bash文件中，提交就是幾秒鐘內(nèi)的事。
使用gitbook和hooks搭建自動(dòng)更新的博客筆記
前端整理學(xué)習(xí)的技術(shù)點(diǎn)有很多，個(gè)人喜歡以markdown筆記的形式記錄，方便查閱。 本篇就介紹/記錄下應(yīng)用gitbook、nodejs、github hooks在服務(wù)器配置能自...
-
使用gitbook和hooks搭建自動(dòng)更新的博客筆記前端整理學(xué)習(xí)的技術(shù)點(diǎn)有很多，個(gè)人喜歡以markdown筆記的形式記錄，方便查閱。 本篇就介紹/記錄下應(yīng)用gitbook、nodejs、github hooks在服務(wù)器配置能自...
-
[摘錄]如何成為一名黑客
文章摘錄自大教堂與集市：附錄A 如何成為一名黑客，個(gè)人認(rèn)為其中強(qiáng)調(diào)的對(duì)待問題態(tài)度、學(xué)習(xí)的方法到現(xiàn)在讀起來也還頗有價(jià)值。 黑客的基本態(tài)度 黑客解決問題并作出東西，他們相信自由，...
-
前端性能優(yōu)化的原則、方法
前端性能對(duì)用戶體驗(yàn)至關(guān)重要，講解性能優(yōu)化的文章也很多，本文將介紹基本的原則和方法。 原則 性能優(yōu)化的首要原則是，優(yōu)先解決妨礙用戶體驗(yàn)的問題。 通過使用工具對(duì)性能問題進(jìn)行度量，...
-
瀏覽器中為什么 “無法觀察對(duì)象在內(nèi)存中自動(dòng)消失” 呢？理論上只要WeakSet中對(duì)象不被其他地方引用，直接通過瀏覽器的Performance是能觀察到內(nèi)存減少的吧。
通過JavaScript垃圾回收機(jī)制來理解WeakSet/WeakMap中對(duì)象的弱引用
垃圾收集 JavaScript具有自動(dòng)垃圾收集機(jī)制。也就是說開發(fā)人員無需關(guān)心內(nèi)存使用問題，執(zhí)行環(huán)境會(huì)負(fù)責(zé)管理代碼執(zhí)行過程中使用的內(nèi)存，找出不再繼續(xù)使用的變量，然后釋放其占用的...
-
HTTP的緩存實(shí)踐
HTTP的緩存實(shí)踐 參考資料 緩存的資料中，難免有一些描述不精確的地方，會(huì)誤導(dǎo)人，需要自己結(jié)合更多的靠近規(guī)范的解釋去甄別，下述兩篇中，第一篇寫的非常好，第二篇可以作為輔助： ...
-
nginx 403 Forbidden 排錯(cuò)記錄
記錄一次nginx 403錯(cuò)誤的處理情況 ，當(dāng)然nginx 403錯(cuò)誤引起的原因有很多，這里記錄的只是其中一種 （權(quán)限引發(fā)的問題） 場(chǎng)景： 我把個(gè)人簡(jiǎn)歷放在github上，但...
-
@國(guó)_1b7e 問題可以發(fā)出來，會(huì)的話可以看看。
Vue項(xiàng)目中通過v-model封裝ElementUI組件
1. 問題 Vue的項(xiàng)目中有如下的代碼，需要根據(jù)不同字典的數(shù)據(jù)去展示下拉組件： 問題在于很多component中都需要用到這樣的代碼片段，而且很多都是重復(fù)的某個(gè)字典，書寫麻煩...
-
[譯]《CSS In Depth》第2章 使用相對(duì)單位
說明，內(nèi)容來自O(shè)'Reailly的電子版，只簡(jiǎn)練地翻譯了該章的內(nèi)容。 1. 為什么要用相對(duì)單位 在早期的軟件開發(fā)中，我們明確知道設(shè)備大小，一個(gè)窗口可能是400px寬、300p...