潮流前端週刊(第39期)- 紅色標語

飛豬前端團隊發表於2021-07-25

封面圖攝於烏魯木齊紅山公園,那天陽光很大,紅字超級清晰,對於開發工程師而言,你的初心是啥?

記錄每週看到的接地氣的前端潮流技術,篩選後釋出於此,覺得不錯可關注此專欄,方便獲取更新通知

前端技術

高頻Linux命令大總結,可以記住
segmentfault.com/a/119000004…
很是不錯,我特地練習了一遍輔助記錄,有必要記住常用的,畢竟不少和Mac互通,不過遇到那種開機關機的就可以不要試了。

利用機器學習通過網頁預提取技術加快網站載入速度
mp.weixin.qq.com/s/S1Yg6wiYk…
這個思路好,感覺可以應用到我們的一些場景中,而且還很潮流。

手把手教你設計一個任務排程器
mp.weixin.qq.com/s/O6fAOodJq…
這篇文章從業務現狀出發,考慮需要覆蓋的場景,設計排程器需要提供的角色。 然後確定了排程器的關鍵介面,同時給出了簡單實現。

深入瞭解現代瀏覽器
mp.weixin.qq.com/s/XN9wUM-Fd…
是一個合集中的最後一篇,可以在尾部看到其他幾篇的連結。

CSS ::marker 讓文字序號更有意思
segmentfault.com/a/119000004…
越來越覺得,隨著JS框架越用越久,普遍很多同學不太care css的一個好玩的東西。

潮流開源

DoraemonKit:泛前端產品研發全生命週期的工具
github.com/didi/Doraem…
個人覺得這個介紹不是很好,可以理解成App上測試版本的開發除錯小工具。
潮流前端週刊(第39期)- 紅色標語

vuejs/petite-vue:用於漸進增強的只有5k的Vue
github.com/vuejs/petit…
感覺這個思路很潮流,很適合開發一些小頁面,讓你回到當時jquery的體驗,一把梭,看程式碼你就懂了。

<body>
  <script src="https://unpkg.com/petite-vue" defer init></script>
  <div v-scope="{ count: 0 }">
    <button @click="count--">-</button>
    <span>{{ count }}</span>
    <button @click="count++">+</button>
  </div>
</body>
複製程式碼

solid:宣告式的UI框架
github.com/solidjs/sol…
這樣的寫法:


const _tmpl$ = template(`<div>Hello </div>`);

const HelloMessage = props => {
  const _el$ = _tmpl$.cloneNode(true);
  insert(_el$, () => props.name);
  return _el$;
};

render(
  () => createComponent(HelloMessage, { name: "Taylor" }),
  document.getElementById("hello-example")
);
複製程式碼

tiptap:面向Web工程師的無頭編輯器
github.com/ueberdosis/…
支援主流的語言框架,效果還是挺好的。
潮流前端週刊(第39期)- 紅色標語

MonitorControl:在Mac上控制外部顯示器的亮度和音量
github.com/MonitorCont…
一條命令就安裝好了。

brew install --cask monitorcontrol
複製程式碼

他山之石

寫給Node開發同學看的Rust介紹
itnext.io/deep-dive-i…
英文版本,不過代入Node其實筆記好理解。

在 iOS 客戶端上通過 bitcode 為第三方庫修復 bug
mp.weixin.qq.com/s/BuDnfl1Zb…
本文主要記錄了 iOS 移動端的一個疑難 bug 的排查過程,以及介紹通過給 bitcode 打補丁重新生成機器碼,為有問題的第三方庫修復 bug 的方法。

如今的飛機餐,為什麼變得越來越難吃了?
www.huxiu.com/article/440…
我也覺得,想起雞肉飯和牛肉麵來了。看這個的解釋你吃過哪些難吃的飛機餐?

工業和資訊化部大力推進APP開屏彈窗資訊騷擾使用者問題整治
www.miit.gov.cn/xwdt/gxdt/s…
傳說中的社會主義的鐵拳,期待我這篇 為啥國內兩年前的 APP 這麼好用?成為過去式。

為什麼要使用 Go 語言?Go 語言的優勢在哪裡?
www.zhihu.com/question/21…
最近想學習一個新語言,可能會是 GO。

相關文章