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

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

相关推荐
炫饭第一名1 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
王晓枫1 小时前
flutter接入三方库运行报错:Error running pod install
前端·flutter
符方昊1 小时前
React 19 对比 React 16 新特性解析
前端·react.js
ssshooter1 小时前
又被 Safari 差异坑了:textContent 拿到的值居然没换行?
前端
曲折2 小时前
Cesium-气象要素PNG色斑图叠加
前端·cesium
Forever7_2 小时前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
不会敲代码12 小时前
前端组件化样式隔离实战:React CSS Modules、styled-components 与 Vue scoped 对比
css·vue.js·react.js
Angelial2 小时前
Vue3 嵌套路由 KeepAlive:动态缓存与反向配置方案
前端·vue.js
jiayu2 小时前
Angular学习笔记24:Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
前端
jiayu2 小时前
Angular6学习笔记13:HTTP(3)
前端