Web开发人员在移动端的典型UX错误都有哪些？
如今，移动应用程序市场极具竞争力，即使是经验丰富的投资者也需要花费大量精力来吸引用户的注意力。但这不是全部。有一个不那么明显的任务，但更重要的是 - 抓住观众。 问题在于，即使对人们有用且具有良好潜力的应用程序也可能在市场上不成功。原因通常是设计不良的UX对用户来说不方便。因此，界面的任何缺陷和缺点...
移动web端常见bug
本文是摘录整理了移动端常见的一些bug以及解决方案 点击样式闪动 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性是用于设定元素在移动设备（如Adnroid、iO...
原生开发移动web单页面(step by step)8——History对象
增加了页面切换效果后，再配合手势以及按键，让单页面app更像一个原生app， 然而却引来了一个新的问题， 通过浏览器自带的前进后退无法有选择的采取动画效果。因为在popstate的时候，都是采用一种动画。如果能够在popstate事件中能够知道当前页面以及要更换的页面的位置，采取相应的动画的，那就可...
原生开发移动web单页面(step by step)7——页面切换动画
在开始写页面切换效果前，首先要介绍一下css3的animation模块，在css中定义如下 div.a { animation: bounce 0.25s forward; } css3的animation定义可以声明关键名，动画时间，动画插值方式，动画的延迟以及动画完毕后的状态以及动画次数。 然后...
原生开发移动web单页面(step by step)6——history api应用
以上几篇的内容成功的将多页面合成到单页面上，然而还是有很多区别的， 多页面切换的时候，通过浏览器的自带后退前进键可以进行导航，然而到目前为止，是没有办法进行的导航的，这一篇主要是引入了这个功能。 在进入正题之前，我们还需要对整体做一下调整， 一般情况下， 一个页面分为两个部分，一部分是静态部分，只要...
原生开发移动web单页面(step by step)5——nodejs服务器的搭建
由于后面的开发要基于服务器提供的条件，因此这里很有必要从头到尾搭建一个本地服务器并且模拟提供相关的服务。首先去nodejs的官网下载安装包安装，然后创建一个文件夹，如下面的目录新建一个目录架构，如下图 架构目录图 lib文件夹主要放置后端自己写的js，主要提供后端服务 public文件夹主要放置前端...
原生开发移动web单页面(step by step)3——App对象
为了让Page对象更专注于业务逻辑，将其它的操作转移出去，因此引入了App对象。App对象起到了管理多个Page对象的作用。有了App对象后， Page对象只需要负责渲染页面以及绑定事件，其它的都让App自动帮Page解决。类...
原生开发移动web单页面(step by step)2——Page对象
接下来就是将多页面组合在一个页面上，首先要将每个页面对象化，通过调用对象，来实现页面的切换，比如要从index页面跳转到register页面，只需要在js上调用类似以下的语句 indexP...
原生开发移动web单页面(step by step)1——传统页面的开发
在开始单页面开发之前，首先先从制作多页面开始，为了简洁的说明，采取了简化了的简单的web登陆注册页面模型(如下图) 页面模型图 首先建立一个项目文件目录， 如下图 项目目录图 然后在html文件夹中建立...
Web前端学习：移动Web加速技术
移动设备已经成为当下使用频率最高的电子设备，而移动Web依然是移动设备中使用频率最高的应用场景。 站点页面性能提升可以使得用户浏览站点时的体验得到良好改善，作为其中一条技术分支，移动Web加速技术的方法和技术方案在近几年得到了不断发展。无论是内容分发平台、浏览器提供商、网络提供商还是Web站点，都在...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
