20240331 前端开发日报

基于nginx+ffmpeg+vue3+TypeScript在网页上显示监控的实时画面；Flutter 刷新页面：通过下拉刷新提升用户体验；Flutter大型项目架构：分层设计篇；Windows 最佳文件管理器：快速、简单、直观、自由 | 开源日报 No.175；CSS Tips：边框动画；你还在用for循环遍历集合？试试JavaScript新增的7种方法吧；Ty —— 强大而简洁的 Javascript 类型判断库；【Vue源码】带你手搓一个路由

1. 基于nginx+ffmpeg+vue3+TypeScript在网页上显示监控的实时画面

   最近在忙比赛的项目，项目有一个实时预览监控摄像头的画面的需求。按道理说我一个臭前端不负责这一块的东西，但是没办法，时间紧任务重，只好硬着头皮上了….

2. Flutter 刷新页面：通过下拉刷新提升用户体验

   在移动端应用中，为用户提供一个直观的方式来更新内容是很重要的。在丰富的挂件中，Flutter 提供了一个很好的方式实现下拉来刷新应用。这个手势，对很多用户来说很熟悉，就是下拉页面来触发更新的动作…

3. Flutter大型项目架构：分层设计篇

   Flutter App 大型项目是如何进行分层设计的？每个分层组件都有自己的职责互不干扰，都支持单独的开发测试，尽可能的做到依赖于抽象而不是具体的实现。

4. Windows 最佳文件管理器：快速、简单、直观、自由 | 开源日报 No.175

   Files 是为 Windows 构建的最佳文件管理器应用程序。该项目解决了在 Windows 上进行文件管理时的困难。

5. CSS Tips：边框动画

   对于许多 Web 开发者来说，使用 CSS 制作边框动画并不容易，事实上，借助现代 CSS 特性和 CSS 动画，我们有更多技巧可以给边框添加动画效果。而且事情越来越简单，效果越来越优雅和引人注目。

6. 你还在用for循环遍历集合？试试JavaScript新增的7种方法吧

   集合操作方法的介绍 JavaScript的Set对象自从ES6引入以来，主要用于确保列表中没有重复的元素。然而，随着即将推出的7种内置Set方法，我们可能会发现自己更频繁地使用它们。 注意：这些新功能

7. Ty —— 强大而简洁的 Javascript 类型判断库

8. 【Vue源码】带你手搓一个路由

9. 盘点下web常见的攻击方式 — SQL注入篇

10. ✨Nova – admin 一款轻量，干净的Vue后台管理框架

11. Vue3自定义指令解析，快拿去收藏使用一波~

12. 2024前端高频面试题之– HTTP及浏览器篇

13. Vue2 和 Vue3 中的 v-model 的区别#记录

    文章浏览阅读331次。– v-model后不写值，默认就是modelValue –>绑定的值1：{{message1}}绑定的值2：{{message2}}

14. react与vue，我把所有前端第三方库整理成了PDF

    文章浏览阅读635次，点赞14次，收藏3次。更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。而vue在以单向数据流为核心的同时，又没有完全抛弃双向绑定，这让在这样复杂的表单验证场景开发效率比react高出非常多。为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。提交事件不再重载页面。

15. 滴滴面试前的临阵磨枪

16. Vue3 源码阅读：monorepo 代码管理方案

17. Next.js v14 如何为多个根布局自定义不同的 404 页面？竟然还有些麻烦欢迎探讨

18. Vue混入mixin介绍，kotlin实战

    文章浏览阅读245次，点赞11次，收藏7次。跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。也许是互联网未来10年中最好的一年。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自己，也希望能帮助到需要的同学。

19. React Router 使用教程

    文章浏览阅读470次，点赞12次，收藏7次。整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里即可获取！！！！又不知道该从何学起的朋友，同时减轻大家的负担。**[外链图片转存中…(img-GmxGFYML-1711720537824)][外链图片转存中…(img-HgNTveQX-1711720537824)]

20. React三大组件–props

    文章浏览阅读127次。函数式组件也可以用props 参数，因为函数可以接收参数，接到的参数就是props参数。1.定义：每个组件对象都会有props属性；组件标签的所有属性都保存在props中。将属性限制的代码放到了函数体内，使用 static 静态类的方式使用。2.对props 中的属性值进行类型显示和必填性限制。我在这记录一下展开运算符的使用，如果有忘记的就来着看看吧。2.作用：通过标签属性从组件外向内传递变化的数据。3.扩展属性：将对象的所有属性通过props传递。年龄为字符串类型，且为数字类型，默认值为18。

21. 深入了解Vue中slot的应用

    文章浏览阅读82次。在Vue中，slot是一种用于在组件中承载内容的特殊元素。通常情况下，组件的内容由组件的父组件传递进来，但有时候我们可能需要在组件中定义一些固定的结构，然后在不同的场景下填充不同的内容。以上详细介绍了Vue中slot的用法，包括默认插槽、具名插槽和作用域插槽，并提供了具体的代码示例。默认插槽是最常见的用法，即组件的内容由父组件直接传递进来。在父组件中，我们可以通过在组件的标签中插入内容来传递给子组件。在父组件中，我们可以通过插槽的属性来获取传递的数据，并对插槽内容进行处理。在子组件中，我们可以通过。

22. React 函数式组件性能优化指南，阿里前端开发手册

    文章浏览阅读434次，点赞13次，收藏7次。外链图片转存中…(img-dCtgkzc9-1711782086248)][外链图片转存中…(img-eeWnHHgi-1711782086248)][外链图片转存中…(img-iGcpEvdE-1711782086249)][外链图片转存中…(img-4Ulv7Qh9-1711782086249)][外链图片转存中…(img-wunOIGbP-1711782086250)]

23. 备忘录 3.Vue2,3 父子组件组件传值的方法(1)

    文章浏览阅读139次。在初次接触组件传值时总是忘了其中的细节,我会在这个文章中简单的写一下在vue2,3中父子组件最常用的传值方式,便于我开发中查阅