欢迎来到第20期的【视野修炼技术周刊】，下面是本期的精选内容简介。 强烈推荐2022年JavaScript明星项目优雅又迅速的ts文件执行方式拉取Git仓库代码更迅速的方式 开源工具Roadmap2。0学习路线指导网站publint。devlightningcss 文章资讯英：Theyear2022forpnpm张鑫旭：前端原生API实现条形码二维码的JS解析识别英：：has（）伪类的表单样式 推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道） 下面开始本期内容的介绍，预计阅读时间8分钟强烈推荐1。2022年JavaScript明星项目 由BestofJS整理的2022年明星项目榜单出炉了 今年的冠军是一个带有微笑标志的美味面包，用微笑开启新的一年是不错的开始！ 是不是有很多没有见过的新面孔？是不是很多不认识（快去认认标）？：后面单独开篇文章介绍其中一些库 下面总结一下榜单内容年度总冠军：Bun：一个专注性能与开发者体验的全新JavaScript运行时前端框架：在2022年，React仍然是冠军，但如果考虑到Vue。js的星星在v2和v3版本的仓库中被分割，那么Vue。js的受欢迎程度也很接近React生态：Next。js，tRPC（类型安全的API开发框架）Vue生态：Slidev（markdown写PPT），Nuxt。js后端全栈：Next。js，tRPC（类型安全的API开发框架）还是这2哥们儿构建工具：Vite，Turbopack（前段时间炒的很火）cssinjs：UnoCSS（即时按需原子化CSS引擎），vanillaextract（0运行时依赖样式表）桌面开发：Tarui，Electron状态管理：Zustand（React），Pinia（Vue）2。优雅又迅速的ts文件执行方式 bunxtsxbunx是Bun添加的一个全局指令，类似npm下的npxtsx：全称TypeScriptExecute指基于esbuild增强Node实现直接执行TS的工具 按照官网介绍执行本地包会快100倍 当然得先安装bun，一行代码即可curlfsSLhttps：bun。shinstallbash复制代码 于是，执行ts脚本可以像这样首次执行可以使用下面的指令设置一下bun拉包的镜像源（npmmirror中国镜像站）echo〔install〕DefaultregistrycanbeaURLstringoranobjectregistryhttps：registry。npmmirror。combunfig。toml运行脚本bunxtsxtest。ts复制代码 上个演示，直观对比感受一下速度 可以直观感受到非常的快，没有丝毫等待的迹象，npx却有明显的等待时长 当然可以配置一下alias缩短敲的指令 比如笔者终端执行用的zsh就在。zshrc里添加aliasbtbunxtsx然后执行应用配置source。zshrc复制代码 下面就可以用bt代替bunxtsx 3。拉取Git仓库代码更迅速的方式方式1：gitclonedepth1只会下载的内容质包含最近一次commit信息，代码完整缺点：切换不到历史commit切换不到别的分支方式2：gitclonefilterblob：none只下载commits历史以及HEAD的文件每次checkout都会触发一次从remote下载源文件 比较推荐方式2：大家在拉取大型仓库的时候可以实践一下 虽然方式1更快，但后续要正常操作要麻烦一点，方式2没有额外操作步骤开源工具4。Roadmap2。0学习路线指导网站 推荐收藏这个网站，总会用上的 新版使用astrotailwindcss构建 5。publint。dev 检测你的package。json有没有问题 6。lightningcss postcss的替代品，近期发布了v1。18。0版本，支持js插件扩展parcelcss内置了所有postcss最佳预设，即开即用parcelcss的visitorapi设计完全吊打 webpack可以安装lightningcssloader在项目中体验文章资讯7。英：Theyear2022forpnpm 2022年暴涨5倍下载量，彻底击败lerna，作者还在乌克兰每天只有几小时有电，勤勉的维护项目，不断的出新活，respect！ 8。张鑫旭：前端原生API实现条形码二维码的JS解析识别 利用BarcodeDetectorAPI实现，实践详见原文 当然目前的兼容性较差 9。英：：has（）伪类的表单样式 文章作者利用：has实现了许多之前需要js协助才能实现的交互样式 这里贴个例子，详细demo见原文 篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（20）移步博客强力推荐关注阮一峰：科技爱好者周刊记录每周值得分享的科技内容，周五发布云谦：MDH前端周刊前端资讯和分享童欧巴：前端食堂你的前端食堂，吃好每一顿饭rottenpen：FENews分享前端，生活知识星球：咲奈的平行时空前端前沿技术、资讯、方法论分享
下午三点！网曝CBA作出重要决定，辽宁间接受益，杨鸣欲冲击首北京时间2021年12月13日，据国内知名媒体人透露，为了保障各俱乐部的参赛安全，诸暨赛区将不会承办第二阶段的比赛，所有球队或统一前往吉林赛区参赛。确实，现在浙江正在爆发疫情，……GTFO伤害弱点怎么破？伤害弱点打破方法GTFO伤害弱点怎么破？伤害弱点不好找，很多玩家都不知道该怎么找，也不知道该怎么造成伤害，下面小编就带来GTFO伤害弱点打破方法，一起来看看吧。GTFO伤害弱点打破方法……上官云珠女儿姚姚，31岁车祸离世，校方悼词她是一个没贡献的人姚姚姚姚极其短暂的一生，回顾自己往事时依旧碌碌无为，没有给世人留下太多深刻的印象。她身上唯一的标签便是著名影星上官云珠的女儿，但她也有太多故事被人遗忘在过去。……比愚蠢更可怕的，是低层次聪明作者：樊登读书阿岚来源：樊登读书（ID：readingclubbtfx）莎士比亚曾说：愚者自以为聪明，智者则有自知之明。生活中，总有一些人自以为聪慧过人，做事……散文四月，种下心中期待，祈盼岁月静好，人间无恙作者：子墨四季人生，不管你处在人生的什么季节，是春夏，还是秋冬，每个季节都有着不一样的风景，不一样的美丽，对于我们，每个人生阶段都有每个阶段的诗情画意。题记人……CBA四强呼之欲出！辽篮广东力争横扫，赵睿超马布里，广厦最意4月9日，CBA季后赛四分之一决赛将迎来关键战役，其中广东男篮与辽宁男篮将各自迎战山西、浙江；在G1遭遇战中，辽粤两支球队各自取得了胜利，也就意味着如果G2比赛能够继续获胜，辽……怀孕有必要裹得严严实实吗？蕾哈娜重新定义孕妇装，你咋看文丨京妈说，原创内容。看来她是决心不给娃穿衣服了也不怕把孩子冻感冒了这孩子出来后保准抗冻人家炫富她炫肚蕾哈娜怀孕后的穿着频频引热议，颠覆了大家对孕妇装的……强势回归！丁俊晖时隔多日再回1号台比赛斯诺克土耳其大师赛继续进行。16：00开赛的强强对话，丁俊晖VS囧哥威尔逊。丁主任目前的世界排名已到30开外，并且对阵世界前16已经14连败，很长时间退出了核心台的比赛。……直播预告如何进行太阳的观测和研究？到北京天文馆这场空中课堂上太阳是我们在地球上唯一能够观察到细节的恒星。经过四百多年的发展，我们通过望远镜可以看到太阳0。3秒（约相当于日面二百多公里）的精细结构。那么，太阳黑子是怎么形成的？日珥是怎么悬……妊娠纹是怎么形成的？一个塑料袋完美诠释，网友太形象了怀孕后，孕妇肚子上出现了很多波浪花纹，有的是紫色，有的是粉红色，宽窄和长度也都不一样。本以为这些花纹会跟孕期其它反应一样，等生完孩子就能逐渐消失，谁知却变成银色有光泽的疤痕线纹……鸿蒙3。0即将到来，游戏玩家偷着乐吧随着鸿蒙2。0系统的升级已经进入尾声，最近华为又有大动作了。据说全新一代的鸿蒙3。0系统即将和大家见面，它的到来可能会颠覆我们对传统手机操作系统的认知。我们都知道蒙鸿2。……LOLBreathe格温团战终极拉扯RNG有惊无险2比1力克北京时间8月7日，LPL夏季赛继续进行，在昨天共迎来2场比赛，第一场比赛由RNG战队对战IG战队，赛前RNG是一个11胜2负的战绩，而IG是4胜9负的战绩，今天比赛双方鏖战三局……