![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
h5开发app
文章平均质量分 93
勿知先生
分享快乐,一起学习,深入挖掘分享互联网的宝藏!
展开
-
HTML5开发APP页面(优化篇)
上次说的是让页面动起来的一些小技巧。而页面动起来的根基是功能可用的页面,因此有必要分享一些优化细节的技巧和方向,熟悉掌握一些方法论还是会对页面开发大大提高效率的,并且也能防止疏忽缺漏。====前方高能====(1) 动画雪碧图涉及的动画十分多,用的元素也十分多,请务必使用雪碧图(Sprite)!网上的工具有一些可以帮助你生成雪碧图的工具,例如CssGaga,GoPng等等,自动化构建工具Grunt和Gulp也提供了相应插件。特别地,如果单张雪碧图面积实在太大,可以拆分雪碧图,例如拆分成原创 2022-01-22 10:09:10 · 436 阅读 · 0 评论 -
HTML5开发APP页面(动效篇)
作为一名前端,在拿到设计稿时你有两种选择:1.快速输出静态页面2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端,当然是选2啦!可是需求时间又很短很短,怎么办呢?这次就来谈谈一些动画设计的小技巧,能在你时间不多又没有动画想法的时候瞬间让页面增色不少。同时也会谈及移动端H5页面的优化细节与关键点,因此本文章将分为动效篇和优化篇====前方高能====(1)CSS3时序错开渐显动画这是一种比较常用的动画,它的优点是节奏感强,做法就是先让每个元素隐藏,然后原创 2022-01-22 10:06:08 · 1223 阅读 · 0 评论