前段时间发布的OPPO Find X2,OPPO着重介绍了Find X2的屏幕, 其中Find X2屏幕有一个特性就是支持120Hz超高刷新率, 笔者也有一台Find X2,在日常使用中我能很容易感知滑动这块屏幕带来顺滑和流畅体验, 而本文通过使用PerfDog移动平台性能测试软件测得的帧率数据,让大家更直观的知道Find X2这块屏幕顺滑体验到底有多棒。
大家在进行安卓开发用到NestedScrollView+Recyclerview的时候,经常出现的情况就是加载下滑的时候没有任何问题,很流畅,但是在下滑以后明显出现了卡顿的情况,小编根绝这个问题,给大家再来的解决方法,一起来学习下。
最近,公司开发的APP中要实现类似上滑解锁效果的推荐页,捣腾了两天,基本实现了效果,附效果图如上。接下来和大家聊聊如何实现这样的效果。
今天给大家介绍一款简单实用的原型交互演示设计工具—摩客串串Chinco。 为什么要介绍这款产品呢? Chinco是继国产原型设计软件Mockplus之后,由摩客团队独立设计开发又一个面向设计师的产
H5 页面发版灵活,轻量,又具有跨平台的特性,在业务上有很多应用场景。但是同时对比 App,H5 的性能表现总是要逊色一筹,比如页面打开往往会出现白屏,滑动列表等交互场景下也不如 Native 页面流畅。针对这些白屏、卡慢之类的问题,我们测试该从哪些方面去展开测试分析和数据对比呢?接下来笔者分享一些 H5 前端测试实践的经验,抛砖引玉,希望大家一起谈论,一起挖掘更多有价值的课题。
首先是导入bootstrap等样式,和jquery,再复制一个nav组件;代码如下:
当我们设计师输出了精美的设计稿,然后附带了一个流畅的手势动画,交付给开发的时候,也期待着开发大佬搞出和自己预期一样体验流畅。但是等到实际体验的时候,却发现有一种说不出的闹心。 “这个感觉不好按...” “划起来咋这么费劲呢?” “怎么感觉动画怪怪的。” Chapter 1 我们与流畅的距离 当你正准备和开发一通友好探讨的时候,这个时候开发向你发起了一系列灵魂拷问: “你这个左滑的手势,划多少才算触发?划多快才算触发?如果划了一半划回去算不算触发?如果我先点击后滑动算不算触发?松手之后的动画是多快的速度
随着国内越来越多的厂商发布智能手表,而这些手表的系统基本上都是基于Android系统深度打造的,就拿OPPO Watch ECG版本来说,ColorOS Watch 1.5正是基于Android O深度定制的。我们可以把这些智能手表看做是一个小的智能手机,而PerfDog性能狗作为移动全平台性能测试分析专家,我们用PerfDog性能狗测试一下智能手表性能,能有什么样的收获?下面就以OPPO Watch ECG版本为例,进行进一步测试。
由于一次功能上线后,导致某数据量急剧下滑,给我们紧张的呢!排查过程也是个学习过程!抛开结果,方法论可供参考~
官网作为用户了解一个产品最权威和直接的窗口,应该承载什么样的内容,取决于产品特征和调性。QQ是中国用户量最大的即时通讯件之一,功能越来越细致、丰富,仅仅提供展示和下载产品的信息源当然远远不够。我们迫切希望不仅仅是新品发布,QQ每一次改版的创新功能点,以及越发年轻化的品牌基调都可以更直接有效的传递给用户,让大家喜欢QQ,爱上QQ。同时进入官网能更加快捷的解决注册、下载以及安全问题。所以在这个前提下,IMQQ官网改版迫在眉睫。 探索需求 改版的前提是弄清楚修改的出发点,才能梳理出解决方案。在此,团队做了一次用户
早在2017年,Adobe宣布停止支持Flash,这位曾经风光无两的网页播放器王者,就已经被宣判了死缓。这也预示着,互联网开始逐渐向Flash时代告别。
今天我们将通过一个实战案例,来展示如何使用GSAP和barba.js制作一个炫酷的页面切换效果。该案例展示了一个在线购物网站的首页和产品页之间的切换动画。通过这个案例,大家可以学会如何结合GSAP和barba.js实现流畅的页面过渡效果,动画效果如视频所示:
10月14日,据业内消息爆料,联发科因智能手机芯片销售不及预期,已开始削减在台积电代工的6/7nm晶圆的投片量。按照市场此前预期,联发科的订单削减或将持续到明年上半年。
在移动端中,如果我们使用了一个固定定位的遮罩层,且其下方的dom结构的宽度|高度超出屏幕的宽度|高度,那么即使遮罩层弹出后铺满了整个屏幕,其下方的dom结构依然可以滚动,这就是大家所说的“滚动穿透”。
在不久前的Google I/O 2016 Mobile Web Talk中,Google公布了一个让页面滑动更流畅的新特性Passive Event Listeners。该特性目前已经集成到Chrome51版本中。 Chrome51上使用Passive Event Listener特性前后的效果对比 链接地址:https://www.youtube.com/watchv=65VMej8n23A 从效果对比视频中可以明显看到,使用Passive Event Listeners特性后,页面的滑动流畅度
在各种产品智能化趋势愈发明显的今天,越来越多智能娱乐产品的入侵,让我们对客厅、电视有了一个全新的定义。无论是微软的Xbox、索尼的PS4、谷歌的Android TV还是苹果的Apple TV,家里不放
文章更新: 20160921 初次成文 20170424 大幅修正:删除了失效的实验室特性,并增加了Chrome Canary专用特性 20170514 增加了"姊妹篇(GIF Version)" 写在前面: Android端的Chrome相对于我们熟知的国产浏览器而言,看起来似乎不那么"易用",但是Chrome作为"大公司"的"大产品",在提升用户体验这一点上还是下了很多功夫的,只不过这些改变可能不那么容易被用户发现。所以即使你是一个使用Chrome长达几年的老用户,有
Windows专业版自带的远程控制确实是比较难用,如果你装的系统是Windows家庭版,还不能远程控制别人的电脑。
2018已经过去了一多半,来简单总结一下。人在进步,技术在发展。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。下面就我个人的判断进行一个预测判断,希望能对大家起到一个参考作用!下面提及的技术,只是建议大家关注,也不是建议大家全部的都要学,而是建议大家按需学,自己觉得哪些需要学,对哪些有兴趣就学哪些!如果大家有什么工具,框架,库觉得可以推荐的,欢迎在评论区提点,让大家相互进步,学习!
叶方正,2008年加入腾讯,就职于无线研发部【专项测试组】。曾经负责多个产品的性能优化工作,积累大量的移动终端平台优化以及评测经验。 怎样获取SM值? 前文我们分析了通过测量应用的帧率FPS并不能准确评价App的流畅度(如何量化Android应用的“卡”?流畅度原理&定义篇),FPS较低并不能代表当前App在UI上界面不流畅,而1s内VSync这个Loop运行了多少次更加能说明当前App的流畅程度。 那么我们可以直接在App代码中通过Choreographer的回调FrameCallback来计算Loo
1.无论是在RecyclerView,ListView,还是LinearLayout等,只要是ViewGroup用该控件都能实现侧滑。 2.控件的手势滑动冲突已解决,不会出现嵌套到ScrollView等控件出现滑动不流畅的情况 3.控件使用简单,只需要在xml外套一层该控件就好了,秒接入 4.点击事件很方便,原来什么写法就什么写法
在业内,Android 手机一直有着“越用越慢”的口碑。根据第三方的调研数据显示,有77%的 Android 手机用户承认自己曾遭遇过手机变慢的影响。他们不明白为什么购买之初“如丝般顺滑”的 Android 手机,在使用不到一年之后都会“卡顿”得让人抓狂!根据我们初步的测试数据,手机长期所使用产生的磁盘碎片可以使得磁盘的写入效率下降为原来的50%。是不是有一种“吓死本宝宝了”的感觉。 那么怎么办呢?笔者曾经对这一问题进行分析,且让我一一向你道来。 故事起因 故事的起因是,针对“Android 系统越用越卡的
在 iOS Safari (其他浏览器和 Android 均不会)上会对那些看起来像是电话号码的数字处理为电话链接,比如:
###事件模拟 模拟触发某个元素的某个事件 格式: 元素对象.trigger(“事件名称”); $(“input”).trigger(“click”); ###鼠标移入移出事件合并 hover 将鼠标移入和移出两个事件合并到一起 //给元素添加鼠标移入移出合并事件 (“div”).hover(function(){ //鼠标移入时执行 (this).css(“color”,“red”); },function(){ //鼠标移出时执行 隐藏 元素对象.hide(时间,方法); 显示 元素对象
性能评测一般输出的数据是各种性能指标,虽然性能指标的好坏代表了APP性能的优劣,但使用者是用户,所以在各项性能指标处于优势时,并不代表给用户的体验就是好的,这就需要增加一种面向用户体验的评测,我们称之为“主观性能感知评测”。
在不久前的Google I/O 2016 Mobile Web Talk中,Google公布了一个让页面滑动更流畅的新特性Passive Event Listeners。该特性目前已经集成到Chrom
总结一下最近项目用到的一个功能点,具体要求如下: body中会呈现一个可滚动的长页面,在点击某个按钮的时候,会出现一个弹出框,由于弹出框的内容较长,会出现滚动条,但是要保证位于弹框下部的body在弹框滚动的时候不触发滚动事件
其实18年之前写过一篇关于chrome插件的文章,里面安利了4个chrome插件。鉴于这已经是9102年了,之前觉得好用的chrome插件跟新了解到的比起来,还是差了那么点味道。所以决定再更新一波,顺便补上之前漏掉的几个插件。
哈,大家元旦节快乐哈! 那先放例程吧 [源码来自:源码之家] 原地址:HTML5 canvas圣诞节雪花网页背景代码 – 源码之家 使用方法: 先用 <script> 标签加载js文件 <script type="text/javascript" src="js/snow.min.js"></script> 然后在html里任意位置添加 <canvas id="snowFallTop" class="snowFall snowFallTop" width="1220" height="162" st
苹果玩的就是闭环系统,现在苹果系统利润非常高,虽然现在苹果手机的风头已经没有当初那么风光了,但一个产品不可能数十年如一日的强大,因为现在竞争对手已经上来了,苹果公司彻底翻身靠的就是这款手机,但是现在安卓的硬件和软件都上来了,硬件的一直提升加上谷歌公司一直在提升自己的软件架构,安卓高端机器的用户体验已经开始接近苹果了,同时苹果手机的价格一直居高不下,还有一个非常重要的因素,苹果手机真正的创造力在下降不在像之前带给巨大的惊喜了。
2017悄然过去,2018已经来到。人在进步,技术在发展。2018年前端有哪些领域,技术值得关注,哪些技术会兴起,哪些技术会没落。下面就我个人的判断进行一个预测判断,希望能对大家起到一个参考作用!下面提及的技术,只是建议大家关注,也不是建议大家全部的都要学,而是建议大家按需学,自己觉得哪些需要学,对哪些有兴趣就学哪些!如果大家有什么工具,框架,库觉得可以推荐的,欢迎在评论区提点,让大家相互进步,学习!
在现代的Web开发中,用户体验的提升是至关重要的一环。而动画作为页面交互中的重要组成部分,更是为用户带来了全新的感官体验。本篇博客将深入探讨 JQuery 中动画的应用,带你进入一个充满活力的前端世界。
目录 类库和框架的区别 写法 jq操作样式 属性 事件 class dom操作 效果 类库和框架的区别 jq jq是一个功能丰富,轻量级的类库 zepto.js zepto.js 是更轻量级的类库,比jq的打开速度快的多,同样兼容jq的代码 apicloud apicloud是一个框架 类库 提供了很多api,相当于一个仓库,里面有各种各样的工具,你需要用到什么就去找这些工具。 框架 相当于买了一个新房子,现在是一个空壳,需要去装修 写法 $(selector).actio
UIKit提供UIPageViewController可以很方便实现平移的页面切换效果,使用流程: 1、创建UIPageViewController;
本文来源于全球的5254份前端工具使用的调查报告,期望通过本文能够帮助大家更好的了解最新的前端开发工具趋势。
无论是web开发还是做系统运维,都离不开命令行,然而对于大多数人来说还是在使用windows进行开发,但是windows的终端一直被人们诟病,从开始的cmd,许多命令无法执行,或者是必须使用管理员权限,在这里不得不提一下windows的权限做的挺糟糕的,虽然微软有陆续推出了powershell以及现在的terminal还有后面要推出的wls2,可以看到微软也在努力的去解决这个问题,也希望微软可以早日解决这个问题,造福广大开发者.
笔者最近一直在开发京东app嵌入的h5项目和微信小程序商城项目,在此期间遇到很多坑。这篇文章主要是针对 h5| Hybrid | 微信小程序 三个方向来讲述我遇到的坑,以及详细讲解我是如何解决问题的。
做iOS开发,不可避免的会遇到UIScrollView的嵌套问题,之前也曾遇到过,吭哧吭哧做完了,效果不理想,和产品大战好几回合,就那样了。不可避免的,又一次遇到了这个问题,就和同事一起研究了一下,彻底解决了这个问题。写了一个demo,以后再遇到就直接用了。今天主要是总结一下实现难点。免得自己过段时间又忘了,也给有同样困扰的你一个思路。
CMU推出一项名为Fingervision的技术,大大增加了人与机器人交互时的安全性。 据报道,卡内基梅隆大学(CMU)的研究团队研究出一项叫Fingervision的抓取技术,致力于更好的人机交互体
有时候我们在用 requests 抓取页面的时候,得到的结果可能和在浏览器中看到的不一样:在浏览器中可以看到正常显示的页面数据,但是使用 requests 得到的结果并没有。这是因为 requests 获取的都是原始的 HTML 文档,而浏览器中的页面则是经过 JavaScript 处理数据后生成的结果,这些数据的来源有多种,可能是通过 Ajax 加载的,可能是包含在 HTML 文档中的,也可能是经过 JavaScript 和特定算法计算后生成的。
其实这里只简单对比3个浏览器,估计也足够代表性了。 结论是: 1、有webgl支持的时候,就可以尽情的耍吧; 2、没有webgl,能native就native。如果不行,就只能在canvas上做小块的
上月删档内测的HTML5 3D ARPG游戏《超凡之路》获得知名IP《雪鹰领主》的授权。这款由风云互动研运、起点白金大神“我吃西红柿”唯一正版授权的HTML5 3D 精品大作,于7月21日以新名称《雪鹰领主3D》在腾讯玩吧首发。
所以为了避免这种情况,我们可以使用两种方案,一种是Web Worker,另一种是时间切片(Time Slicing)。
做网页都知道,只要知道DIV+CSS就可以做出绝大部分的效果,但是也是有部分标签也是很有用的,但不常用。
与其他开发人员不同的是,前端开发都是在端上游走舞者,直接与用户交流沟通,这就需要前端开发具有更敏锐的交互体验思考,或者能更精准地理解设计师们意图,将最佳的用户体验带给用户。优质的交互体验对于用户来说学习成本应该是极低的,都是非常自然的操作,却可以让用户感到畅快愉悦,甚至惊喜。本文将通过一个看似简单的 poplayer 来分析我在这其中通过思考做的体验优化,获得类似 native 的体验感。
jQuery注册事件也很简单,通过选择器包装好标签对象后,调用相关的事件方法即可,调用事件方法时需要传递一个函数对象,当事件被触发就会执行函数里的代码。在jQuery里的事件名称并没有与html中的事件名称有多大区别,还是那个熟悉的味道熟悉的套路,示例:
领取专属 10元无门槛券
手把手带您无忧上云