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

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

相关推荐
fruge10 分钟前
React 2025 完全指南:核心原理、实战技巧与性能优化
javascript·react.js·性能优化
速易达网络2 小时前
Bootstrap 5 响应式网站首页模板
前端·bootstrap·html
etsuyou2 小时前
js前端this指向规则
开发语言·前端·javascript
lichong9512 小时前
Android studio 修改包名
android·java·前端·ide·android studio·大前端·大前端++
cai_huaer2 小时前
BugKu Web渗透之 cookiesWEB
前端·web安全
lichong9512 小时前
Git 检出到HEAD 再修改提交commit 会消失解决方案
java·前端·git·python·github·大前端·大前端++
友友马2 小时前
『 QT 』QT控件属性全解析 (一)
开发语言·前端·qt
不想上班只想要钱3 小时前
vue3+vite创建的项目,运行后没有 Network地址
前端·javascript·vue.js
流***陌3 小时前
手办盲盒抽赏小程序前端功能设计:兼顾收藏需求与抽赏乐趣
前端·小程序
岁月宁静3 小时前
在富文本编辑器中封装实用的 AI 写作助手功能
前端·vue.js·人工智能