20240326 前端开发日报

五年前端这题都做不对?；ES2024即将发布5个可能大火的JS新方法；Varlet Vue3 组件库 3.2 发布 | 拥抱 Nuxt、桌面端体验增强、支持原子化 CSS 框架；用Three.js搞个炫酷雷达扩散和扫描特效；队友升职，被迫解锁 Jenkins（所以，前端需要学习Jenkins吗？）；git如何实现一套代码同步到多个仓库；跟杰哥一起学Flutter (十三、从Widget源码 ✈ InheritedWidget)；Flutter – 升级3.19之后页面多次rebuild？

1. 五年前端这题都做不对?

   实现汗颜,作为一个多年的老前端做了一遍题居然不及格! 一时陷入了反思中备受打击,诚请各位大哥来一探究竟!

2. ES2024即将发布5个可能大火的JS新方法

   ECMAScript 2024（ES15） 即将发布（2024年6月），新的版本带来了非常多全新的特性。其中有 5 个全新的 JS 方法，可以大幅度提升我们的工作效率，从而让我们得到更多的摸鱼时间~~

3. Varlet Vue3 组件库 3.2 发布 | 拥抱 Nuxt、桌面端体验增强、支持原子化 CSS 框架

   Varlet Vue3 组件库 3.2 发布，拥抱 Nuxt、桌面端体验增强、支持原子化框架。Nuxt3、Material Design 3 主题配色、桌面端支持。

4. 用Three.js搞个炫酷雷达扩散和扫描特效

   雷达扩散和雷达扫描是3D建筑群常用特效，点进来就跟我学怎么用Three.js搞个炫酷雷达扩散和扫描特效！

5. 队友升职，被迫解锁 Jenkins（所以，前端需要学习Jenkins吗？）

   靓仔，听说你想有学习 Jenkins 的打算，欢迎看我的这篇 Jenkins 入门教程后，看完还不会 Jenkins，那你可以顺着网线过来打我。

6. git如何实现一套代码同步到多个仓库

7. 跟杰哥一起学Flutter (十三、从Widget源码 ✈ InheritedWidget)

8. Flutter – 升级3.19之后页面多次rebuild？

9. 纯前端实现 JPG 图片压缩 | canvas

10. Git Commit 提交规范，变更日志、版本发布自动化和 Emoji 提交标准

11. Vapor mode研究计划：又回到 vue1.0 版本无虚拟DOM的细粒度绑定，是进步还是倒退？

12. WebView组件封装(五)——实现H5页面秒开方案总结

13. HTML + CSS实现毛玻璃效果

14. 译文：⚛️ React中最有用的10个自定义Hook

15. vue3+TS基于el-table 封装的可拖拽行、可拖拽列、选择列组件

    文章浏览阅读119次。【代码】vue3+TS基于el-table 封装的可拖拽行、可拖拽列、选择列组件。

16. React 整活了： Next.js 开放执行后端 SQL 特性？React 官方还大力推荐 Next.js ？

    文章浏览阅读576次，点赞8次，收藏12次。大致的意思就是说这是一种服务器端组件，为了提高性能，由服务器直接渲染，渲染出来的结果通过元数据的形式发给前端 React，React 拿到元数据后与现有的 UI 树合并，最终由浏览器渲染。但是直接支持服务端执行，是技术的轮回（照着PHP的方向）还是技术的变革呢，此时的 Next.js 就像是一个站在十字路口的汽车，油都加满了，就看各位开发者驾驶员开着它往哪边走了。啊哈哈哈哈，调侃归调侃，既然口子已经开了，就会有过来吃螃蟹的人，至于之后会变成什么样子，只能拭目以待了！标签，标示这是一个服务端端执行的方法。

17. 前端 Vue、React、Angular三种语言的不同、优缺点以及如果合理的选择

    文章浏览阅读372次，点赞16次，收藏9次。总之，在决定使用哪种框架之前，应当考虑项目规模、团队技术栈、长期维护需求以及是否需要特定的生态系统支持等因素。同时，随着技术发展，框架之间的差异也在逐渐缩小，因此密切关注最新版本的特点和社区趋势也是很重要的。

18. ios 嵌入vuejs

    文章浏览阅读316次。将构建好的 Vue.js 应用部署到 Web 服务器上，以便你的 iOS 应用能够加载它。WebView 允许你在应用中加载网页内容，因此你可以加载包含 Vue.js 的网页。在你的 iOS 应用中使用 WebView 组件来加载 Vue.js 应用的 URL。你可以使用 Vue CLI 来初始化一个新的 Vue.js 项目，并在其中构建你的应用程序。应用将加载 Vue.js 应用并在 WebView 中显示它。综上所述，你可以通过在 iOS 应用中使用 WebView 组件来嵌入 Vue.js 应用。

19. vue+js实现预览图片–拖拽、放大、缩小查看

    文章浏览阅读75次。最近整理21年笔记发现那时候我还是喜欢用原生js来实现一些特定的需求，挺好。

20. Vue的父子组件间的传参、插槽的使用

    文章浏览阅读435次，点赞8次，收藏6次。子组件的模板里预留的空位（slot ），父组件使用子组件时可以在子组件的插槽内插入内容（可以是一个东西，也可以是一个结构，或是组件）//子组件通过$emit触发父组件上的事件：this.$emit("自定义触发事件的名称")组件传参：props属性接收传递来的参数，只能单向（父=>子），不能反向传递，不能跨级传递。//可以写成函数（子组件被点击时触发父组件的事件）组件传参：子组件通过$emit触发父组件上的事件。//接收父组件传过来的参数（数据是一个对象）//props属性接收，父组件传过来的参数。

21. vue3中proxy为什么使用了Reflect.get()？ES6的Reflect是什么？

    文章浏览阅读51次。proxy为什么使用了Reflect.get()？Reflect调用的是js底层方法，底层方法会提供有更多功能。

22. 模式实现vue事件总线

    文章浏览阅读77次。发布订阅模式，还具有解除订阅功能。

23. Vue中的子传父、父传子详细（vue2子传父、父传子，vue3子传父、父传子）

    文章浏览阅读447次，点赞17次，收藏8次。在 语法中，你不需要显式地导出任何东西，因为所有顶层变量、函数和组件都会自动暴露给模板和其他组件。

24. Vue reactive函数的使用

    文章浏览阅读567次，点赞4次，收藏10次。在您的代码中，通过使用 reactive 函数创建了一个包含多个属性的响应式对象 data，其中的属性变化会触发组件视图的更新。使用 reactive 函数可以将普通的 JavaScript 对象转换为响应式对象，使得对象的属性变化可以触发视图的更新。创建响应式对象：通过调用 reactive 函数并传递一个普通的 JavaScript 对象作为参数来创建响应式对象。访问和修改数据：可以像访问普通对象属性那样访问和修改响应式对象的属性，Vue 会自动追踪属性的变化并更新相关的视图。

25. vite5+vue3+ import.meta.glob动态导入vue组件

    文章浏览阅读180次。假设你有一个src/pages/DynamicComponents目录，里面包含多个 Vue 组件，你想根据某些条件动态地导入这些组件。src/pages/DynamicComponents/ComponentA.vue文件。src/pages/DynamicComponents/ComponentB.vue文件。包起来就好了，我直接使用了markRaw来包起组件 ，就解决这个警告了。src/pages/index.vue文件。这里报了一个警告：提示你去给组件使用。

26. React中使用useReducer模拟实现redux管理React组件状态

    文章浏览阅读170次，点赞4次，收藏4次。React中使用useReducer模拟实现redux管理React组件状态

27. 登录页面B站修改（Vue)

    文章浏览阅读98次。Vue版本b站原生HTML。