手机的使用这几天发生了翻天覆地的变化，从简单的箭头接口到现在占主导地位的直观触摸，触摸屏检测手势，捏缩放等等。随着这个新时代的曙光，界面设计已经修改提供一个非常相似，流体，而且可以顺利运行HTML5&am…

很多新人在开始做移动端UI设计的时候，往往对界面的一些尺寸规范不是十分清楚，很多时候都是凭借自己的感觉和经验去绘制界面，心里并没有一个清晰的概念，导致做出来的页面总是不那么尽如人意。本文整理汇总了一些界面设计（iOS系统）中常用的一些尺寸规范和方法，如控件间距、…

框架概述 框架，顾名思义就是一套架构，它会基于自身的特点向用户提供一套较为完整的解决方案。框架的控制权在框架 本身，使用者要按照框架所规定的某种规范进行开发。 前端常用的框架有 Bootstrap、Vue、Angular、React 等。既能开发PC端&am…

需求目的 在移动互联网时代，应用平台越来越多，有 Android、iOS、H5、小程序、快应用等，而小程序目前又有很多服务商，比如微信小程序、支付宝小程序、百度小程序、头条小程序、QQ轻应用， 我们的应用想要在用户能触达的平台和服务商中都能提供相应的产品服务，针对不同的端…

2. 移动端常见特效 案例：返回顶部 步骤： 判断页面滚动的距离是否超出了指定距离，如果超出，就显示按钮，如果没有，就隐藏按钮页面滚动的距离，就是整个页面滚出去的距离，规定到海外酒…

一、前言 作为移动互联网产品『最后一公里的守护者』，我们必须要清楚的知道自己该做什么、怎么做。但从版本迭代速度、需求量级、测试人员不断变动等方面综合来看，我们很多人都没有做好充分的准备。测试方法落后、测试用例覆盖不全、测试效率低下&#x…

移动端UI设计尺寸规范对于确保应用程序在不同设备上的兼容性和用户体验至关重要。 一、iPhone UI 设计尺寸规范 设计尺寸根据iPhone型号变化，例如： iPhone 5/5s/SE: 320x568dpiPhone 6/6s/7/8: 375x667dpiPhone 6/6s/7/8 Plus: 414x736dpiPhone XR/11: 414x896dpiPhone XS Ma…

postcss-px-to-viewport （推荐使用这个方案） 他是这样一款优秀、高效、简洁的解决方案，它能完美解决上面的三个痛点，高效的将代码中px单位转为rm、rem、vw等视口单位，一份配置文件完美解决适配问题。 npm 安装 npm install postcss-px-to-viewport --save-dev项目根目录…