• 2020.11.21

【譯】協調微前端

協調微前端 現在是時候討論如何協調微前端了。 首先,關於微前端應該是什麼樣子,有兩種思路,如上一篇文章 中所述,我解釋了微前端的不同實現:一個微前端對應著一塊用戶界面的區域,其中微前端是 SPA 或單個頁面。 當我們考慮基於應用的不同邏輯區域(如標題,頁腳,付款表單等)的微前端實現時,我們將面臨不同 […]

  • 2020.11.21

你可能不知道的Markdown騷操作

前言 Markdown 是我們廣大程序員最熟悉的一門語言之一,因為它易讀,語義化等特點,被我們廣泛用於文檔編寫中,可以說是和 JSON 相提並論的一種通用語法。 可你是否知道,Markdown 其實玩出很多騷操作呢?今天,我們用基於 CommonMark 的 GFM 規範為例,給大家總結了以下的騷操 […]

  • 2020.11.21

【全是乾貨】談談如何學習一項新技能,沒有理論,全是實戰

前言 我的上篇文章:面試分享:專科半年經驗面試阿里前端P6+總結(附面試真題及答案) 評論區有幾位同學問我如何學習,今天就單獨開篇文章來談談吧,歡迎各位大佬在評論區貼上自己的學習方法。 以下是我的學習方式 學習某種語言 大致看一下官方文檔,不要一個一個的仔細研究,太費時間也記不住(別擔心,後面有方式 […]

  • 2020.11.21

大前端性能總結

Node端性能 性能評估 通過性能測試工具評估: wrk:支持lua腳本,可以輕鬆應對各種測試需求,如 -- 帶隨機參數請求 function request() wrk.headers["Connection"] = "keep-Alive" arg = math.random(1, 500) p […]

  • 2020.11.21

Flutter系列一:Flutter快速入門

Flutter快速入門 前言 Flutter安裝及Hello World請看官方文檔,本教程不做介紹 Flutter與其它移動開發框架 原生開發框架工作原理圖 基於Webview框架的工作原理圖 RN工作原理圖(嚴重依賴OEM組件) Flutter工作原理圖 Flutter與其它方案對比 Flutt […]

  • 2020.11.21

WebAssembly系列一:WebAssembly介紹

WebAssembly 介紹 出現 WebAssembly 的契機 JS 語言存在的缺陷 JS只包含64位浮點數(double雙精度浮點數),遵循IEEE754標準,這會導致運算不準確的問題(如:0.1 + 0.2),當然現今的解決方案也很多,如:mathjs、TC39 BigInt、將結果通過to […]

  • 2020.11.21

深入理解Webpack打包分塊(上)

前言 隨著前端代碼需要處理的業務越來越繁重,我們不得不面臨的一個問題是前端的代碼體積也變得越來越龐大。這造成無論是在調式還是在上線時都需要花長時間等待編譯完成,並且用戶也不得不花額外的時間和帶寬下載更大體積的腳本文件。 然而仔細想想這完全是可以避免的:在開發時難道一行代碼的修改也要重新打包整個腳本? […]

  • 2020.11.21

微前端說明書

為什麼寫 互聯網公司技術選型三定律 流行即正義 新鮮即正義 複雜即正義 —— 我 因為最近被問起當前公司的前端產品有沒有聚合為微前端的可能性,所以又重新開始審視“微前端”這個話題。差不多一年前寫過一篇反駁美團微前端方案的文章。那篇文章更多的是關於“沒有必要這麼做”,但是“應該如何做”我也並沒有給出更 […]

  • 2020.11.21

前端架構101(二):MVC初探

我把 MVC 框架作為我們理解架構的切入點。雖然它現在已經式弱了,但在我看來它非常重要並且起到了承上啟下的作用:作為經典的解決方案第一次系統的把應用的從複雜的混沌中解救了出來。從這套方法論中我們能學習到很多至今能受用的思路,同時我們也能瞭解到它的不足。 如果從篇幅上看我確實 MVC 裡停留較長的時間 […]

  • 2020.11.21

前端架構101(三):MVC啟示錄:模塊的職責,作用域和通信

在上一篇中,我提出了一個應用中常見的問題:如何在多個視圖中共享同一份數據,並且保證它的改動能夠同步到不同的視圖中去? 建議從這個系列的第一篇開始閱讀 前端架構 101(一):在談論它們之前我們需要達成的共識 前端架構 101(二): MVC 初探 針對這個問題我給出了兩類解決方案:一類是用戶行為驅動 […]