20240302 前端开发日报

2024 前端趋势:全栈也许已经是必选项;看了千万项目的 vue 代码,我陷入了沉思;绕过付费,畅享网络:自由浏览付费内容 | 开源日报 No.185;答应我,在vue中不要滥用watch好吗?;web端屏幕截屏,生成自定义海报;写给想学 Rust 的前端同学;揭秘百度一面:细节不容忽视,直戳难点(含面试题);Flutter 用什么架构方式才合理?

  1. 2024 前端趋势:全栈也许已经是必选项

    从《2023 的 Javascript 星趋势》中,似乎可以看到,全栈开发的时代已经到来。我们应该做好准备,欢迎其到来。

  2. 看了千万项目的 vue 代码,我陷入了沉思

    最近接了个成本千万级的业务系统运维工作,前端是用 Vue3 写的。看了代码之后,我大为震惊,让我不得不重新思考下使用 Vue3 的正确姿势。

  3. 绕过付费,畅享网络:自由浏览付费内容 | 开源日报 No.185

    bypass-paywalls-chrome 是一个用于 Chrome 和 Firefox 的网页浏览器扩展,可帮助绕过特定网站的付费墙。

  4. 答应我,在vue中不要滥用watch好吗?

    上周五晚上8点,开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求,并且维护这一块业务的同事已经下班走了,所以只有我来做。虽然内心一万头草泥马在狂奔,但是嘴里还是一口答应。

  5. 写给想学 Rust 的前端同学

    Rust 可能正在逐渐渗透前端的方方面面,所以作为一个前端究竟有没有必要学习 Rust 呢?我认为,还是看个人的精力吧,有那个精力多学一点没有坏处,没那个精力不学也没有影响。本篇不是讨论该不该学

  6. Vue 3 + Element Plus 自定义弹出框组件实践

    文章浏览阅读158次,点赞3次,收藏3次。Vue 3 + Element Plus 自定义弹出框组件实践

  7. Vue(3.3.4)+three.js(0.161.0)实现3D可视化地图

    文章浏览阅读266次,点赞3次,收藏5次。别错过这么炫酷的3D地图

  8. Angular React Vue 比较 – 组件篇之Props

    文章浏览阅读433次,点赞15次,收藏10次。本章介绍了三大框架组件的 Props ,对组件如何传递 prop与渲染阶段 prop 值的转换做了重点说明。三大框架的数据流都是从父组件流单向流入子组件的,不要试图在子组件中修改 prop。

  9. day47((VueJS)组合式API 响应式数据的定义 定义的方法 计算属性的定义 监听watch ref的相关方法)

    文章浏览阅读195次,点赞5次,收藏4次。vuejs组合式API响应式数据的定义 定义方法 计算属性的定义 监听watch ref 的相关方法

  10. Vue中的事件总线(EventBus)是什么?它有什么优点和缺点?

    文章浏览阅读378次,点赞7次,收藏7次。事件总线是一种组件通信方式,用于在工程的中的任意组件中进行事件触发和数据传递。通过在全局创建一个事件总线,所有组件(无论他们的关系是父子还是兄弟还是不相关)都可以使用同一个总线发送事件和监听事件,传输数据。这样通信就可以不受组件间关系限制,实现灵活的通信能力。事件总线作为一种全局的组件通信方法,符合订阅发布模式,由于其简单有效的使用方式,受到部分开发者的欢迎。但是由于各种使用不慎和维护带来的问题,官方和许多开发者也不推荐使用:在绝大多数情况下,不鼓励使用全局的事件总线在组件之间进行通信。

  11. 如何在Linux系统Docker部署Wiki.js容器并结合内网穿透实现远程访问本地知识库

    文章浏览阅读558次,点赞30次,收藏27次。这样我们就在本地使用Docker搭建了一个wiki的知识库系统,但是目前仅限于本地的访问,如果我们想把创作好的文章内容发给身边的朋友查看,或者需要进行异地访问创作等,接下来我们就可以结合cpolar内网穿透将搭建好的知识库发布至公网进行远程访问。使用上面的Cpolar https公网地址,在任意设备的浏览器进行访问,即可成功看到Wiki.js界面,这样一个公网地址且可以远程访问就创建好了,使用了cpolar的公网域名,无需自己购买云服务器,即可发布到公网进行远程访问!切换至首页,创建主页内容。

  12. react.FC详细解说

    文章浏览阅读244次,点赞6次,收藏4次。在TypeScript中使用React.FC在这个例子中,我们定义了一个名为Greeting的函数组件,它接受一个名为greeting的属性。通过,我们告诉TypeScript这个组件应该接受一个对象作为其props,这个对象具有一个greeting属性,类型为string。随着React和TypeScript的发展,一些开发者开始直接定义函数组件而不是使用React.FC。这种方式更为简洁,避免了React.FC的一些局限性,如自动包含children属性。你可以根据个人或团队的偏好选择使用。

  13. 如何使用 Socket.IO、Angular 和 Node.js 创建实时应用程序

    文章浏览阅读677次,点赞38次,收藏38次。WebSocket 是一种允许服务器和客户端之间进行全双工通信的互联网协议。该协议超越了典型的 HTTP 请求和响应范式。通过 WebSocket,服务器可以向客户端发送数据,而无需客户端发起请求,因此可以实现一些非常有趣的应用程序。在本教程中,您将构建一个实时文档协作应用程序(类似于 Google Docs)。我们将使用 Socket.IO Node.js 服务器框架和 Angular 7 来实现这一目标。您可以在 GitHub 上找到此示例项目的完整源代码。

  14. Vue自定义商品发布组件

    文章浏览阅读510次,点赞8次,收藏6次。等标签:Ant Design Vue 提供的不同类型的表单控件,用于用户填写商品信息。标签:Ant Design Vue 提供的模态框组件,用于显示发布商品的表单。标签:Ant Design Vue 库提供的弹出框组件,用于显示一个气泡框。标签:Ant Design Vue 提供的卡片组件,用于包裹每个选项。标签:Ant Design Vue 提供的表单组件,用于包裹表单项。标签:表单项组件,用于包裹每个表单项,并设置标签和表单控件的布局。标签:另一个模态框组件,用于显示上传的图片的预览。

  15. vue3 + vite 项目可以使用纯Js开发吗?

    文章浏览阅读173次,点赞5次,收藏4次。按照链接参考或者按官方:webstorm 创建vue3 vite 项目-CSDN博客login.vue/router/index.ts 添加到路由 运行效果:


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流