网页前端设计

http://www.86y.org
feedskyQQ邮箱

搜索文章

说说幸凡做移动端经历

用声音读出全文关注我吧
 2016/7/22 14:39:15 阅读次数:1054

说说幸凡做移动端经历

现在html5网页开发已经流行的不要不要的了,单屏效果,企业秀,等等。现在移动端的使用已经在渐渐超越PC端。而且APP也是走向(原生+web的混合模式)从成本来看是个不错的选择。

从13年开始就做过移动端的WEB了,开始做的挺简单,而且兼容性也不是很好,只能说是个自适应的网页。越到后面就会发现,原来要学的还挺多的。

然后就自己在网上学习了各种技能

一、我的一些经历

1、从简单的自适应到文字,图片到间距都是等比例显示,用的是rem单,相关介绍与使用方法可以去看看【Sublime Text 3自动完成插件px值转rem值】。

2、页面滚动到底部自动加载数据并保存当前已加载的记录,这是我自己写的方法。开始做的时候只是做了下拉加载而已【jq滚动到底部自动加载数据实例】,但是用户使用时经常发馈这样一个问题,当页面返回时页面又要重新加载了,针对这个问题最终还是使用localstorage(本地存储)简单封装。最终写了一篇关于下拉加载更多并保存的文章《jq+html5滚动到底部自动加载数据之(保存数据)从此宝宝再也不用担心返回刷新的问题了。

3、使用图片轮播插件,尽量找一些通用性好一点的插件,我经常使用的owl.carousel,支持PC和移动端,改起来也很方便。

二、我遭遇到的一些坑

1、CSS3的兼容性真是让人头疼,CSS3的cal()功能是用来计算长度(lengths),数字(numbers),角度(angles),过渡(transition)/动画时间(animation times)或者声音频率(sound frequencies)。它将允许你使用混合计算类型—在CSS3中也是一个异常强大的概念。Safari浏览器有些还没办法支持;(暂时使用JS去控制了)

2、flex弹性布局,使用也是有很多兼容性问题;(不得不又用起了float)

三、总结

以上都是我的个人看法。如有不妥还请指正!

很多人老是问你是用什么前端框架,我却总是回答,都是自己写的。当然还包括前端的一切效果。

这些都是做项目的时候学习的到的。当然有时候也是学习到了新知识,然后再用到项目里面去,相辅相成。学无止境,交流才能进步。


大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:【幸凡前端技术交流群】
0

如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)

阅读全文内容关闭