奇舞周刊第 460 期:详聊前端异常原理
記得點(diǎn)擊文章末尾的“?閱讀原文?”查看喲~
下面先一起看下本期周刊?摘要?吧~
奇舞推薦
■ ■ ■
?詳聊前端異常原理
隨著近年來(lái)前端監(jiān)控體系建設(shè)日益完善,前端工程師對(duì)異常更加關(guān)注。業(yè)界關(guān)于 JS 異常介紹大多只談了異常的捕獲方法,對(duì)產(chǎn)生的原因和處理辦法談的較少。本文將詳細(xì)的闡述異常原理,把筆者近 2 年在前端監(jiān)控領(lǐng)域中與異常打交道的經(jīng)驗(yàn)分享給大家。
?種子輪融資 700 w,Astro 的正式發(fā)布給前端界帶來(lái)了什么?
就在上周,Astro 團(tuán)隊(duì)發(fā)布了 1.0 的正式版本。從年初我就開(kāi)始關(guān)注這個(gè)項(xiàng)目了,但當(dāng)時(shí)只是學(xué)習(xí)了一下倉(cāng)庫(kù)的工程化搭建相關(guān)的東西 (changesets 自動(dòng)發(fā)包之類),并沒(méi)有深入了解它本身的功能。借著正式發(fā)版的機(jī)會(huì),這幾天熟悉了一下 Astro 1.0,發(fā)現(xiàn)了很多有意思的地方,下文會(huì)分別從團(tuán)隊(duì)背景、框架定位和核心優(yōu)勢(shì)幾個(gè)維度給大家展開(kāi)介紹,最后也會(huì)推薦一些學(xué)習(xí)資料。
?學(xué)會(huì)這 10 + 個(gè) JavaScript 單行代碼,讓你的代碼更優(yōu)雅
JavaScript 非常大的特點(diǎn)容易上手且非常靈活,代碼實(shí)現(xiàn)方式五花八門(mén);有時(shí)候能一行代碼解決,就盡量不用兩行。本文整理了非常有用的單行代碼,這些需求都是在開(kāi)發(fā)中非常常見(jiàn)的,用單行代碼可以幫助你提高工作效率。
技術(shù)實(shí)踐
■ ■ ■
?Vitest:現(xiàn)代前端測(cè)試框架
有一段時(shí)間沒(méi)更新文章了,最近在公司項(xiàng)目中對(duì)現(xiàn)有的測(cè)試框架從 jest 遷移到 vitest (一個(gè) Monorepo 類型的項(xiàng)目,里面測(cè)試大概有 700 組)。最后僅僅從性能上來(lái)看,還是取得了不錯(cuò)的成效,同樣也很大程度上減少了因?yàn)橛纺[的 jest 帶來(lái)的很多配置心智負(fù)擔(dān)。同時(shí)也發(fā)現(xiàn)其實(shí)現(xiàn)在社區(qū)中關(guān)于 vitest 的一些文章介紹還是比較少的,因此這篇文章中筆者會(huì)給大家介紹一下 vitest 這一測(cè)試框架,以及從 jest 到 vitest 遷移過(guò)程中的一些踩坑記錄,希望能有所幫助
?Bundle-less 的思考和實(shí)踐分享
隨著 Snowpack、Vite 等利用提倡 no-bundle 的構(gòu)建工具逐漸興起,同時(shí)現(xiàn)代瀏覽器對(duì)原生 ESM 的普遍支持,Bundle-less 的概念席卷前端圈,那么我們?nèi)绾卫斫?Bundle-less?究竟是炒概念還是能夠真正地給業(yè)界帶來(lái)收益?下面就來(lái)分享一下我對(duì)于 Bundle-less 的理解以及在這個(gè)方向上做過(guò)的一些探索。
?React 的一些最佳安全實(shí)踐
大家好,我是 ConardLi。React.js、Vue.js 這些現(xiàn)代的前端框架默認(rèn)已經(jīng)對(duì)安全做了非常多的考慮,但是這仍然不能阻礙我們寫(xiě)出一些安全漏洞。。。因?yàn)榭蚣苡肋h(yuǎn)不能完全限制我們編程的靈活性,只要有一定的靈活性存在就意味著有安全風(fēng)險(xiǎn)。
拓展邊界
■ ■ ■
?學(xué)習(xí) HTTP Referer
HTTP 中 Referer 字段在工作中或許并不會(huì)吸引你的注意,隱藏在 Network 的請(qǐng)求之下,但是卻有著非常重要的作用。平常你一定會(huì)遇到一些問(wèn)題需要去排查,假如這個(gè)問(wèn)題在你排查完全部代碼后,依然沒(méi)有解決,這個(gè)時(shí)候你會(huì)怎么辦?此時(shí)我們就需要將排查問(wèn)題的角度轉(zhuǎn)換一下,切換到 HTTP 協(xié)議上。
?移動(dòng)端可視化引擎 F2 架構(gòu)設(shè)計(jì)之:為什么要選用 JSX
編者按:本文作者是螞蟻集團(tuán)前端工程師索丘,和大家一起聊一聊為什么移動(dòng)端可視化引擎 F2 要選用 JSX,這背后的思考是什么?歡迎查閱~
關(guān)于奇舞團(tuán)
奇舞團(tuán)是 360 集團(tuán)最大的大前端團(tuán)隊(duì),代表集團(tuán)參與 W3C 和 ECMA 會(huì)員(TC39)工作。奇舞團(tuán)非常重視人才培養(yǎng),有工程師、講師、翻譯官、業(yè)務(wù)接口人、團(tuán)隊(duì) Leader 等多種發(fā)展方向供員工選擇,并輔以提供相應(yīng)的技術(shù)力、專業(yè)力、通用力、領(lǐng)導(dǎo)力等培訓(xùn)課程。奇舞團(tuán)以開(kāi)放和求賢的心態(tài)歡迎各種優(yōu)秀人才關(guān)注和加入奇舞團(tuán)。
?
總結(jié)
以上是生活随笔為你收集整理的奇舞周刊第 460 期:详聊前端异常原理的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: from easydict import
- 下一篇: webmagic+selenium模拟浏