当前位置: 首页 » 抖音号资讯 » 抖音号

模块化提高效率(模块化重构设计)_抖音账号购买价格

发布日期:2022-08-12 15:17:59

说到模块化,或许我们首先想到的就是编程中的模块设计,以功能块为单位设计程序,最后通过模块的选择和组合形成最终产品。将这种思想应用到页面构造中并不是什么新鲜事。我相信大量的页面构建工程师都经历过几个阶段:第一个阶段是在一个css文件中按照自己习惯的顺序为多个页面自上而下的编写样式,基本不考虑有没有共同的样式,以完成设计呈现为首要目的;第二阶段是从不同的页面中提取共同的样式,比如共同的颜色、图标、按钮等。实现一些基本元素的重用;第三阶段是提取常用功能模块,如导航、版权信息等,实现一些常用模块的复用。

刚刚描述的第三阶段的方法已经包含了模块化的思想,很多团队也有一套成熟的模块化开发方案。第一次听说模块化构造方法是三年前我在韩国一家互联网公司工作的时候,有些产品要求使用一种叫做UIO method的功能模块或组件,这种方法是模块化的、通用的,以达到最大程度的模块独立性和可重用性。当时团队里很多同事和我一样,认为这种工作方式限制了编码的自由度,过多的结构约束降低了工作效率。另外,产品不统一,最后也没有应用到整个团队。

那么,如果采用模块化建设,有什么优势呢?可能在实验开始的时候,需要一个适应的过程,可能会让团队成员看起来和我当时的想法差不多,才会出现,但是当大家适应并熟悉了这种工作方式之后,肯定会大大提高页面构建的效率。

假设有这样一个场景,团队收到一个有很多页面和大量工作量的紧急项目。第一个团队是这样做的:组长给每个人分配几页,每个人分别完成自己的页面,统一投递。对于不同页面之间结构相似的模块,细心的团队可能会同意,应该有人写出来,复制给每个需要的人。如果他们不太在意,每个人都要把所有内容写在自己的页面上一遍,已经完成了。第二个团队事先根据所有页面划分出通用或者重复的模块,然后根据模块的唯一性分发给大家。有人负责搭建框架,有人做模块,最后把框架和模块合并,然后按照制定好的工作计划按顺序交付页面。对比的结果是,由于二队是一个页面的多人合拍,他们可以最快的制作出开发所需的第一个页面,后期可以找到页面中更多可复用的模块,最后整个工作时间可能比一队减少一半。模块的重用不仅对团队的工作时间有很大的影响,也意味着对于下游开发人员来说,不需要重新编码或者重新开发相同的模块。另外,在升级产品时,两种工作模式的代码冗余度和代码扩展性差距较大。此外,如果您的团队打算使用BIGPIPE或更少的开发方法,css的模块化是最好的合作方式,或者说是必要的。

在决定模块化建设的工作模式时,遵循一定的原则对模块化的顺利进行有很大的帮助。

曾经有一篇关于面向对象css的文章指出,面向对象的css有两个主要原则:separate the structure from the skin,separate the container from the content.第一原则体现在模块化的思想中,模块化可以理解为模块的设计制造和布局框架本身的分离,也就是说你的模块不能只为某个布局写样式,尤其是像微博这种有换肤功能的产品。如果模块需要在不同的皮肤样式下写很多其他的样式甚至修改结构,那么这个模块的制作就会失败。第二个原则是指布局和内容的分离。没有必要在布局中的某个位置只放置某个内容,这反过来可以理解为模块的灵活性和可重用性。

其次遵守团队协作开发规范原则。规范可以包括文件目录结构、文件和样式命名规范、图片精灵规范、模块划分和调用规范等。比如我们对文件目录深度的规定,常用样式用法,模块样式名的唯一性,模块文件名和样式名必须一致的要求等等。这样才能保证大家生产的模块统一规范。

按结构呈现形式划分模块的原则。和模块化编程之间有很大的区别。通常在编程开发中,模块是按照功能来划分的。在页面构建上,有时候不同功能的模块以相同的风格呈现。为了最大化模块样式的重用,不能按照功能划分模块。简单来说,如果它们具有相同的外观和结构,我们可以将它们归类为一个模块。以微博右侧的模块为例。“可能感兴趣的人”和“推荐应用”模块的外观是一样的,左边是图片,右边是文字和功能按钮,所以是同一个风格模块。

模块稳固性原则。经常问新人一个问题,“你觉得自己写的代码质量如何,比一般人好吗?”大多数人会回答遵从语义,减少不必要的嵌套,尽量保持代码简洁。语义和代码简化当然是评价质量的一个重要方面,但我认为代码是否兼顾了数据遍历的合理性、dom节点的可操作性和扩展导致的防销毁线更能体现一个页面构建工程师的水平。

模块自适应性原则。是指任何模块,可以适应其宽度和高度尽可能多。不要设置模块的宽度和高度,除非是特殊情况。这种原理制作的模块具有良好的即插即用功能,是高效完成页面拼接的重要前提。想象一下,如果每个模块都定义了宽度,那么在不同的布局中,你必须重新定义每个模块的宽度、高度或边距等属性,以适应当前的布局。

一般来说,Margin-bottom原则。的网页布局是自上而下的(多栏结构也可以看作是各栏内的流水布局),所以我们可以为每个模块统一预设margin-bottom,达到间距统一的目的,避免出现有的模块设置上边距,有的模块设置下边距的情况。(左右间距通常由布局框架的样式设置)

制定出团队的合作规范和原则后,并不意味着就可以完全按照自己的想法来展开工作。团队合作是多向的,其他团队的支持也是不可或缺的,所以需要以下两个前提条件:

设计必须严格遵循栅格化。模块是独立的,但最终模块仍然嵌套在布局中,因为我们最终输出的是一个完整的静态页面。如何在最短的时间内将分离的模块拼接成符合设计师意图和产品要求的页面?光栅化是一个快速的保证。在一个严格按照光栅化设计的布局框架中,工程师只需要设置布局框架样式和列的内外间距。后续工作只需要嵌套页面中使用的模块,然后调用相应模块的样式即可。由于模块的适应性,当所有模块准备充分时,组装一个页面通常只需要几分钟。

通常,在产品、设计与交互的规范统一。,项目的某个阶段,将产品和设计统一成模块是相对容易的。然而,在同一项目的不同阶段,尤其是不同项目或产品之间,要实现标准化和统一化,并不是一件简单的事情。当规范的统一性出现问题时,模块化只停留在某个项目阶段,每次添加新的功能和内容,都需要添加全新的模块样式,大大降低了可移植性和可重用性,无法发挥应有的作用。当然,产品是不断变化和创新的。我们不能要求一个产品永远按照某个规格来设计,而是要共同努力,分阶段找到双赢的解决方案。在微博中,通过各方的长期努力,尤其是交互设计对产品功能组件的统一,建成的WDL规范库对我们模块化有很大的帮助。

根据实际情况,并不总是容易满足所有条件,尤其是第二个条件。但退一步说,即使模块化不能在每一个项目、每一个产品上长期稳定地发挥最大能量,但至少可以在每一个项目任务上提高模块化带来的团队的效率。

在大家的努力下,在所有条件都具备,团队能够顺利进行模块化工作模式的情况下,我们可能还是会遇到各种各样的问题。一个不可避免的问题是产品功能升级导致的模块变化。这个时候有没有必要修改原来的模块或者开始一个新的?第二,模块的划分程度,有时候模块的呈现和功能划分比较模糊,有时候,某些内容是归类为通用样式还是模块还是页面特有内容,见仁见智;第三,模块的分类。如何分类便于搜索?类似的问题还有很多。在不同的项目和情况下,需要具体问题具体分析,发挥团队的智慧,找到最合理的解决方案。

虽然在执行过程中可能会遇到各种问题和团队合作的阻力,但是当你逐渐习惯了,你就会爱上这种模块化的团队建设!而当你的团队高效完成每一项工作,人们就会爱上你的团队!

资料来源:UCD

奖励作者,鼓励TA抓紧创作!蛙鱼源码Appreciate-wayuym.com,专业提供网站模板、网站源码下载、教程培训、程序插件、网站资料等建站资源,主要收集各类优秀源码资源,包括CMS程序模板、网站源码、游戏源码、APP源码等所有资源不加水印运输,致力于打造优秀的建站资源共享学习平台!

东莞市安辰包装材料有限公司是生产各种包装袋(编织袋、包装袋、牛皮纸袋、彩印袋、纸袋、纸塑复合袋等)的专业制造商。).拥有先进的设备,雄厚的技术力量,先进的自动化生产工艺,产品质量符合国家标准,价格合理,可根据客户要求生产各种包装袋,具有质量保证,生产及时,交货快捷的特点。我们的宗旨:做我们擅长的事,希望用我们的创意和创造力为客户实现战略定位,打造品牌,强化形象!

我们的要求:坚持“高质量的产品、优质的服务、优惠的价格、快捷的交货”的经营方针,努力开拓市场,真诚服务客户!我们的发展:以独特的专业精神和职业素养,坚持高品质包装路线,形成自己的包装品牌!联系人:李:131 1322 4868-微信同号,欢迎来电。进入陈安包装官网。

猜你喜欢
052022-10

Pa的兴起与语音应用的思考_哪...

企业资讯 在我们觉得社会化图片分享应用已经一片红海没啥搞头的时候,啪啪这个应用...
052022-10

ibm是一家什么公司(ibm未来5...

企业资讯 IBM CEO罗睿兰(Ginni Rometty)本周在非营利组织外交关系协会举办的一次...
052022-10

猜想315:哪些公司会中枪?_抖...

企业资讯 下周就是315了,每年315都是谁有钱,谁得瑟,谁装逼就打谁。2012年运营商...
052022-10

招聘员工后应该怎么做?_抖音...

企业资讯 创业者 Tom Tancredi 已经带着自己的企业运行了四年。四年的 CEO 经历让...

地址:四川成都

手机:17640424723

电话:17640424723

传真:17640424723

QQ:3578473243

微信:zz82664

抖音号出售转让平台 版权所有 抖音账号交易,抖音号买卖,抖音账号出售,抖音号怎么买,抖音粉丝号交易,抖音靓号,抖音等级号购买,抖音等级号交易

企业资讯 说起模块化,也许我们首先想到的是编程中的模块设计,以功能块为单位进行程序设计,最后通过模块的选择和组合构成最终产品。把这模块化——高效重构企业自媒体,企业资讯集中发布平台

网站地图