20191104 前端開發日報

騰訊視頻 Node.js 服務是如何支撐國慶閱兵直播高并發的?;為什么 Node 是前端團隊的核心技術棧;2019年,你是否可以拋棄 CSS 預處理器?;Web 性能優化、文檔及代碼編輯器相關的新提案;JS倒計時;JS變量和類型全面解析;前端面試必備——權限控制;Git 約定式提交規范實踐

  1. 騰訊視頻 Node.js 服務是如何支撐國慶閱兵直播高并發的? 導語 | 上個月,我有幸參與了騰訊視頻國慶閱兵直播頁面開發的相關工作,最終,累計觀看2.38億人次,經受住了高并發的考驗。在參于Glama框架的開發維護及平時基礎建設相關討論實踐中,對高并發有一些部分實踐心得,正好老友也想了解騰訊視頻這邊的經驗,特撰寫本文,對相關經驗進行梳理總結,與大家探討。(本文作者:Luc...
  2. 為什么 Node 是前端團隊的核心技術棧 Scott 近兩年無論是面試還是線下線上的技術分享,遇到許許多多前端同學,由于團隊原因,個人原因,職業成長,技術方向,甚至家庭等等原因,在理想國與現實之間,在放棄與堅守之間,搖擺不停,心酸硬抗,大家可以找我聊聊南聊聊北,對工程師的宿命有更多的了解,有更多的看見與聽見,Scott 微信: codingdream。 ...
  3. 2019年,你是否可以拋棄 CSS 預處理器?隨著前端工程化的不斷完善,CSS 預處理器已經成為項目中不可缺少的部分,很多人在項目技術選型階段就會先選擇一個 CSS 預處理器,絕大部分前端工程的腳手架也內置了一系列的 CSS 預處理的模版,大家已經習慣了享...
  4. Web 性能優化、文檔及代碼編輯器相關的新提案 作為使用 Web 技術的代碼編輯器從業者,關注 Web 平臺的各種新提案是工作的一部分。隨著 Monaco Editor 被很多服務使用,我也開始收到各個新提案的發起者的邀請,對他們的提案提供反饋。其中一些提案跟編輯器開發效率和性能優化息息相關,但還處于非常早期的階段,十分有潛力,所以我覺得值得分享出來,這樣大家有機會可...
  5. JS變量和類型全面解析變量和類型是學習JavaScript最先接觸到的東西,但是往往看起來最簡單的東西往往還隱藏著很多你不了解、或者容易犯錯的知識,比如下面幾個問題:
  6. 前端面試必備——權限控制記得當年面試的時候,面試官問我,前端怎么做權限控制,咱也不太會這個,只能尷尬回答道:“都是老大搭的架子,我只負責寫業務模塊代碼”,。如今自己也做了很多項目了,覺得有必有對前端權限控制做一個總結。
  7. 突破:Ajax請求Ajax請求是現代網頁最重要的構成元素之一,通過這項技術,用戶可以在不重載整個頁面的情況下,完成局部數據的交互與刷新。如果這項功能不存在,那每一次向服務器申請數據,所有內容都需要重新下載、排列。雖然聽...
  8. Node.js 12 to LTS and Node.js 13 is here 生產環境 Node 12 用起來~
  9. JavaScript之多線程和Event Loop幾乎在每一本JS相關的書籍中,都會說JS是單線程的,JS是通過事件隊列(Event Loop)的方式來實現異步回調的。 對很多初學JS的人來說,根本搞不清楚單線程的JS為什么擁有異步的能力,所以,我試圖從進程、線程的角度...
  10. Vue Cli瀏覽器兼容性實踐 在處理瀏覽器兼容性問題之前,我們先來看一下現在的瀏覽器市場份額是怎樣的,:point_down:下面是來自statCounter的數據,基本上覆蓋了全世界瀏覽器市場份額的統計,而且前端er經常使用的caniuse所拉取的瀏覽器數據就是來自statCounter。 世界范圍 天朝范圍 Plus移動端 分析 從...
  11. Vue3都要上的TypeScript之工程實踐 什么?尤大要把Vue 3.0全部改成用Typescript來寫?這不是逗我嗎,那我是不是要用TypeScript來寫Vue應用了? 好吧,Vue3.0可能最快也要19年年末才出來,Vue3.0是會對Ts使用者更友好,而不是只能用ts了,尤大使用ts的原因也是因為ts的靜態類型檢測以及ts的表現比flow越來越好了。自從巨硬大步邁向開源,前端圈...
  12. webpack react腳手架配置-1 web前端長久以來,都沒有很好的模塊化組織代碼,直到社區的CommonJS,AMD模板規范出現,極大的方便了前端開發的效率, 而規范很好看,而現實是瀏覽器并不支持,所以就要用到webpack這樣的打包工具。 在學習react的時候,必不可少會用到腳手架工具,最常用的就是react官方提供的 create-react-app ,簡單輸入幾個命...
  13. 使用webpack命令打包時,報錯TypeError: Cannot read property 'presetToOptions' of undefined的...
  14. 《前端實戰》之變量提升,函數聲明提升及變量作用域詳解 之所以會寫這篇文章,主要源于筆者在重構老項目的時候發現了一個bug,導致某個插件不生效了,在review加search code加斷點調試之后,發現了原因:一個同名的變量將插件方法給覆蓋了,ohmyGad。 正文 1.變量是如何被覆蓋的 在一般情況下,js代碼都是自上而下執行的,對于同一個變量,我們可以通過如下方式來修改: va...

關注github前端日報 訂閱精彩文章

前端日報欄目數據來自碼農頭條,每日分享互聯網上熱門的前端開發、移動開發、設計、資源和資訊等,為開發者提供動力,如果覺得內容對你有用,記得分享給你的小伙伴。進入碼農頭條查看更多