前端爱好者周刊（Github：shfshanyue/weekly），前端记录开源工具、优秀文章、各大库版本发布记录等-每周结束。优秀文章将在公众号全栈成长路径上一一推送。每周一出版，订阅平台如下，欢迎订阅。订阅网址：https://weekly.shanyue.tech订阅Github：shfshanyue/weekly涵盖青海祁连山国家公园一句话沙漠猫Flutter将成为未来构建UbuntuApps的默认选择。原文：Ubuntu让Flutter成为未来桌面应用的“默认选择”flexbox布局可以使用CSS属性gap来控制itemgapnpmoutdated可以查看当前项目中的过期包，比2019年同期下降70.9%和40.8与2020年同期相比的百分比。北京市文化和旅游局推出了12条主题赏花行程，包括迎春花、玉兰花、桃花、梅花、杏花等。详情请参见春天北京哪里看花？微信Mac桌面版开始支持朋友圈开发工具1.bestofjs：发现最适合Javascript的框架和库这里有JS生态中最热门的库，实时刷新推荐，每周可订阅repo：ritz078/transform2.LoremPicsum:ArandompictureofarandompictureofaspecifiedsizeAPIhttps://picsum.photos/200/200会从Unsplashrepo:DMarby/picsum-photos中随机取一张指定尺寸的图片3.risingstars:Javascriptstarprojects2020年和2021年JS项目生态中最受欢迎的框架和周边产品，如React生态、Vue生态、GraphQL生态、构建工具生态等。4.UserAgents：一切关于UA的数据库，拥有大量的UA及相关功能可从任意平台获取UA（Mac/Windows/Android）可获取任意Spider/CrawerUA（百度/谷歌/Bing）可随机生成UA并解析UA5.浏览器标识：高清浏览器标识This是一个Github仓库，你可以直接参考地址找到任意浏览器高清分辨率的logo。如果引用Github地址比较慢，可以试试jsdelivr的CDN文章推荐一、作者游雨溪视频直播下一代前端构建工具Vite（中英文字幕，可在B站观看）Vite的一部分是基于ESM使用esbuild的开发服务器，另一部分是基于Rollup的可配置打包器。在视频中，友达将通过一个demo来展示和阐释他对此的哲学思考。视频已被热心小哥制作成双语字幕视频上传至B站。2、字节商业变现团队webpack5业务实践FilesystemCache：更快的二次构建Prepack：更早的编译计算，更小的体积AssetModules：资源加载内置NamedChunkID：更强的永久缓存能力DeepTreeShaking能力内置Worker/WASM构建能力RemoveNodepolyfill，如crypto，querystring等。总结更快的打包速度和更小的打包体积3.腾讯企鹅辅导webpack5升级实践ModuleFederation：多应用共享依赖打包，抛给CDN共享和上面字节差不多，并且综上所述，包装速度更快，包装体积更小。不过还好第一次给的资料是打包webpack版本的。第一次构建时间是第二次构建时间。第三次构建时间为v419.6s6.8s7.4sv514.8s1.6s1.5s修改源码后再次打包webpack版本第一次构建时间第二次构建时间第三次构建时间v410.5s7.3s6.8sv54.0s1.5s1。6sPackagesizevs.webpackversionbuildfilesizev42.16Mv52.05M4.Allinone:projectBestpracticeoflevelmonorepostrategy目前monorepo已经成为npm7和yarn的标准功能。未来会有更多的项目/包通过monorepo来维护，babel、react等很多公共库也将通过monorepo来维护。通过monorepo，可以更好的管理多个Pakcage依赖，复用配置和publicdevDep等，快来学习吧。5.一篇详细讲解CSSinJS的文章关于CSS在JS开源和库的历史1.bytemd：Byte出品的Markdown编辑器Byte出品的Markdown编辑器，由Svelte打造，支持React/Vue等组件，以及支持公式（math）、脚注（footnote）、流程图（mermaid）等复杂的富文本内容。另外，掘金社区小编也是基于此打造了bytemd。它基于最流行的Markdown解析器remark和最流行的便利工具codemirror。它基于流行的库，具有更强的扩展能力。可以方便的扩展Plugin，比如微信脚注，各种主题等。npm:bytemd2.nodegui:使用前端开发跨端桌面应用使用前端技术开发基于QT5的跨端桌面解决方案，并使用React/Vue/Svelte框架开发跨端应用repo:nodegui/nodeguinpm:@nodegui/nodegui3.docusaurus:facebook出品的文档工具facebook出品的文档工具在Github上已经有2万星。基于React，页面可轻松扩展，定制能力强。repo:facebook/docusaurusnpm:docusaurus4.tinyhttp:一个轻量级的web框架来替代expresstinyhttp是九个月前创建的，它仍然是一个非常年轻的http框架，因为它没有任何历史包袱，同时支持TS,并被打包成NativeESM。它有很多优点。它的速度是Express的两倍。支持Express的所有中间件，没有历史包袱。支持ESM和TS预定常用中间件，如logger、router等。tinyhttp能不能代替express？让我们拭目以待（应该不会）repo:talentlessguy/tinyhttpnpm:tinyhttp5.isbot：判断请求是否是机器人，可以有效识别蜘蛛，爬虫等，但无法识别冒充UA恶意爬取数据的机器人repo:omrilotan/isbotnpm:isbotversionrelease1.esbuildv0.9.0支持包。支持json中的exports字段{"name":"your-pkg","exports":{"import":"./imported.mjs","require":"./required.cjs"}}关于山岳我是山月，下篇见：Github知乎掘金博客项目：极客时间我的面试诗集开发者工具箱npm在线执行前端周刊
