前端爱好者周刊（Github：shfshanyue/weekly），记录开源工具、优秀文章、各大库版本发布记录前端每周等每周一发布，订阅平台如下，欢迎订阅。订阅网址：https://weekly.shanyue.techGithub订阅：shfshanyue/weeklycover大型货轮昌慈搁浅，堵塞苏伊士运河。救援仍在继续。在最新的github版本中，Readme已经支持了TOCquickcatalogsvg-term可以方便的记录你在终端上的操作命令，并保存为一个小的SVG动画代码。您可以使用VSCode快速打开当前目录。新西兰国家水与大气研究所近日发布的一项研究显示，在新西兰周边海域采样的鱼类内脏中存在微塑料，甚至在肌肉组织中也发现了微塑料。贷款市场报价利率（LPR）已经出炉。中国的1年期和5年以上LPR没有调整。1年期LPR仍为3.85%，5年以上LPR为4.65%。国防部新闻发言人表示，102号055型驱逐舰拉萨舰顺利完成建造试航，于3月2日正式入列中国海军。截至3月24日，我国快递业务量已达今年突破200亿，日均业务量超过2.4人次，日均服务用户接近5亿人次，苏伊士运河货轮搁浅，日均损失4亿美元。埃及有关部门表示，对苏伊士运河搁浅货船的营救工作仍在继续，运河停运。不排除救援需要数周时间才能研制出武器。1、PrettierPlayground：任何语言的代码格式Prettier是一种优秀的代码格式2、Asciinema：终端动作录制软件一??个用python编写的工具软件，可以录制终端操作命令的动画，可以在线播放。借助第三方工具，可以转成gif动画或者svg动画。使用以下两行命令可以快速开始录制终端。$brewinstallasciinema$asciinemarecrepo:asciinema/asciinema3.svg-term-cli:将终端操作记录为SVG动画基于asciinema的软件，用javascript编写。您可以将终端操作记录为svg动画$catdemo.cast|svg-term>demo.svgrepo:marionebl/svg-term-clinpm:svg-term-cli文章推荐1.只有使用CSS才能提高页面渲染速度4本文提到四种提高页面性能的CSS技巧content-visibilitywill-change链接@importjumptranslationwithmediaquery2.如何高效组织npmscript项目的npmscript是前端工程的一个缩影，这篇文章可以让我们对如何更好的组织npmscripts有一个新的认识，涉及以下几个方面start/devbuildtestformatlintauditoutdatedsizeddeploy代码片段1.Array.prototype.flatMap:输出了以下几个结果？输入和输出结果是什么？[1,2,[3],4].flatMap(x=>x+1)输出，你做对了吗？[1,2,[3],4].flatMap(x=>x+1)//=>[2,3,'31',5]而flatMap其实就是先map后flat，实现如下大批。prototype.flatMap=function(mapper){returnthis.map(mapper).flat()}二、清空数组constl=[1,2,3,4,5]//清空数组很方便Arrayl.length=0开源和库1.Prettier：代码格式化工具支持html、css、js、graphql、markdown等多种编程语言，可与编辑器（vscode）代码格式化工具深度集成repo:prettier/prettiernpm:prettier2.commitlint:GitCommit格式化工具repo:conventional-changelog/commitlintnpm:@commitlint/cli3.npm-check-updates:升级package.json中的依赖到最新版本npm-check-更新es，npmoutdated的升级版本，可以控制package.json中的依赖升级到最新版本$ncuCheckingpackage.json[=====================]5/5100%表达4.12.x→4.13.xmulter^0.1.8→^1.0.1react-bootstrap^0.22.6→^0.24.0react-a11y^0.1.1→^0.2.6webpack~1.9。10→~1.10。5运行ncu-u升级package.json如果想安全升级，可以使用ncudoctor--doctor，升级依赖前必须成功通过测试用例repo:rainorshine/npm-check-updatesnpm:npm-check-更新4、storybook：构建更健壮的React/Anular/VueUI组件storybook可以更高效地组织React/Angular/VueUI组件repo:storybookjs/storybook/versionrelease1.webpackv5.28.0webpackv5.28.0on2021.03.24发布，完善功能，修复bug如下（webpack在Release中没有指定改进功能和修复bug的Issue）增加module.generator.asset.publicPath为assets配置不同的publicPath修复了5.26.0使用unsafe缓存时引入的watch模式缓存问题提升序列化性能2.nodejs15.12.0crypto：向crypto.sign和crypto.verify添加可选回调（FilipSkokan）在create*Key中支持JWK对象（FilipSkokan）deps：将openssl切换为quictls/openssl（JamesMSnell）更新为cjs-module-lexer@1.1.0(GuyBedford)fs:improvefsPromiseswriteFile性能(NitzanUziely)improvefsPromisesreadFileperformance(NitzanUziely)lib:implementAbortSignal.abort()(JamesMSnell)node-api:defineversion8(GabrielSchulhof)worker:addsetEnvironmentData/getEnvironmentData(JamesMSnell)关于山月我是山月，下篇再见社交：Github知乎掘金博客项目：nextapp我的面试诗集开发者工具箱npm在线执行前端周刊
