移动端切图内容包括什么_手机移动端前端开发切图的一些疑问

该楼层疑似违规已被系统折叠隐藏此楼查看此楼

从前年就开始学习html5，陆陆续续也学到了很多，html5新增的标签、css3新属性、js中和html5相关的部分；

可是每到项目实战的时候，总还是感觉底气不足，很多时候还会有无从下手的感觉；

静下心来仔细分析下，最近遇到的项目中，以前学的很多东西都好像没用上，而真正有用的，却一直没学；接下来大致总结下吧，希望以后的项目能够更加顺利；

第一部分、喊得很响但暂时不太实用的知识点：

1、html5新标签

倒不是说html5新标签没用，而是最近接的订单都不是太看重这些，很多客户甚至不知道html5新标签都有什么；可每次学习的时候总把这里当成重点，学的非常努力，项目还是没做好，时间长了，会崩溃的；所以这里暂时还是只把最常用的几个(header, footer, nav, section, article)掌握熟练了，其他新增的标签有印象即可；

2、css3新属性

border-radius, box-shadow, transform, transition；这几个比较常用，需要熟记；其他的遇到的时候再搜索吧；

3、svg

似乎在很多图表相关的行业用到的比较多；不过说实话，还没遇到过与svg相关的订单；暂时略读一下就好；

4、canvas

这个最近是太火了，各种小游戏都要用到；鉴于暂时只做切图，不做小游戏，这块暂时先挂起吧，以后有时间了再说；

5、html5存储

由于目前只需要负责前端切图这一部分，不需要考虑存储相关的问题，所以这方面可以不用太关注；

第二部分、提的比较少但是在项目实战中影响比较大的知识点：

1、PS切图注意事项：

主要是retina屏幕相关的，比如苹果的@2x；有空了整理一下吧，提高效率；

2、head(主要是meta、media query、)

手机设备比较多，像关于手机缩放的scale，apple touch等等相关的，有空了一定要整理一份完整版，便于以后项目直接复制使用；

3、自适应兼容

只要是手机项目，这里是必然用到的；

这里最大的难点还不是知识点，关键在于这里的变数太多，不同的项目要根据实际情况按需定制，而不像前两个有固定的标准；

根据图的背景是否纯色、客户着重要求的设备尺寸、特效的实际需求等等，都会对最终自适应方案有很大影响；

这里就只能不断积累经验了；

4、与项目的策划或pm沟通

由于手机设备比较多样化，而很多策划或pm对开发原理不清晰，导致经常会有不符合开发原理的策划；

所以手机项目，前端开发工程师必须参与策划；

暂时只想到了这些，以后想到了再添加；有空了把上面提到的知识点编辑上去

移动端切图内容包括什么_手机移动端前端开发切图的一些疑问相关推荐

移动端切图内容包括什么_移动ui设计切图规范有哪些要求
随着智能手机的不断运用,移动端ui设计成为大家关注的重点.而移动ui设计中,移动ui设计切图跟手机的使用密切相关.今天就让小编为大家介绍移动ui设计切图规范有哪些要求. 移动ui设计切图规范 1.切图 ...
移动端切图内容包括什么_移动终端界面切图
移动终端的界面切图探讨摘要:手机或者平板电脑应用中 android 切图中不仅需要清楚 "点九"的方法,还有其他各种小技巧,本文阐述了在工作中几个关于切图的心得. 关键词:移 ...
移动端获取当前屏幕的高度_手机移动端屏幕宽高详解
### 前因目前的移动端布局,以响应式布局居多,以适应在不同分辨率的屏幕,实现布局的方式可能有很多种,但是不管使用哪种方式,获取设备的可用宽高就能为问题的关键. ### 宽高的获取 "` ...
webmatrix安装_研究：用于前端开发的WebMatrix
Windows系统有很多Web开发应用程序,例如Notepad ++,Netbeans,Eclipse,Komodo,Aptana等.这些应用程序运行良好,并且我的许多开发人员朋友都在使用它们. 但是 ...
中雅图帕尼尼_凝聚意大利足球50年辉煌中雅图引进帕尼尼意甲球星贴
2011年1月,做为帕尼尼世界杯.欧冠球星卡贴系列产品中国独家运营商,中雅图再度联手帕尼尼集团,将其王牌产品--意大利球星贴50周年典藏版引进中国,在中国掀动东西方体育集藏文化高潮! 帕尼尼意甲球星贴 ...
前端分离的前端开发工具_使我成为前端开发人员工作的工具和资源
前端分离的前端开发工具 Learning front-end development can be a bit overwhelming at times. There are so many res ...
前端工程师需要学习ps 吗_转行学习web前端开发，需要哪些工具和需要学习什么？...
今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水. 前端工程师的主要职责: 前端工程师在不同的公司有不同的功能,但性质相似. 1.网站设计与 ...
前端改变div排序_转行学习web前端开发，需要哪些工具和需要学习什么？
今天我们来谈谈Web和前端开发过程中需要学习什么?前端开发需要使用什么开发工具?也简单介绍前端开发前景和薪水. 前端工程师的主要职责: 前端工程师在不同的公司有不同的功能,但性质相似. 1.网站设计与 ...
前端开发有哪些技术栈要掌握_为什么要掌握前端开发的这四个主要概念
前端开发有哪些技术栈要掌握 After working as a front-end developer for three years, I have been able to summarize ...

移动端切图内容包括什么_手机移动端前端开发切图的一些疑问

移动端切图内容包括什么_手机移动端前端开发切图的一些疑问相关推荐

最新文章

热门文章