前端周刊第三十七期

最新推荐文章于 2024-06-07 23:26:45 发布
最新推荐文章于 2024-06-07 23:26:45 发布
阅读量578 收藏
点赞数
分类专栏： 前端周刊 文章标签： 前端 javascript react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiyangbaixue/article/details/127044200
版权

前端周刊发表每周前端技术相关的大事件、文章教程、一些框架的版本更新、以及代码和工具。每周定期发表，欢迎大家关注、转载。
如果外链不能访问，关注公众号前端每周看，里面有解决办法

大事件

  • Tesseract.js 3.0：用于 100 多种语言的纯 JS OCR—— 基于 C++ 的Tesseract库的一个端口，通常用于视觉文本识别。它甚至可以实时处理视频。v3 拥有显着的性能提升，运行时间减少了 84%，现在在支持的情况下使用 SIMD。

  • 提议的 JS 功能：提取器对象——在最近的 TC39 会议上进入第一阶段是一项提议，能够定义自己的逻辑（例如数据验证或转换）以作为对象解构过程的一部分运行。一个值得审查的建议。

  • ‘React 我爱你，但你让我失望’ —— 一个固执己见的 React 思想作品 - 欢呼😆 作者通过以“混合磁带”风格观察 React 的进展，并在其中加入代码和模因，从而获得创意。

文章

  1. Type-Level TypeScript: The Basics — 精美呈现的类型指南，包含要解决的挑战。虽然承诺 11 个“章节”将带您“从中级到高级”，但目前只有前两个可用。它们涵盖了TypeScript 为我们提供哪些类型的基础知识。

  2. 使用 Node.js 编写 Shell 脚本 — Axel 花了几个月的时间深入研究使用 Node 作为脚本语言的现实 — 这是最终结果。

  3. How to Build a Scrollable Text Gallery in Three.js — 尝试在Design Embraced上重现引人注目的滚动文本效果。这是排版和“网页设计”达到 11…

  4. Rest vs Spread 语法：…vs… — Quick：和有什么区别…？诡计问题。虽然它们看起来相同，但它们可以代表两种不同的事物。

  5. 2022 年《Gatsby》有什么新变化？ — Gatsby（基于 React 的“反应式站点生成器”）今天可以做什么，以及如何使用一些新功能来简化从 v2 到 v4 的升级。

框架发布

  1. Glide 3.6 – 无依赖的滑块和轮播控件。

  2. React Calendar 3.9 – 强大的日历组件。

  3. Qwik 0.9 – 低 JS HTML-first 框架。

  4. ws 8.9
    ↳ 用于 Node.js 的简单快速的 WebSocket 客户端和服务器。

  5. Semgrep 0.114
    ↳ 多语言静态分析工具。考虑grep语法。

  6. Flat 6.0 – 展平/取消展平嵌套对象。

  7. React Joyride 2.5.3 – 为应用程序创建导览。

  8. Mantine 5.4 – 广泛的 React 组件库。

代码和工具

  1. Linkify 4.0：以纯文本形式链接 URL、电子邮件地址等：给定一些包含链接和电子邮件等内容的纯文本，Linkify 将生成正确的代码以将其显示在 Web 上。不仅是 URL 或电子邮件，还有主题标签、@提及、IP 地址等。

  2. TinyBase 2.0：用于构建应用程序状态的库：当您想要围绕应用程序中的状态管理进行更多数据库式结构时。演示很好地解释了，所以检查一下。

  3. .docxDOCX 7.5：从节点或浏览器生成 Word文件：布局文档的代码非常冗长，但其中包含很多功能。这是一个基于 CodePen 的基本示例。

  4. pcl.js：用于浏览器的点云库（PCL），由 WebAssembly 提供支持：“点云”本质上是在 3D 空间中投影的大量点（现场示例。）这是将大型 C++ 库引入

  5. Japa：Node 的替代测试框架：Japa 与AdonisJS （一个 Node.js Web 框架）来自同一团队，无需构建工具即可滑入您现有的工作流程。您可以获得对端点的 OpenAPI 模式驱动测试、数据集驱动测试和 VS Code 扩展的一流支持。

  6. Vue 的命令面板：Vue.js 的 Ctrl/Cmd+K 样式界面：灵感来自 React 的cmdk和kbar。 顺便说一句，如果您从未尝试在浏览 GitHub 时按 Cmd+K（在非 Mac 上按 Ctrl+K）… 试一试。

  7. Precessing (p8g)：一个通用的、跨语言的 2D 库：你很少看到一个用于 C、C++、Java和JavaScript 的图形库——是的，WebAssembly 再次负责。你会得到一个 Canvas-esque API ( docs ) 加上输入处理。

xiyangbaixue
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
eekeekly：前端周刊，让你在前端领域跟上时代的脚步，深度和广度不断精进
02-04
eekeekly：前端周刊，让你在前端领域跟上时代的脚步，深度和广度不断精进
转转前端周刊第三十七期
大转转FE
10-08 139
本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、Lath(纯前端容器)打造页面间的无缝平滑连接体验如果站在用户的视角那是他们距离信息最近的地方，无论前端在生产技术上如何演变，最终服务于信息表达的根本不会变。2、从useEffec...
转转前端周刊第七十三期
大转转FE
07-17 94
转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、Corona技术专题-日志上报、采集、分流链路设计Corona 是网易云音乐的大前端监控产品。Corona 的 SDK 在应用中捕获到各种类型日志后，经由上报、采集、分...
转转前端周刊第七十六期
大转转FE
08-07 345
转转前端周刊本刊意在将整理业界精华文章给大家，期望大家一起打开视野如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人1、字节跳动的前端工程化实践首先分析了当前前端开发领域的趋势和所面临的新挑战，包括涉及平台的增多、业务复杂度的增加以及前端团队规模的增大等。接着，分享了字节跳动针对这些挑战...
阿里云前端周刊 - 第 37 期
weixin_40674835的博客
01-18 280
点击有惊喜 推荐 1. Node.js 的可扩展应用模式：CQRS, ES, Onion https://medium.com/@domagojk/patterns-for-designing-flexible-architecture-in-node-js-cqrs-es-onion-7eb10bbefe17 本文介绍如何使用 CQRS 与 Event S
前端周刊第68期
m0_71641959的博客
08-28 121
TypeChat 就是 LLM 到应用程序之间的桥梁——通过预定义类型，由 TypeChat 为我们定义 Prompts 并规范化 LLM 的返回的数据，并返回给我们高度定义好的 Response。的回应，Web Components 并不是一无是处，它有自己擅长的某些方面，我们要扬长避短，充分利用好 Web Components 技术。- 高性能、灵活的 的表单 React 表单校验库，适用于 React Web 及 React Native。好用的地方不仅在于可以远程视频聊天，还能成为多人协作软件。
挥别 2016！展望 2017 的前端周刊（第十三期）
chjh568774682的博客
01-01 266
前端周刊是一份专为前端从业人员，以及对前端、设计领域感兴趣的朋友们打造的技术周刊。程小狮会精选出前端、设计领域近期相关的资讯、热点以及技术干货，与大家一同分享。 前端周刊专注于前端领域技术分享。希望这份周刊能够成为你成长的得力助手与伙伴。 整理完 2016 年的最后一期内容，看了看表，...
科技爱好者周刊：第 72 期
ruanyf的博客
09-06 513
这里记录每周值得分享的科技内容，周五发布。 ...
前端食堂技术周刊第 37 期：Google I/O 2022、TS4.7 RC、WinterCG、Lerna 复活、GitHub 项目精选、State of C
童欧巴的博客
05-15 240
# 本期摘要 - Google I/O 2022 Web 平台新动态 - TypeScript 4.7 RC - WinterCG 社区组成立 - Lerna 复活，Nrwl 将接管 Lerna - GitHub 使用 2FA 保护开发者帐户 - DOM 事件可视化器 - GitHub 项目精选 - Web Design History Timeline - State of CSS 2022
科技爱好者周刊：第 83 期
ruanyf的博客
11-22 441
这里记录每周值得分享的科技内容，周五发布。 ...
2018年第37期化工在线周刊.pdf
08-22
2018年第37期化工在线周刊.pdf
化工在线周刊2021年第37期（总第849期）.pdf
10-25
化工在线周刊2021年第37期（总第849期）.pdf
化工在线周刊2019年第37期（总第751期）.pdf
08-21
化工在线周刊2019年第37期（总第751期）.pdf
化工在线周刊2020年第37期（总第801期）.pdf
08-21
化工在线周刊2020年第37期（总第801期）.pdf
前端性能优化：提升网站加载速度的终极指南
最新发布
喔的嘛呀的博客
06-07 734
综上所述，通过以上优化方案和具体措施，我们可以有效地提升网站的加载速度，改善用户体验，提高转化率，从而在激烈的市场竞争中脱颖而出，取得更好的业绩和口碑。作为前端工程师，我们应该不断学习和探索，不断优化和提升网站性能，为用户创造更好的上网体验。
浏览器阻止屏幕息屏,js阻止浏览器息屏,Web网页阻止息屏
lianmindiandi
06-04 168
比如打开一个浏览器页面(比如大屏),想让它一直显示着,而不是过几分钟不操作就屏幕黑了.(电脑有设置电脑不操作就会多长时间就会息屏睡眠,如果要求每个客户都去操作一下电脑设置一下从不睡眠,这很不友好和现实.而且我也只想客户在大屏的时候才这样,其他页面就正常,按电脑设定走)如果想看看效果,可以试试,最好把电脑息屏改成1分钟,要不然等太久了, 累啊…(除非等待时间玩把手游😁)这是看了前端css大佬张鑫旭写的一波文章,观后有感😄,如果大家不认识,百度一波。是不是很简单,但是这里面还有一些注意点,
Typescript高级: 深入理解extends keyof语法
Wang的专栏
06-02 821
在TypeScript中，extends关键字是类型系统中一个极其重要的组成部分它不仅用于类的继承，也是类型兼容性检查和泛型约束的关键机制特别是当它与keyof关键字结合，形成的结构时它为类型系统带来了强大的灵活性和表达能力，让我们能够在泛型中对对象的属性进行操作和约束。
NSSCTF WEB 题解（一）
2301_81105268的博客
06-04 1015
题目提示：F12下发环境，打开网址，进入网页后点击F12查看源代码直接查找flag可以得到flag。
写一个简单的杂志订阅管理系统。 首先，我们需要设计三组继承关系。我们先定义一个Magazine类，其中包含杂志的名称(name)、出版周期(period)、 价格(price)等基本信息，以及-一个静态成员变量count,用于记录杂志的总数。我们定义两个子类，一个是WeeklyMagazine,表示周刊，另一个是MonthlyMagazine，表示月刊。它们都继承自Magazine类，并重载了运算符<<,以方便输出。代码如下:注意到WeeklyMagazine和MonthlyMagazine类的构造函数中都调用了父类的构造函数，并传递了出版周期参数。这里我们采用的是虚函数的方式实现多态，即在Magazine类中定义了一个虚函数display,而子类中则重载了这个函数，以实现不同的输出效果。 接下来，我们需要定义一一个MagazineSet类，用于管理多个杂志的订阅。这个类中包含了一个Magazine类型的数组magazines,以及一个静态成员变量count,记录当前订阅的杂志数目。代码这里我们用到了深拷贝的知识点，即在MagazineSet类中重载了复制构造函数和赋值运算符，以便正确地复制一个MagazineSet对象。
06-08
好的，我明白了。下面是一个简单的杂志订阅管理系统的代码实现： ``` #include <iostream> #include <string> using namespace std; class Magazine { protected: string name; string period; double price; public: static int count; Magazine(string n, string p, double pr) : name(n), period(p), price(pr) { count++; } virtual void display() { cout << "Name: " << name << endl; cout << "Period: " << period << endl; cout << "Price: " << price << endl; } }; class WeeklyMagazine : public Magazine { public: WeeklyMagazine(string n, double pr) : Magazine(n, "weekly", pr) {} void display() { cout << "Weekly Magazine:" << endl; Magazine::display(); } }; class MonthlyMagazine : public Magazine { public: MonthlyMagazine(string n, double pr) : Magazine(n, "monthly", pr) {} void display() { cout << "Monthly Magazine:" << endl; Magazine::display(); } }; int Magazine::count = 0; class MagazineSet { private: Magazine* magazines[100]; public: static int count; MagazineSet() {} MagazineSet(const MagazineSet& other) { for (int i = 0; i < other.count; i++) { if (dynamic_cast<WeeklyMagazine*>(other.magazines[i])) { magazines[i] = new WeeklyMagazine(*dynamic_cast<WeeklyMagazine*>(other.magazines[i])); } else if (dynamic_cast<MonthlyMagazine*>(other.magazines[i])) { magazines[i] = new MonthlyMagazine(*dynamic_cast<MonthlyMagazine*>(other.magazines[i])); } } count = other.count; } MagazineSet& operator=(const MagazineSet& other) { if (this != &other) { for (int i = 0; i < count; i++) { delete magazines[i]; } for (int i = 0; i < other.count; i++) { if (dynamic_cast<WeeklyMagazine*>(other.magazines[i])) { magazines[i] = new WeeklyMagazine(*dynamic_cast<WeeklyMagazine*>(other.magazines[i])); } else if (dynamic_cast<MonthlyMagazine*>(other.magazines[i])) { magazines[i] = new MonthlyMagazine(*dynamic_cast<MonthlyMagazine*>(other.magazines[i])); } } count = other.count; } return *this; } void addMagazine(Magazine* mag) { magazines[count] = mag; count++; } void display() { for (int i = 0; i < count; i++) { magazines[i]->display(); } } }; int MagazineSet::count = 0; int main() { MagazineSet set1; WeeklyMagazine mag1("Magazine1", 5.0); MonthlyMagazine mag2("Magazine2", 10.0); set1.addMagazine(&mag1); set1.addMagazine(&mag2); cout << "MagazineSet1:" << endl; set1.display(); MagazineSet set2 = set1; set2.addMagazine(new WeeklyMagazine("Magazine3", 3.0)); cout << "MagazineSet2:" << endl; set2.display(); return 0; } ``` 在上面的代码中，我们定义了一个Magazine类和两个子类WeeklyMagazine和MonthlyMagazine，分别表示周刊和月刊。MagazineSet类用于管理多个杂志的订阅，其中包含了一个Magazine类型的数组magazines，以及一个静态成员变量count，记录当前订阅的杂志数目。 在Magazine类中，我们定义了一个静态成员变量count，用于记录杂志的总数。同时，我们还定义了一个虚函数display，以实现多态。在子类WeeklyMagazine和MonthlyMagazine中，我们重载了这个函数，以实现不同的输出效果。 在MagazineSet类中，我们重载了复制构造函数和赋值运算符，以便正确地复制一个MagazineSet对象。在addMagazine函数中，我们将要添加的杂志指针存储到数组中，并增加count计数器。在display函数中，我们遍历数组并调用display函数输出每个杂志的信息。 在main函数中，我们创建了一个MagazineSet对象set1，并向其中添加了两个杂志对象。然后，我们复制了set1对象，并向复制的对象set2中添加了一个杂志对象。最后，我们分别输出了set1和set2对象的杂志信息。 希望这个简单的代码示例能帮助你更好地理解继承和多态的概念。如果你还有其他问题或者需要进一步的解释，请随时提出。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

xiyangbaixue

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值