请选择 进入手机版 | 继续访问电脑版

移动端开发经验

[复制链接]
世上人间 发表于 2021-1-1 18:35:19 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
      1.如果需要适配多个差别的手机屏幕,发起使用@ media举行媒体查询,通过移动端屏幕的宽高举行自适应,并搭配flex弹性布局举行设计,能拥有更高的兼容性。
      2.初次渲染的时候,发起动态绑定样式来展示最初的页面效果,在data中设置相应的属性名称,然后再created()中通过this.$nextTick()来渲染你想要的效果。
      3.如果想通过监听某个属性来做某些动态的操纵,发起使用watch方法
      4.字体的自适应(需要注意的是并不是所有的移动端都适合使用rem来界说字体)
      5.用好底子的移动端事件,类似touchstart,touchmove,touchend等,一定要做好防抖节省工作,因为在触摸的过程中会不停地通过触发touchmove事件来记录触摸的X轴和Y轴数据,因此会大量的消耗内存,而防抖节省能有效地淘汰这种不须要的内存资源浪费,能给用户带来更好的体验
      6.当后端数据量较大时,请求时间过长,导致用户体验度下降,首先发起与后端协商,接纳分页的方式来限定每次请求的个数;另外,在请求资源的过程中,可以嵌入loading图,这样既可以大概让用户知道现在正在加载中,也不至于让页面陷入一种呆滞状态,是一种不错的增加用户体验度的方式哦!
     7.使用一些动画来让你的交互更有感觉!如果想快速上手使用浅易且富有一定观赏性的动画,浅易使用Animate.css(与Vue项目更配哦!)
     8.去掉一些影响美感的默认样式,比如对某个div使用overflow:scroll时,出现的滚动轴实在是很影响美感的,那么我们使用一些方法去掉这些东西,让你的页面看起来更舒心
    9.使用H5中的sessionStorage来记录一些跨页面的参数,实在项目做多了之后,就会发现一个url背面携带许多的参数实在是很不雅观的,我们实在可以通过在一次会话过程中生存你所需要的数据实在是个非常不错的决定哦!
   10.工具发起:如果是在微信公众号上运行的步调,发起使用微信开发者工具,不光可以debug调试代码,而且相较于chorme欣赏器,不光可以通过选择差别的机型来检察效果图,更可以直观的看到在微信公众号上展示的效果!
   11.整体思路的把握:上面讲的大概偏细节,实在开发步调最重要的一点,就是尽大概少写代码多思考,大概有的人会反驳我的观点。但是我以工作了一年的履历来告诫各位,如果一旦你看了原型就直接上手撸代码(固然,如果对产物原型较为熟悉而且有良好的项目开发履历的话,就当我没说),那么很有大概你会走上敲代码30分钟,后期维护70分钟的门路,而且每次产物需要一点点改动的时候,就要打补丁,大概打几个补丁以为没啥,但是后期产物的一点点修改,就又要无限制的去看自己写的代码,而且有的代码如果写的不规范,特别是没有养成写注释习惯的工作者而言,将会是无穷无尽的折磨,不光折磨自己,更重要的是当别人看你代码的时候,心里还要妈卖批好一阵(别问我为什么知道这么多,问就是我也是过来人)。所以,写代码的时候不光要思量功能的完整性,而且要思量兼容性,在这个页面有没有功能和这个功能有并集交集补集的情况,以前太年轻,什么也不懂,导致自己改的代码影响了原有的功能。自己调试的时候都是好的,但是一旦上了测试情况,就会出现各种BUG,所以说多思量思量这个功能需要写哪些代码,这些代码有没有可以鉴戒大概直接复制原有功能情况。如果有,优先鉴戒他人写的代码,因为工作的时候效率也是很重要的,即便是写出了兼容性和稳定性以及扩展性良好的代码,但是花费的时间过长,也是很不推荐的。

来源:https://blog.csdn.net/TB199404/article/details/111868192
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )