首页
学习
活动
专区
工具
TVP
发布

java移动开发_移动开发

1.移动端视口问题 视口是指浏览器的可视区域,移动端的视口到底是多宽呢? 现在市面上的大部分手机,比如iphone X,它的默认视口宽度为980px,而一个iphone X的屏幕宽度仅仅为375px。...好在HTML给我们提供了一个关键字device-width ,该关键是读取当前移动设备的宽度。 因此,我们只需要使用下面的代码,即可让所有移动设备的视口宽度和其自身的宽度相等。...3.移动端尺寸 是同一个网页在不同尺寸手机中的效果。...这样一来,就要求我们在开发移动端的页面时,当遇到字体大小、宽高、margin、padding等尺寸类的属性时,不能设置固定的像素值。 注:border边框大小除外 (既然有问题,怎么会没有解决办法呢?...注意:在移动端,如果使用了背景图(比如雪碧图),记得用同样的方式调整背景图的尺寸。 题外话:移动端看上去是不是很麻烦?视口那么小,还要引入各种东西,里面要添加的又杂又乱,还要计算数值,是不是很麻烦?

4.8K20
您找到你想要的搜索结果了吗?
是的
没有找到

移动产品的指标初探

移动互联网产品的本质是信息与数据的传输和交换,其商业模式与数据流量息息相关,因而会产生面向运营的产品设计等诸多方法。流量统计是指对产品使用的相关指标进行统计。...互联网和移动互联网的产品指标是基本类似的,但移动互联网产品用着自己的特点。 1.常用指标 1.1....数据流量KPI 数据流量统计的KPI是最常用来对移动互联网产品的效果进行评价的,主要的统计指标包括: 1)访问量(PV):即应用打开或页面浏览量及点击量,用户每次访问均被记录1次。...5) 独立设备:指在一天之内(00:00-24:00),访问产品的独立设备总数数。互联网中一般使用IP,相同IP地址只被计算1次。但是移动互联网中不能用IP区分,而是使用移动设备标识进行区分。...10)重度用户使用数量:是指某个用户或移动设备除第一次访问之后,又访问或使用产品的次数。 11) 人均使用页面数:指对应时间范围内,每个用户使用产品的平均页面数。 1.2.

1.3K20

银行移动产品从团队敏捷走向产品敏捷 | 洞见

中国银行业的数字化转型刚刚拉开帷幕,移动产品成为了中国银行业的新战场。...这篇文章作者将以多个实际案例出发,为大家揭晓银行业的移动产品如何从团队敏捷走向真正的产品敏捷。...---- 团队敏捷是必要的,它是产品敏捷的必经之路 银行移动产品的敏捷转型很难一蹴而就,团队已经适应了“慢节奏”,习惯了阶段式的开发方式,敏捷的导入,无疑是一场变革。...---- 总结 在移动金融产品的新战场上,银行的移动产品需要从“发芽生长”的团队敏捷,走向“开花结果”的产品敏捷。...三个关键点助力产品迈向产品敏捷: 通过产品开发过程端到端的梳理与定义,电子工具的引入,基于VSM的持续改进,来持续缩短产品的TTM,构建产品快速响应的能力; 使用设计思维打造产品,并建立产品内部的创新机制

68330

移动互联网产品的设计

移动互联网产品的方法论: 手机作为一种联系工具,天然决定了移动互联网的主要服务对象是人群而非个人。移动互联网产品经理的主要任务是服务人群,主要工作是研究人类群落的行为模式。...移动互联网产品经理的素养: 1、敏锐感知潮流变化。移动互联网产品会从相对匮乏时代进入相对富足时代,用户可以选择的产品会随时日流逝而日渐增加,产品终将成为一种时尚业。...移动互联网的最大特点是变化极快,传统的分析用户,调研市场,制定产品三年规划,在新的时代里已经落伍。人类群落本身也在迁移演变,产品经理更应该依靠直觉和感性,而非图表和分析,把握用户需求。...移动互联网产品设计的原则: 1、绝不考虑Web形态,一切考虑都基于APP。 2、产品优先级: ①有趣高于功能,产品必须有趣,必须Cool,才可能形成传播和口碑。...开发不可以为了炫技而展示功能,产品不可以为了炫耀而功能堆砌。 8、拒绝个性化。除了依靠设计特色而立身的APP,换肤一类的个性化设计,除了让产品经理幻觉自己做了许多工作而自我满足之外,没有任何价值。

1.1K40

移动开发实用

font-family 中文字体使用系统默认即可,英文用Helvetica /* 移动端定义字体的代码 */ body{font-family:Helvetica;} 参考《移动端使用字体的思考》...移动端字体单位font-size选择px还是rem,对于只需要适配手机设备,使用px即可,对于需要适配各种移动设备,使用rem,例如:只需要适配iPhone和iPad等分辨率差别比较挺大的设备 rem...200-300 ms的延迟响应 移动设备上的web网页是有300ms延迟的,玩玩会造成按钮点击延迟甚至是点击失效。...造成的后果用户纯粹单击页面,页面需要过一段时间才响应,给用户慢体验感觉,对于web开发者来说 是,页面js捕获click事件的回调函数处理,需要300ms后才生效,也就间接导致影响其他业务逻辑的处理。...,可明示用户有些事情正要发生,是一个比较好体验,但是移动设备中并没有鼠标指针,使用css的hover并不能满足我们的需求,还好国外有个激活css的active效果,代码如下, <!

6.3K30

产品开发中如何优化产品价值?

您是否在开发对组织来说有价值的产品?如何判断产品是否有价值? 如果没有经常提出这两个问题,那么您可能忽略了产品价值方面的问题。 产品是目前工作所要达成的目的,是组建团队的原因。...如果开发产品没有人想要或使用,那么产出就毫无价值。 作为一名以传统项目管理作为职业起点的PMP,我对项目思维模式非常熟悉。...因此,必须在开发产品的时候让价值涌现。产品Backlog代表计划开发产品开发顺序。而通过产品Backlog的细化过程来使价值涌现时,需要注意3点: 将任务分解到足够小——以便更灵活快速地交付价值。...拉远推近的频率取决于产品开发的情况、市场中验证假设的频率以及业务变化大小。...就像开发出一款可运行的产品一样,想清楚要做什么同样复杂且具有不可预测性。所以要学会边做边学,根据所学知识做出决策。

1K30

精益产品开发 —— 精益软件开发 & 精益产品开发

Switching) 生产过剩 多余功能(Extra Features) 运输 移动(Motion) 不良品的返工 缺陷(Defects) 额外步骤(Extra Processes) 对需求的过多细化以及不必要的文档工作...移动(Motion) 信息在移动的过程中,经手的人越多,需要交接的地方越多,花费的代价就越高。所以减少信息的移动步骤就是减少浪费。...2 增强学习 面对开发团队以及最终的产品大小的额外挑战,可以说软件开发是个持续学习的过程。最佳的改善软件开发环境的做法就是增强学习。在代码完成后马上进行测试可以避免缺陷的累积。...精益产品开发 2017 年《精益产品开发》书籍的问世,从产品角度引入精益思想和精益理念,结合产品开发特点和流程,将精益生产的理念与产品实践进行提炼、适配和优化。...环境及工具的改进 精益产品开发价值与影响 传统的产品开发把内部资源作为中心,在实践上强调任务的分解与分配,以及计划的制定、执行、跟踪和控制。假设通过局部效率的改进,可以提升整体效益。

1K10

移动开发即服务,腾讯云移动开发平台打造开发新模式

互联网“下半场”,移动App开发对于质量、效率的要求更加苛刻。传统移动开发的模式是移动开发者手动集成所需的各种移动服务,和后台服务紧耦合去打造精品移动应用。...三、赢在起跑线,打造云端一体化开发模式 腾讯云移动开发平台MobileLine针对开发者比较普遍的需求,首先开放一些开发者需求比较迫切的移动服务,让移动开发者能够享受到腾讯在移动开发这里成熟的积累,实现云和端一体化的闭环开发体验...腾讯移动分析(MTA):实时数据统计分析服务,监控版本质量、渠道状况、用户画像属性及用户细分行为,通过数据可视化展现,协助产品运营决策。 2....异常崩溃检测(Bugly):为移动开发者提供专业的异常上报和运营统计,帮助开发者快速发现并解决异常,同时掌握产品运营动态,及时跟进用户反馈。 4....上面说的是Android下移动分析的集成,事实上对于iOS也是做到了零代码集成。 具体可以查看我们的移动开发平台和产品文档哦。

31.5K420

精益产品开发 —— 精益软件开发 & 精益产品开发

)生产过剩多余功能(Extra Features)运输移动(Motion)不良品的返工缺陷(Defects)额外步骤(Extra Processes)对需求的过多细化以及不必要的文档工作,额外的步骤(过度处理...移动(Motion)信息在移动的过程中,经手的人越多,需要交接的地方越多,花费的代价就越高。所以减少信息的移动步骤就是减少浪费。缺陷(Defects)缺陷并不创造价值,缺陷是影响价值交付的一大障碍。...2 增强学习面对开发团队以及最终的产品大小的额外挑战,可以说软件开发是个持续学习的过程。最佳的改善软件开发环境的做法就是增强学习。在代码完成后马上进行测试可以避免缺陷的累积。...精益产品开发 2017 年《精益产品开发》书籍的问世,从产品角度引入精益思想和精益理念,结合产品开发特点和流程,将精益生产的理念与产品实践进行提炼、适配和优化。...环境及工具的改进 精益产品开发价值与影响传统的产品开发把内部资源作为中心,在实践上强调任务的分解与分配,以及计划的制定、执行、跟踪和控制。假设通过局部效率的改进,可以提升整体效益。

61321

移动开发即服务,腾讯云移动开发平台打造开发新模式

互联网“下半场”,移动App开发对于质量、效率的要求更加苛刻。传统移动开发的模式是移动开发者手动集成所需的各种移动服务,和后台服务紧耦合去打造精品移动应用。...三、赢在起跑线,打造云端一体化开发模式 腾讯云移动开发平台MobileLine针对开发者比较普遍的需求,首先开放一些开发者需求比较迫切的移动服务,让移动开发者能够享受到腾讯在移动开发这里成熟的积累,实现云和端一体化的闭环开发体验...腾讯移动分析(MTA):实时数据统计分析服务,监控版本质量、渠道状况、用户画像属性及用户细分行为,通过数据可视化展现,协助产品运营决策。 2....异常崩溃检测(Bugly):为移动开发者提供专业的异常上报和运营统计,帮助开发者快速发现并解决异常,同时掌握产品运营动态,及时跟进用户反馈。 4....上面说的是Android下移动分析的集成,事实上对于iOS也是做到了零代码集成。 具体可以查看我们的移动开发平台和产品文档哦。

12.9K80

硬件产品开发流程

文章转自:Leangoo 原文链接:https://www.leangoo.com/staged-project.html#tab-id-2 下图所示的是一个硬件产品开发大体上所需要经历的全部流程:...2)启动 在启动阶段,我们需要组建项目团队,确定产品参与人员,沟通是产品经理的一项职能,如何将所有的参与人员集合一起共事,如何更有效的沟通,明确各自的职责并为项目团队准备好办公区域及设备。...,确定PCB等)、软件设计及开发(包括软件原型设计,软件功能开发等)、整机验证(结构、电子、软件结合验证等) 确定基本外观、功能、配置之后,进入包装设计(包装说明书、打样、材质、效果等)。...9)大批量 在大批量生产中,需要对产品的工艺、操作标准以及质检的规范程度等方面进行有效的监督和保证。在产品生产的过程中产品经理需要开始编写产品维修手册,准备相应的维修更换的部件,以备售后使用。...注:对于不同企业,不同产品,可能会有不同的流程和要求。以上可作为参考~

2.5K41

移动站点开发

作者Dino Esposito 尝试从不主要侧重于技术的角度阐述移动站点开发,是每个web开发人员必读的系列文章,文章如下: 移动站点开发:第 1 部分 标记 移动站点开发,第 2 部分:设计 移动站点开发...,第 3 部分:路由请求 移动站点开发,第 4 部分:管理设备配置文件 移动站点开发,第 5 部分:jQuery Mobile Introduction to jQuery Mobile Making...dotnetstories/archive/2012/11/13/looking-into-asp-net-mvc-4-0-mobile-development-part-2.aspx 使用ASP.NET MVC开发混合移动应用...开发 Hybrid Native 和移动 Web 应用程序 Using jQuery Mobile in an ASP.NET MVC 4 and SignalR Application https:...//github.com/geffzhang/MobileMasses 在 ASP.NET MVC 4 中创建为移动设备优化的视图 在 ASP.NET MVC 4 中创建为移动设备优化的视图,第 2 部分

2.8K80

移动开发初识

对于pc端的前端开发以及html5和css3学习过后对页面布局更加熟练了,对于现在开发更多倾向于移动开发,对于移动开发和传统PC开发又有所不同,下面简单认识下移动开发概况!...对于学习移动开发首先要了解下面三个概念(设备独立像素,物理像素,和像素比),下面简单介绍下这三个概念!...上面说过的设备独立像素如何改变,下面就看看使用移动开发的meta的viewport标签 <meta name="viewport" content="width=device-width,initial-scale...minimum-scale=1,maximum-scale=1//最大最小缩放比例,一般不用设置 <em>移动</em>端<em>开发</em>的meta标签一般只需要一下的属性就行 我们不喜欢用户进行缩放,直接我们在<em>开发</em>过程中,转换成对应的物理像素能较好的观察哦设备的显示效果

97940

移动开发-流式布局

移动开发-百分比布局 流失布局案例: 京东商城: 点击查看 通过盒子宽度设置百分比来根据屏幕宽度来进行伸缩,不受固定像素限制,内容向两侧填充 流式布局,就是百分比布局,也称非固定像素布局 max-width...最大宽度 – max-height 最大高度 min-width 最小宽度 – min-height 最小高度 图片 CSS初始化 normalize.css: 移动端CSS初始化推荐使用normalize.css...1CSS像素=1物理像素 多倍图: 在标准viewport设置中,使用倍图来提高图片质量,解决在高清设备中的模糊问题 通常使用二倍图, 因为iPhone6\7\8影响,还存在3倍4倍图的情况,这个看实际开发需求...background-size: 50px 50px; /*原始图片100*100px*/ 关于更多: background-size 属性 多倍图切图 cutterman: 图片 移动端主流方案:...单独制作移动端页面 (主流),通过判断设备,如果是移动设备打开,则跳到移动端页面 响应式兼容移动端 (其次),通过判断屏幕宽度来改变样式,以适应不同终端, 制作麻烦,需要花很大精力去调兼容性问题 移动端浏览器

1K30

移动开发总结

用户要求越来越高,网站功能越来越好,效果越来越炫酷,这就要求我们产品质量越来越高,web前端开发而言是一个挑战,是一个难题,也是一个机遇。...如何让我们所开发的手机页面能有更好的交互体验,就是这篇文章的主旨:移动web开发问题和优化小结。...1.web移动前端有哪些优化方案?...2.web移动端页面性能优化方案 3.Web前端优化最佳实践及工具集锦 4.移动前端系列——移动页面性能优化 5.Web性能优化:图片优化 16.小结 我在移动web(手机网站)上,遇到的问题,暂时就是上面这些了...如果大家在开发移动网站的时候,有遇到过什么大大小小的问题,在评论或者自己以文章方式提醒!方便让以后的避免踩坑!最后,如果大家有什么补充或者觉得我哪里写得不好,写错了!欢迎指点!

2.6K10
领券