栗子前端技术周刊第 37 期 - Mako 开源、Polyfill 攻击、使用 Expo 创建 RN 应用...

🌰栗子前端技术周刊第 37 期 (2024.7.1 - 2024.7.7):浏览前端一周最新消息,学习国内外优秀文章视频,让我们保持对前端的好奇心。

📰 技术资讯

  1. Mako 开源: Mako 是「极快」和「生产级」的前端构建工具,基于 Rust。Mako 自 2023.11.24 起已在蚂蚁内部正式发布,通过工程化的方式验证了数千个项目和所有用到的 npm 包及其不同版本,已落地数百个项目,并对内服务了中后台、小程序、H5 移动端、低代码、营销、组件库、组件打包、Serverless Function 等多个不同平台和业务场景,已具备了生产级的能力。
  1. Polyfill 攻击波及 10 万多个网站 :polyfill.js 是一个支持旧版浏览器的流行开源库,超过 10 万个网站使用 cdn.polyfill.io 域名嵌入了该库,它通过读取请求的 User-Agent,并返回该特定浏览器所需的 polyfills。今年 2 月,一家中国公司购买了该 CDN 的 GitHub 仓库和域名,并开始在使用该服务的 10 万多个网站上注入 www.googie-anaiytics.com 的虚假分析脚本。所以值得借鉴的是,在做前端性能优化的时候,你可能会把一些资源通过 CDN 加载,但是要使用可靠 CDN 服务,最好是自己公司的。

  2. 使用 Expo 创建 RN 应用:截至今天,React Native 唯一推荐的社区框架是 Expo。Expo 从 React Native 早期就开始投资建设 React Native 生态系统,所以 React Native 团队相信 Expo 提供的开发体验是同类中最好的。

  3. State of JavaScript 报告中去年前端技术亮点 :2023 的 JS 报告调查中,使用率增加最大、满意率最高和正面评价比例最高的技术都是 Vite ,讨论次数最多的库则为 React,其他更多信息可查看官网报告。

📒 技术文章

  1. Web Performance Guide:Web 性能指南 - 包含 20 多个简明实用的指南,涵盖各种内容,例如如何使用不同的 Web 核心指标、优化技术、关键 CSS、监控等。

  2. 如何开发 JSSDK?: 文中介绍了 JSSDK 的定义与分类、设计 JSSDK 原则、SDK 核心功能的实现等等。

  3. 前端圈子十年变化之我见:张鑫旭对前端十年变化的一些见解,一个是人的变化,一个是技术的变化,可以看看大佬的想法。

🔧 开发工具

  1. Bug 报告 Checklist:bug 报告中应包含的内容的 checklist,可以发给你的测试看看,或者在生产问题复盘的时候可以参考下。
  1. Termino.js 2.0:在浏览器中创建类似终端的体验 - 零依赖、可定制化,并且可以在单个页面上创建多个终端实例。
  1. React Ace 12.0: Web 代码编辑器组件,基于 React 实现。

🚀🚀🚀 以上资讯文章选自常见周刊,如 JavaScript Weekly 等,周刊内容也会不断优化改进,希望你们能够喜欢。

💖 欢迎关注微信公众号:栗子前端

相关推荐
IT_陈寒9 分钟前
Python装饰器把我坑惨了,原来这样用才不掉链子
前端·人工智能·后端
程序员爱钓鱼28 分钟前
Rust Associated Type关联类型详解:为Trait定义内部类型
前端·后端·rust
zh_xuan1 小时前
个人主页左侧菜单支持分组,以及菜单显示和隐藏
前端·javascript·css
Ming_studying1 小时前
HTML + CSS + JavaScript实现可视化JSON工具:格式化、折叠、搜索与错误定位
javascript·css·html·json·数据可视化·web工具
zzzzzz3102 小时前
react-bits:酷炫组件之外,React 页面表现力真正该怎么借力?
react.js·开源·动效
Emily156853598704 小时前
Emerson 1C31129G03 Analog Input Module
java·开发语言·前端·plc·emerson·1c31129g03·input module
To_OC9 小时前
面试被问了三回三栏布局,这次我终于把 BFC 那层窗户纸捅破了
前端·css·面试
To_OC10 小时前
啃完 TS 工具类型我发现:Pick 和 Omit 原来就是一层窗户纸
前端·面试·typescript
风月说与山鬼11 小时前
三、大括号语法
前端·react.js