前端如何相对优雅管理api
一般来说,项目由子模块组成,拿到后端提供过来的接口,一般也是按照子模块来分类提供的.请教一下各位,你们前端项目是如何管理api的? 希望各位贴点你们的优秀代码段上来学习学习. 常见: 各个模块的api存放到单独的js文件里,返回一个请求实例promise对象 使用的时候根据需求引入相应的请求方法 / ...
前端设计模式——中介者模式
前端中介者模式（Mediator Pattern），用于将对象之间的通信解耦并集中管理。它通过引入一个中介者对象，将对象之间的交互转移到中介者对象中，从而避免对象之间直接相互通信。 在前端开发中，中介者模式常常被用于管理复杂的用户界面或组件之间的交互，比如 GUI 组件、聊天室、游戏等等。通过引入一 ...
记录--服务端推送到Web前端有哪几种方式？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 这个问题？ 这个问题一般会出现在面试题里面，然后回答一些诸如轮询、WebSocket之类的答案。当然，实际开发中，也会遇到类似别人给你赞了，要通知给你的情况。这时服务端推送给Web前端（先局限在Web前端，毕竟其他端还有一些特殊方法）到底 ...
前端设计模式——观察者模式
前端中的观察者模式（Observer Pattern），定义了对象之间的一种一对多的依赖关系，使得当一个对象状态发生改变时，所有依赖于它的对象都能够得到通知并自动更新。 在前端开发中，观察者模式常被用来实现组件间的数据传递和事件处理。比如，当一个组件的状态发生改变时，可以通过观察者模式来通知其他组件 ...
前端设计模式——发布订阅模式
JavaScript中的发布/订阅模式（Pub/Sub）是一种常用的设计模式。它允许在应用程序中定义对象之间的一对多的依赖关系，当一个对象的状态发生变化时，所有依赖于它的对象都会被通知和更新。 在发布/订阅模式中，有两种类型的对象：发布者和订阅者。发布者是事件的发出者，它通常维护一个事件列表，并且可 ...
前端设计模式——单例模式
单例模式是一种设计模式，它可以确保某个类只有一个实例，并提供一个全局的访问点来访问该实例，我们可以使用单例模式来管理全局状态和共享资源。 在JavaScript中，单例模式可以通过多种方式实现，以下是一些常见的实现方式： 1. 对象字面量 使用对象字面量可以轻松地创建单例对象，例如： const s ...
2023，大前端技术趋势及小程序未来分析
几个月前，小程序游戏“羊了个羊”大火、一时间和“老板每天赚468万全款买两套豪宅”的消息在网上引爆了网络。回望，小程序被视为互联网流量的存量时代；流量变现“全村的希望”，投资者将其视为金石和“电商领域目前只看小程序电商”。企业也试图通过微信的大流数量和社交裂变优势来做大生意，毕竟尝试小程序并不容易。 ...
前端设计模式——工厂模式
前端中的工厂模式是一种创建对象的设计模式，它可以让我们封装创建对象的细节，我们使用工厂方法而不是直接调用 new 关键字来创建对象，使得代码更加清晰、简洁和易于维护。在前端开发中，工厂模式通常用于创建多个相似但稍有不同的对象，比如创建一系列具有相同样式和行为的按钮或者表单。 在实现工厂模式时，通常需 ...
设计模式与前端工程师
前端要不要学习设计模式 始终认为每个行业都有自己的特点，各自的专业性。一个开发工程师如果不知道电脑是哪些基本硬件组成，那么我们大概率都会认为这个人非常不专业。那么前端要不要学设计模式呢？设计模式跟前端有多大关系呢？ 前端工程师首先是一个工程师，既然是一个软件工程师，那么类似设计模式、数据结构、网络相 ...
前端随笔0：URL与状态的双向绑定
这篇要讨论的这个概念，应该也不是我发明的新词，叫 URL 与状态的双向绑定，字面意思来说，在刷新页面或跳转页面时解析 URL 并对应更新组件的状态，在组件状态更新时同步更新 URL，为什么要引入这种机制嘞？ ...
记录--前端项目中运行 npm run xxx 的时候发生了什么？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 npm 是 node 捆绑的依赖管理器，常用程度可想而知。那么你每天都在 npm/yarn run 的命令到底是如何运行项目的呢？ 前端项目中运行 npm run xxx 的时候发生了什么？大家都知道目前的 node 是捆绑 npm 的。 ...
前端JS for-in和for-of的区别
for in 遍历对象,返回的是对象的key; 遍历数组/字符串,返回的是数组的下标for of 只能遍历的是数组 遍历数组对象，返回单个对象； 遍历数组元素/字符串，返回单个元素 举例说明： 可以看到得出： for in 能够遍历对象 for of 不能遍历对象 可以看到得出： for in 能够 ...