20240603 前端开发日报

只做你的唯一 ，JS中的单例模式的详细解析；Jenkins pipeline中HTML Publisher plugin的使用及css样式表无法显示问题解决；最近做开源的一些思考和收获；JavaScript数组扁平化+面试；开发 Flutter ViewTabBar 组件发布到 Pub 仓库 ；在VitePress中实现内联Vue组件；快速集成 Flutter Shorebird 热更新；WalleWeb简化你的DevOps部署流程

1. 只做你的唯一 ，JS中的单例模式的详细解析

2. Jenkins pipeline中HTML Publisher plugin的使用及css样式表无法显示问题解决

3. 最近做开源的一些思考和收获

4. JavaScript数组扁平化+面试

5. 开发 Flutter ViewTabBar 组件发布到 Pub 仓库

6. 在VitePress中实现内联Vue组件

7. 快速集成 Flutter Shorebird 热更新

8. WalleWeb简化你的DevOps部署流程

9. 几年没碰过前端了，Vue集成高德地图花费我三个小时

10. 开源项目的 README.md 这样写，hr 看了都心动

11. Vue3-watch监听ref和reactive数据的五种情况及watchEffect

    文章浏览阅读610次，点赞4次，收藏5次。用于声明在数据更改时调用的侦听回调。watch选项期望接受一个对象，其中键是需要侦听的响应式组件实例属性 (例如，通过data或computed声明的属性)——值是相应的回调函数。该回调函数接受被侦听源的新值和旧值。除了一个根级属性，键名也可以是一个简单的由点分隔的路径，例如a.b.c。注意，这种用法不支持复杂表达式——仅支持由点分隔的路径。如果你需要侦听复杂的数据源，可以使用命令式的$watch()API。值也可以是一个方法名称的字符串 (通过methods声明)，或包含额外选项的对象。

12. 【React】封装一个好用方便的消息框（Hooks & Bootstrap 实践）

    文章浏览阅读770次，点赞17次，收藏5次。即将模态框组件和状态以及处理函数都封装到一个 Hook 里，每次调用这个 Hook 都返回一个组件变量和 show 函数，调用方只需要把返回的组件变量渲染出来，然后调用 show 即可。为了解决上面只能同时弹一个框的问题，我们可以考虑取消全局只有一个对话框的策略，改成每个要用的组件都单独一个对话框，这样就不会出现冲突的问题了。首先可以考虑全局都只放一份模态框的代码到某个位置，然后要用的时候都修改这一个模态框即可。但是缺点显而易见，只能同时弹一个消息框，因为所有的消息框都要共享一个模态框。

13. 前端Vue小兔鲜儿电商项目实战Day04

    文章浏览阅读1k次，点赞11次，收藏17次。1. 封装复杂交互组件的通用思路2. 图片预览组件的封装逻辑。

14. Vue中引入elementUI中的container组件失效

    文章浏览阅读109次。1.不用修改官网中任何css或者html。2.按需引入，不是只是引入官网的就可以。

15. Web前端三大主流框架深度解析：React, Angular, Vue.js

    文章浏览阅读223次。React是由Facebook开发并维护的一个用于构建用户界面的JavaScript库，它允许开发者使用组件化的方式来构建复杂的UI。React通过虚拟DOM提高了网页应用的性能，并通过JSX语法让HTML与JavaScript的结合更为自然。Angular是一个由Google支持的完整的前端开发框架，提供了从路由、服务到表单处理等全套解决方案。Angular采用TypeScript编写，强调MVC（Model-View-Controller）架构模式，并通过双向数据绑定简化了数据同步。

16. React（五）UseEffect、UseRef

    文章浏览阅读954次，点赞31次，收藏13次。只能说是对useEffect相见恨晚，这个钩子好牛b今天写的较为简略QAQ。