菜单

运动端Web开拓工具小汇之1

2019年4月17日 - www.bway883.com

前一周在新加坡市听了1个人民代表大会牌的在那之中分享,回来整理了眨眼之间间光景现在活动端web开拓的工具流。以下文字为主都以copy官方表明。
//部分才是自身的补充。1切工具和工作流都以环绕【产品】→【设计】→【前端】→【测试】→【交付】那么些类别循环举行的。

图片1.png

GitHub.png

GitHub
存放使用Git版本调整的软件代码和内容项目。除了允许个人和公司创建和做客代码库以外,它也提供了1些有利社会化软件开垦的意义,蕴含允许用户追踪别的用户、协会、软件库的动态,对软件代码的改造和
bug
建议评论等。GitHub也提供了图片功效,用于展现开拓者们怎样在代码库上行事以及软件的支出活跃程度。
//那一个不赘述了。

www.bway883.com,smacss.com.png

SMACSS(Scalable & Modular Architecture for
CSS),其首要性条件有三条:Categorizing CSS Rules(为css分类)
• Naming Rules(命名规则)
• Minimizing the Depth of Applicability(最小化适配深度)
SMACSS认为css有5个类别,分别是:
• Base (基本)
• Layout(布局)
• Module (模块)
• State (状态)
• Theme (主题)

图片3.png

参照文档:https://nicolas.steinmetz.fr/web-enthusiasts/post/2013/06/05/Atomic-design
http://bradfrost.com/blog/post/atomic-web-design/
http://www.slideshare.net/bradfrostweb/atomic-design?ref=http%253A%252F%252Fbradfrost.com%252Fblog%252Fpost%252Fatomic-web-design%252F

Atomic_m.jpg

//Atomic职业流优化和改制了设计师面对页面时的视觉,创作不再是一个个图层,而是坚守原子→分子→生物→模板→网页的构架方式一步步开始展览的。

yeomanjs.org.png

Yeoman是谷歌(Google)的团组织和外部进献者团队协作开拓的,目的是为开荒者创设3个易用的工作流。
Yeoman首要有叁部分组成:yo(脚手架工具)、grunt(营造筑工程具)、bower(包管理器)。那多个工具是分别独立开拓的,可是要求合作使用,来促成大家相当的慢的工作流格局。
• Yo
搭建新应用的脚手架,编写你的Grunt配置并且安装你有希望在营造中需求的相干的Grunt义务。
• Grunt
被用来创设,预览以及测试你的项目,感激来自这一个由Yeoman共青团和少先队和grunt-contrib所管理的职分的提携。
• Bower 被用来开始展览注重管理,所以你不再须求手动的下载和管理你的台本了。
//有个别部分,比如Grunt未来总的来讲已经过时或不适于中度碎片化的移动端web开辟了,但工具控建议至少用它们度过你办事成长期的几个品级。

gruntjs.com.png

http://gruntjs.com/
http://www.gruntjs.org/
Grunt是3个自动化的类别营造工具,假使须要重新的施行像压缩、编写翻译、单元测试,代码检查以及包装公布的任务.
那么你能够动用Grunt来处理这几个职务,
你所急需做的只是计划好Grunt,那样能相当的大程度的简化办事。

smacss.com.png

Bower
基于nodejs的模块化观念,把效果疏散到种种模块中,让模块和模块之间存在关联,通过
Bower 来管理模块间的那种联系。
包管理工科具1般有以下的意义:
• 注册机制:种种包必要鲜明三个唯1的 ID
使得搜索和下载的时候能够科学相称,所以包管理工科具需求保养注册音信,能够依靠其余平台。

文件存储:鲜明文件存放的职位,下载的时候可以找到,当然这几个地方在互连网上是可访问的。
• 上传下载:那是工具的第二功用,能增高包使用的便利性。比如想用 jquery
只供给 install
一下就能够了,不用随处找下载。上传并不是必备的,依据文件存款和储蓄的岗位而定,但要求有一定的机制保证。

依赖分析:这也是包管理工科具首要化解的标题之壹,既然包之间是有联系的,那么下载的时候就需求处理他们之间的依赖。下载三个包的时候也亟需下载正视的包。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图