×

深圳网站建设—APP开发—网站制作—小程序开发_博纳网络公司

0755 -
82538016
82560826
网站报价

网站建设前端架构设计制作什么是语义化的网格?

文章编辑:网站建设 文章来源:建站方案 浏览量:

    网站建设前端架构设计制作什么是语义化的网格?网站建设公司认为随着组件的基础变得坚实,我们需要做的下一件事是弄清楚如何把它们合并成多种不一样的布局。过去,当模块数量比较少时,我们会给每个版块写样式,包括版块的布局。如果要做一个充满商标的版块,我们会给这个版块一个 CSS 类名称,然后明确地给这个版块应用一个布局。这个方案的问题是,除了整个版块其他的都不可复用。所以如果有别的版块用到了相同的布局但不同的内容,我们就不得不创建一个全新的版块以及重写布局样式。所以,现在我们把商标墙拆分成图片集、按钮和标题,希望模块布局任何时候都能复用。深圳网站建设公司提醒这意味着要把布局放回 DOM,这正是我们舍bootstrap 网格布局时强烈抗拒的事情。
    
    幸运的是,bootstrap 网格布局容器、行容器和列容器,需要应用到 .logo-wall 版块的特定布局,以及其他任何需要布局的新的内容组合。我们的解决方案是,创造一组可以通过数据属性的值来应用的常用网格布局方式。流程核心的意义在于清晰地定义前端代码从开发人员的脑海到用户的浏览器所需要经历的各个步骤。流程包含了开发过程的各个环节,从合理的想法到可行的设计,到有效的提交,再到最终的部署。
    如果你从事前端开发的时间足够长,你可能注意到,在过去的几年内,我们的工作流已经发生了巨大的变化。我第一次做 Web 开发是通过两个月的邮件交流来理解客户的需求,然后通过 FTP 登录他们的服务器,对网站代码做必要的修改的。现在看来,这种更新网站代码的方式非常糟糕。如果我误解了邮件的内容,改错了代码,会发生什么呢?如果我不小心删掉了一大片 CSS 代码,又不小心破坏了网站上的其他页面呢?如果我改掉一个 JavaScript 的 bug,但又引发另外两个 bug 呢?这些问题十分棘手,而这也是永远都不要用 FTP 直接修改代码的重要原因。如果你没有经常备份,现在需要修复一个损坏的网站,而且还有一堆任务等着你去做,那么结果会怎样呢?
幸运的是,我们大多数人已经从这些错误中吸取了教训,现在遵循着更先进的方法。跟之前通过 FTP 的方式来修改邮件中提到的各种改动不同,现在网站建设公司资深框架设计师采取的方法如下。
(1) 使用事件跟踪和用户故事来正确地跟踪工作流和标记那些完成了的任务。
(2) 搭建开发环境来测试代码。
(3) 构建部署流程,用于编译、验证和测试代码。
(4) 在任何代码被采纳之前,都要获取需求方的反馈。
(5) 把提交的代码推送到中心代码仓库。
(6) 采用这样一个部署系统:可以无缝地添加一些新代码到生产环境;在需要的时候,还可以回滚这些代码来恢复系统原来的功能。
准备好实践这些方法了吗
作为前端架构师,你经常需要制定,或至少能够掌控以上所列的每一项内容。流程中的任何一个环节出现问题,都会迅速演变为开发人员的痛苦,或者导致网站无法持续满足用户要求,甚至崩溃。
    正如博纳网站建设公司前面的文章所说,前端架构师的用户是开发人员。我们所选择的工具、编写的代码、创建的流程,都是为了让开发人员能够构建出最高效的、不出错的、可扩展的和可持续优化的系统。在这一部分,我们会从一个更高的视角看看如何更好地武装新的开发人员,让他们更快地上手。我们会深入了解他们是如何把需求转化为实际代码的,以及代码产生的流程。然后我们会讨论这些流程的核心——任务处理器的角色,以及它们如何帮助我们用更少的时间创造更好的代码。好了,深圳网站建设公司本文关于“网站建设前端架构设计制作什么是语义化的网格?”的建站经验就分享到这里,如果您需要个性定制高端网站可联系我们在线客服,获取设计解决方案,谢谢关注,博纳网络编辑整理。

当前文章链接:/website/jzfa/14844.html
如果您觉得案例还不错请帮忙分享:

[声明]本网转载网络媒体稿件是为了传播更多的信息,此类稿件不代表本网观点,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的内容侵犯了您的版权,请您的相关内容发至此邮箱【qin@198bona.com 】,我们在确认后,会立即删除,保证您的版权。

相关案例推荐