重庆SEO深度解析
实战草根,野蛮生长,向阳而生

seo前端怎么开发 经验:10条准则带你跨越后端到前端的鸿沟

从后端开发过渡到前端开发确实不容易。

尤其是当您习惯于后端开发的工作模式,习惯于构建数据结构,编写类似于测试驱动的开发的测试,习惯于使用持久层,仓库和数据库图以及为API创建接口时前端。

列表无穷无尽。后端具有复杂性,因此大多数人没有时间学习前端开发的内部工作原理。

我也是

甚至可以说它基本上已经绑定到后端,直到我被迫换工作并转移到前端。从那时起,我可以编写具有强UI交互性的最佳产品的代码,而无需过多地依赖前端框架,而无需框架提供的黑匣子来帮助我承担沉重的负担并创建出色的应用程序。

以下是到目前为止我从后端到前端开发的经验:

一切都与用户界面和用户体验有关

在后端,人们最担心的是前端工程师可以理解和使用的数据结构,数据库结构和性能,代码体系结构,服务以及强大的API。

前端非常不同。开发人员需要注意用户界面,用户与应用程序的交互方式,然后定量评估用户体验。有时您需要设计自己的用户体验,然后改善申请流程。

我喜欢前端开发的地方是它可以直接满足用户需求并专注于他们的体验。前端方法与后端方法不同,因为前端是以用户为中心的,并且一切都围绕着如何使用户更舒适地使用您的应用程序而不是处理数据结构。

在项目开始时,首先将UI放在首位,然后考虑一下申请过程

当我开始一个个人项目以提高我的前端技能时,思考“当用户单击按钮并与UI组件交互时UI将如何操作和前进”大大改善了我的思维方式。

在后端工作时,我无法想象如何与用户交互以及如何改善用户流程,因为我几乎只关心CRUD(数据库添加,删除,修改和检查)操作以及应用程序存储方式。数据库中的数据,包括最重要和最重要的敏感信息,例如公式,信用卡信息等。因此,当我进行与UI相关的工作时,确实很糟糕。

转移到前端后,情况非常不同。现在,我将首先考虑用户将如何使用该应用程序并与之交互,并考虑他们是否会喜欢这种体验。然后,我将基于UI或显示模型设计合适的后端结构和数据库。

考虑如何提高UI重用性

自从引入像React这样的前端框架以来,开发人员已经从“组件”的角度考虑并安排了UI。组件可以在不同页面上重用,这是一件好事。重用UI组件不再浪费精力,因为UI组件现已标准化。

正如我所说,迁移到前端促使我思考UI的可重用性并提高了决策水平。选择满足项目需求和范围的前端框架时,无论是React,Vue还是Angular,我都可以选择合适的框架。

如果您想与不同的项目和团队共享UI组件,建议看一下Bit的工具,看看它是否可以帮助您。

建立自己的应用程序模型

学习为自己的想法建立模型可能与前端技能无关,但这无疑帮助我优化了视觉效果,使我可以更好地模仿自己的设计并将其编写在前端。

建立模型的技巧与前端技巧不同,但是能够基于模型和其他设计编写前端代码使我感到很兴奋。这也让我很高兴建立自己的模型并使用所学的前端技术进行编写。兴奋。

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

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

因此,我认为有必要提高Web端的性能,无论是使用诸如本地存储之类的缓存策略,最大限度地压缩JavaScript代码,使用Webpack打包和转换,还是在代码中使用动态导入。

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

了解如何创建快速响应的网页

创建快速响应的网页无疑是前端开发的头疼之一。开发人员必须确保用户在使用台式计算机,便携式计算机或智能手机的不同设备上的UI响应足够快。

当我第一次开始学习前端开发技能时,直到找到窍门之前,我仍然将其视为头痛。确切地说,制作一个快速响应的网页似乎很简单,但是我并没有意识到我一直都错。

当然,如果您打算依靠前端框架,那么这种麻烦自然会消失。但是,我们不想过分依赖框架,我们希望从头开始,学习前端开发的工作原理。

未经允许不得转载:狠人SEO » seo前端怎么开发 经验:10条准则带你跨越后端到前端的鸿沟

本文链接: http://www.henrenseo.com/seowt/14671.html

版权声明:本文著作权归原作者狠人SEO所有,转载请注明出处,感谢!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

狠人SEO-网站优化排名操作步骤分享

友情链接


#