20231110 前端开发日报

以为 flv.js 直播超简单，结果被延迟和卡顿整疯了；用Pixi.js做了一版Canvas的捕鱼游戏Demo；写给后端大忙人看的vue入门指南；揭秘网络通信的密码：HTTPS、IP和HTTP状态码；ES6新特性全面汇总39条你知道多少？（十一）；FastAPI：重燃Python Web开发的火花（一）；把jsp重构成vue；面试官 ：你知道哪些生产组件用了 Netty ？ 怎么用的 ？

1. 以为 flv.js 直播超简单，结果被延迟和卡顿整疯了

   浏览器直播使用 flv.js 很简单，传入流地址就能播放。然而直播中的”延迟“和”卡顿“问题，才是决定直播质量的关键

2. 用Pixi.js做了一版Canvas的捕鱼游戏Demo

   这几天闲着没事突发奇想搞点2D图形玩玩，前段时间时间接触了pixi.js就用它来试试水。 肝了了好几天把基本的鱼游泳动画，随机游泳、炮台、射击撒网基本的逻辑写了

3. 写给后端大忙人看的vue入门指南

   写给后端大忙人的Vue入门指南，重点介绍了Vue的核心特性和基本使用方式，同时对Vue中常用的方法和指令进行了总结归纳，希望能帮助后端开发者快速熟悉Vue框架

4. 揭秘网络通信的密码：HTTPS、IP和HTTP状态码

   引言 在当今数字时代，网络通信扮演着不可或缺的角色。无论是在浏览网页、发送电子邮件，还是进行在线购物，背后都涉及到一系列的协议和概念。在这篇文章中，让我们一起来了解网络通信的密码，包括HTTPS、IP

5. ES6新特性全面汇总39条你知道多少？（十一）

   导言 这篇文章是我开启ES6新特性全面汇总的第十一章，我将在未来每天更新一篇后续，我将会较为详细深入的向大家介绍我们ES6+的新特性，而不是简单的标注一共有哪一些特性，本篇文章关于其中的Reflect

6. FastAPI：重燃Python Web开发的火花（一）

   Python在Web开发中面临着哪些挑战，又该如何克服这些挑战呢？在本文中，我们将探讨FastAPI框架如何帮助我们解决这些问题，重燃Python Web开发的火花。

7. 把jsp重构成vue

   记录一次真实的重构经历与感想！ 我在入职之前，公司一直使用的jsp，结合jQuery来处理页面逻辑。 我入职之后，我们领导要求把它重构成vue。 这时，我对jsp根本不熟，业务也没摸清楚。且在这个关键

8. 面试官 ：你知道哪些生产组件用了 Netty ？ 怎么用的 ？

   欢迎点赞收藏关注哟 一. 前言 上一篇 Netty 教程 里面了解了 Netty 的基础用法，这一篇来学习 Netty 的生产级用法. 之前说了，很多开源框架都是基于Netty做的底层通信，这

9. 写给自己的前端性能优化

   一直想写篇前端性能相关的总结，个人觉得这块的内容会比较分散，面试的时候问起来，也不容易有一个清晰的框架

10. 如何使用 Loadgen 来简化 HTTP API 请求的集成测试

    引言 在编写 HTTP 服务的过程中，集成测试 ^1 是保证程序正确性的重要一环，如下图所示，其基本的流程就是不断向服务发起请求然后校验响应的状态和数据等： 为大量的 API 和用例编写测试是一件繁琐

11. 结合开发，带你熟悉package.json与tsconfig.json配置

    我们知道，在开发一个项目的时候都需要通过package来管理一个项目，用于描述项目的元信息以及依赖关系。如果你使用ts来开发一个前端项目，那么tsconfig.json文件也是必不可少的。但是在开发中

12. React 共享组件状态及其实践

    文章浏览阅读109次。React是用于构建用户界面的强大JavaScript库。然而，随着应用规模的增长，状态管理成为一个复杂的问题。本文介绍了三种在React组件间共享状态的方法：状态提升、使用useContext Hook和使用状态管理库（如MobX或Redux）。每种方法都有其适用的情况，并且可以根据项目的大小和复杂程度进行选择。通过理解和掌握这些方法，开发者可以更有效地处理状态管理问题。

13. React【React+Redux应用_Thunk、React+Redux应用_组件、React+Redux应用_DevTools、 为 React 项目添加 Redux、使用数据】(十一)

    文章浏览阅读103次，点赞5次，收藏2次。React【React+Redux应用_Thunk、React+Redux应用_组件、React+Redux应用_DevTools、为 React 项目添加 Redux、使用数据】(十一)

14. React进阶之路（二）– 组件通信、组件进阶

    文章浏览阅读162次。本文涉及组件通信、以及组件进阶方面的内容。

15. react之Component存在的2个问题

    文章浏览阅读117次。【代码】react之Component存在的2个问题。

16. 11.（vue3.x+vite）组件间通信方式之ref与$parent、$children

    文章浏览阅读77次，点赞2次，收藏2次。11.（vue3.x+vite）组件间通信方式之ref与$parent、$children

17. 前端自动检查更新，适用Vue任何版本项目，包服务端更后客户端更新

    文章浏览阅读136次。vue检查更新，复制代码即用

18. react:swr接口缓存

    文章浏览阅读273次。与传统的 useEffect 和 useState 结合使用方式不同，它可以处理HTTP请求的生命周期管理，并且还能自动更新缓存并在成功或失败时提供API响应。它是一个异步 Hook，在使用 useSWRImmutable 时，当我们作出数据请求时，它将使用本地缓存提供此数据。它可以在缓存过期之前重新使用数据，以避免从服务器读取数据的时间和网络成本，帮助提高应用程序的性能和用户体验。SWR 是一个轻量级的 React Hooks 库，通过自动缓存数据来实现 React 的数据获取。

19. [vue-router]vue-router 路由传参问题

    文章浏览阅读61次。所以有尝试通过params方式传递参数，但是该种方式参数虽然不会出现在路径上，但是拿不到参数？通过以上代码，发现通过query方式传递参数确实可以拿到数据，但是该种方式会非常容易拿到路径的参数，个人感觉安全性较差，三方拿到数据比较容易。但是实践后发现，哪怕使用了name 方式 依然无法拿到params的参数，然后就说是vue-router的版本问题了，可能最新的版本存在问题。该问题是在希望在代码实现路由跳转的时候，传递一些数据，而且传递数据较多，并存在一些敏感数据。

20. 20行JS代码实现屏幕录制