栗子前端技术周刊第 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 等,周刊内容也会不断优化改进,希望你们能够喜欢。

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

相关推荐
y先森6 分钟前
CSS3中的伸缩盒模型(弹性盒子、弹性布局)之伸缩容器、伸缩项目、主轴方向、主轴换行方式、复合属性flex-flow
前端·css·css3
前端Hardy6 分钟前
纯HTML&CSS实现3D旋转地球
前端·javascript·css·3d·html
susu10830189119 分钟前
vue3中父div设置display flex,2个子div重叠
前端·javascript·vue.js
IT女孩儿1 小时前
CSS查缺补漏(补充上一条)
前端·css
吃杠碰小鸡2 小时前
commitlint校验git提交信息
前端
虾球xz3 小时前
游戏引擎学习第20天
前端·学习·游戏引擎
我爱李星璇3 小时前
HTML常用表格与标签
前端·html
疯狂的沙粒3 小时前
如何在Vue项目中应用TypeScript?应该注意那些点?
前端·vue.js·typescript
小镇程序员3 小时前
vue2 src_Todolist全局总线事件版本
前端·javascript·vue.js
野槐3 小时前
前端图像处理(一)
前端