前端与后端-前端后端开发

从后端开发转到前端开发真的不容易。

尤其是当你习惯了后端开发的工作模式，习惯了构建数据结构，编写类似测试驱动开发的测试，习惯了使用持久层、仓库和数据库图，为前端创建API接口.

这些种类不胜枚举。 后端有它的复杂性，所以大多数人没有时间去了解前端开发的内部工作原理。

我也是。

甚至可以说，在我被迫跳槽调到前端之前，基本都绑定了后端。 从此，我可以在不过度依赖前端框架的情况下，编写最好的UI交互性强的产品代码，不用框架提供的黑箱，为我做繁重的工作，创造出优秀的应用。

以下是我目前为止从后端到前端开发的心得：

一切都是关于 UI 和 UX

在后端，人们最担心的是数据结构、数据库结构和性能、代码架构、服务，以及开发一个前端工程师可以理解和使用的强大的API。

前端非常不同。 开发人员需要关注用户界面，用户如何与应用程序交互，然后量化用户体验。 有时您需要自己设计用户体验，然后改进应用程序流程。

我喜欢前端开发的地方在于它直接解决用户需求并关注他们的体验。 前端的做法和后端不同，因为前端是以用户为中心的，一切都围绕着如何让你开发的app对用户来说更舒服，而不是处理数据结构。

立项之初，先放UI，再想应用流程

当我从事个人项目以提高我的前端技能时，思考当用户单击按钮并与 UI 组件交互时 UI 的行为和进展方式极大地改善了我的思维方式。

在后端工作的时候，我无法想象如何与用户交互，如何提升用户流量前端与后端，因为我几乎只关心CRUD（数据库增删改查）操作以及应用程序如何将数据存储到数据库，包括最重要的和敏感信息，例如公式、信用卡信息等。 所以当我做UI相关的工作时，真的很烂。

转移到前端后，就会有很大的不同。 现在，我首先考虑用户将如何使用应用程序并与之交互，以及他们是否会享受这种体验。 然后，根据UI或显示模型，我会设计合适的后端结构和数据库。

思考如何提高 UI 的可重用性

自从 React 这样的前端框架出现后，开发者就开始从“组件”来考虑和编排 UI。 组件可以在不同的页面上复用，这是一件好事。 不再浪费精力重用 UI 组件，因为 UI 组件现在已经标准化。

正如我所说，转前端促使我思考UI的复用性，提高了我的决策水平。 在选择适合项目需求和范围的前端框架时，无论是 React、Vue 还是 Angular，我都可以选择合适的。

如果你想将 UI 组件共享给不同的项目和团队，我建议你看看 Bit 的工具，看看它是否可以帮助你。

构建自己的应用程序模型

学习为自己的想法建模可能与前端技能本身没有任何关系，但它确实帮助我优化了视觉效果，让我能够更好地模拟自己的设计并将它们写在前端。

构建模型是一种不同于前端技能的技能，但我很高兴能够根据模型和其他人的设计编写前端代码，以及构建我自己的模型并使用前端技术对其进行编码我学过。

一切都与 Web 端性能和客户端优化有关

您不仅要注意用户界面，还要注意客户端和网页的性能。 这很重要，因为用户会不时与浏览器进行交互，这意味着与前端代码进行交互。

因此，我认为有必要提高Web端的性能，无论是使用像本地存储这样的缓存策略，最大限度地压缩JavaScript代码，使用webpack进行打包和转译，还是在代码中使用动态导入。

我意识到优化不仅来自后端，还来自前端，可以为 Web 应用程序的用户带来无缝体验。

学习创建响应式网页

创建响应式网页无疑是前端开发中最艰巨的挑战之一。 开发人员必须确保 UI 在不同设备上具有足够的响应能力，无论用户使用的是台式电脑、笔记本电脑还是智能手机。

当我刚开始学习前端开发的艺术时，我仍然认为这是一个艰巨的挑战，直到我掌握了它。 准确地说，制作响应式网页乍一看似乎很容易前端与后端，但我没有意识到我一直做错了。

当然，如果你打算依赖前端框架，这个麻烦自然就没有了。 但是，我们不想太依赖框架，想从头开始，自己学习前端开发是怎么工作的。