欢迎来到第 20 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介。 强烈推荐 2022 年 JavaScript 明星项目 优雅又迅速的ts文件执行方式 拉取Git仓库代码更迅速的方式 开源&工具 Roadmap2.0 - 学习路线指导网站 publint.dev lightningcss 文章&资讯 英：The year 2022 for pnpm 张鑫旭：前端原生API实现条形码二维码的JS解析识别 英：:has()伪类的表单样式 推荐大家关注一下最后的推荐内容（周刊的主要内容来源渠道） 下面开始本期内容的介绍，预计阅读时间 8 分钟 强烈推荐1.2022 年 JavaScript 明星项目 由 Best of JS 整理的 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（前段时间炒的很火） css in js：UnoCSS（即时按需原子化CSS引擎），vanilla-extract（0运行时依赖样式表） 桌面开发：Tarui，Electron 状态管理：Zustand（React），Pinia（Vue） 2. 优雅又迅速的ts文件执行方式 bunx + tsx bunx 是 Bun 添加的一个全局指令，类似 npm 下的 npxtsx：全称 TypeScript Execute 指基于 esbuild 增强Node实现直接执行 TS 的工具 按照官网介绍执行本地包会快 100 倍 当然得先安装 bun，一行代码即可 curl -fsSL https://bun.sh/install | bash 复制代码 于是，执行ts脚本可以像这样 首次执行可以使用下面的指令设置一下bun拉包的镜像源（npmmirror 中国镜像站） echo ＂[install] # Default registry # can be a URL string or an object registry = ＂https://registry.npmmirror.com/＂＂ >~/bunfig.toml 运行脚本 bunx tsx test.ts 复制代码 上个演示，直观对比感受一下速度 可以直观感受到非常的快，没有丝毫等待的迹象，npx 却有明显的等待时长 当然可以配置一下 alias 缩短敲的指令 比如笔者终端执行用的 zsh 就在 ~/.zshrc 里添加alias bt=＂bunx tsx＂ # 然后执行应用配置 source ~/.zshrc 复制代码 下面就可以用 bt 代替 bunx tsx 3.拉取Git仓库代码更迅速的方式方式1： git clone --depth 1 只会下载的内容质包含最近一次 commit 信息，代码完整缺点: ① 切换不到历史 commit ② 切换不到别的分支 方式2： git clone --filter=blob:none 只下载 commits 历史以及 HEAD 的文件每次checkout都会触发一次从remote下载源文件 比较推荐方式2：大家在拉取大型仓库的时候可以实践一下 虽然方式1更快，但后续要正常操作要麻烦一点，方式2没有额外操作步骤 开源&工具4.Roadmap2.0- 学习路线指导网站 推荐收藏这个网站，总会用上的 新版使用 astro + tailwindcss 构建 5.publint.dev 检测你的 package.json 有没有问题 6.lightningcss postcss的替代品，近期发布了 v1.18.0版本，支持js插件扩展 parcel css 内置了所有 postcss 最佳预设，即开即用 parcel css 的 visitor api 设计完全吊打 webpack可以安装 lightningcss-loader 在项目中体验 文章&资讯7.英：The year 2022 for pnpm ＂2022 年暴涨 5 倍下载量，彻底击败 lerna ，作者还在乌克兰每天只有几小时有电，勤勉的维护项目，不断的出新活，respect ！＂ 8.张鑫旭：前端原生API实现条形码二维码的JS解析识别 利用 BarcodeDetector API 实现，实践详见原文 当然目前的兼容性较差 9.英：:has()伪类的表单样式 文章作者利用 :has 实现了许多之前需要 js 协助才能实现的交互样式 这里贴个例子，详细demo见原文 篇幅有限，如果你还没看够，可移步后面的推荐渠道，继续游览，历史周刊（<20）移步博客 强力推荐关注阮一峰: 科技爱好者周刊 - 记录每周值得分享的科技内容，周五发布 云谦：MDH 前端周刊 - 前端资讯和分享 童欧巴：前端食堂 - 你的前端食堂，吃好每一顿饭 rottenpen：FE News - 分享前端，生活 知识星球：咲奈的平行时空 - 前端前沿技术、资讯、方法论分享
手机散热器除了降温还能干吗？网红用红魔冰磁散热器做冰块炎热的夏天，别说是在室外了，就是在室内温度也是很高的，如果没有空调和冰可乐来降温，估计不少人都要热晕在这个夏天。其实，要降温的不仅仅只有人，手机在高速运行之后温度也是很高的，如果没8月已至，有哪些手机厂商要放大招呢？过去的7月，小米12SUltra和iQOO10Pro可谓抢尽风头。一个影像炸裂，一个快充秒杀，很难不爱。如今8月已至，又有哪些厂商会放大招呢？据我所知，本月至少有4家厂商会发布新机豪华二手车不吃香，新能源已赶超对于大部分家庭而言，汽车都是重要的家庭资产，所以汽车的保值率也是大家在买车用车时关心的问题。保值率高，意味着资产少缩水。与大家想象的不一样的是，汽车品牌保值率也是会发生变化的。近日vivoX90Pro升级120W快充，骁龙8Gen25100mAh，V2芯片加持这几年，随着跟蔡司合作的深入，vivo影像系统的表现可圈可点，OriginOSOcean将这种影像优势注入到系统当中，创新性地将自然饱和度以及色相饱和度等一系列参数进行整合，能在影不是在玩火而是在拱火，台积电逐步把自己的路走窄了不是在玩火而是在拱火，台积电逐步把自己的路走窄了！在芯片成为科技发展的核心后，半导体领域的地位也越发凸显，而台积电也凭借着先进的制造技术，迎来了自己最为高光的时刻，正所谓高处不胜寒这位低调的山东企业家，20年前一个决定成就了陈春花如果不是陈春花从北大辞职引发各界关注，如今知道张唐之的年轻人应该不会太多。这位低调的山东企业家，曾一手创办了华北最大的畜牧企业山东六和集团，并在2003年邀请陈春花出任集团总裁，这一年四季都犯困怎么办？提醒做好这4点，可有效改善这一现象对于晚上长时间熬夜，或者是身体和大脑过度疲劳的人群来说，在白天的时候就很容易出现犯困的情况。然而在日常中，有不少人并没有出现过度熬夜或者是过度劳累现象，每天仍然会出现睡不醒的现象，下调50200元！今日复合肥磷铵钾肥出厂价格8月9日哈喽，大家好！这里是化肥价格行情！关注我每天看最新化肥价格行情！今天（8月9日）今日复合肥钾肥市场变化不大磷铵价格继续下行，幅度在50200元吨，后市依旧看跌，下面我们看看具体价格夏季如何预防冠心病发作？掌握这5大要素炎热的夏季，全身皮下血管扩张，流向皮肤的血液增多，流回心脏的血液减少，可影响心肌供血。再加上大量出汗，不及时补充水分，血容量就会不足，血液黏稠度增加，血液循环变慢，从而增加血栓形成RedmiNote12Pro已经加速曝光，红米Note11价比老人机跌价无极限按照曝光的消息，在下代RedmiNote系列产品上将会有更极致的大参数配置，也就是大电池！在RedmiNote12Pro身上会用6100mAh电池，不为别的，就为给用户带来电量上的长期吃东北酸菜会致癌，对身体健康有没有好处？实验出真相自从酸菜被毫不留情地曝光后，靠着老坛酸菜出名的美食接连受到影响，它们靠着土坑工艺脚踩发酵边抽烟边干活烟头还肆意随便扔，都让人连连作呕，甚至一口都不想吃。但有时候又嘴馋想要吃酸菜怎么