javascript

java

python

c#

android

c++

node.js

php

html

jquery

reactjs

ios

css

.net

git

ruby-on-rails

sql

c

string

ruby

CSS-在创建移动响应设计中最重要的媒体查询是什么?

对于移动屏幕尺寸,有很多不同的媒体查询。 在设计快速响应的移动网站时,容纳所有这些内容可能会让人不知所措。 在为手机设计时,最重要的使用哪些? 我发现这篇文章在概述可用的媒体查询方面做得很好:[http://css-tricks.com/snippets/css/media-queries-for-standard-devices/。]

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
trans by 2020-08-01T08:02:57Z

数据库-在多个实体之间同步数据的最聪明,最简单的方法是什么?

在当今许多计算机,移动设备或Web服务共享数据或充当集线器的世界中,同步变得越来越重要。 众所周知,同步解决方案不是最舒适的解决方案,因此最好不要完全同步。

我仍然很好奇您将如何实施一个同步解决方案来在多个实体之间进行同步。 已经存在许多不同的方法,例如比较更改的日期字段或哈希值并使用最新数据,或者让用户选择在发生冲突时要使用的内容。 另一种方法是尝试自动合并有冲突的数据(我认为这不是很聪明,因为机器无法猜测用户的意思)。

无论如何,这里有一些与同步相关的问题,我们应该在开始实施同步之前回答这些问题:

  • 最近的数据是什么? 我要如何代表它?
  • 发生冲突时该怎么办? 合并? 我是否提示并询问用户该怎么办?
  • 进入不一致状态(例如,由于不稳定的移动网络连接而断开连接)时,该怎么办?
  • 当我不想进入不稳定状态时该怎么办?
  • 如何恢复被中断的当前同步?
  • 如何处理数据存储(例如,Web服务上的MySQL数据库,iPhone上的Core Data;以及如何在没有大量固定代码的情况下合并/同步数据)?
  • 如何处理在同步过程中(在后台运行,因此不会阻止UI)来自用户的编辑?
  • 我如何以及如何传播更改(例如,用户在计算机上创建一个“ Foo”条目并且不同步;然后他在旅途中创建另一个“ Foo”条目;当他尝试同步两个设备时会发生什么情况) )? 用户是否将具有两个具有不同唯一ID的“ Foo”条目? 用户将只有一个条目,但只有一个?
  • 拥有分层数据时应如何处理同步? 自顶向下? 自下而上? 我应该原子地对待每个条目,还是只看一个超级节点? 过度简化事情和在实施中投入太多时间之间的权衡有多大?

还有很多其他问题,希望我能给您足够的启发。 同步是一个相当普遍的问题。 一旦找到了一种良好的,通用的同步方法,就应该更容易将其应用于具体的应用程序,而不是从头开始思考。 我意识到,已经有很多应用程序尝试解决(或成功解决)同步问题,但是它们已经相当具体,通常不能为同步方法提供足够的答案。

trans by 2020-07-27T01:04:45Z

Android自定义事件监听

假设我想为自己的班级创建自己的事件监听器,该怎么做? 我需要手动维护线程吗?

trans by 2020-07-26T04:09:18Z

移动-Codename One如何工作?

我正在寻找为多个移动平台开发的替代方案,并且找到了Codename One,它使用Java作为通用语言,而不是HTML / CSS / JS或脚本语言。

我找不到的是它是如何工作的。 它是否将JVM与iOS和Win7的应用程序捆绑在一起,并在Android中使用Dalvik? 它将源代码转换为本机代码,并且我们可以访问此源代码吗? 考虑到他们承诺“不妥协”,还有其他魔术吗? 在编写不可知论的Java时应注意哪些限制?

先发制人的罢工:这是关于代号One的问题,而不是关于我应该选择哪个跨平台,是否应该本地化或者是否应该上网的问题。

trans by 2020-07-24T19:09:48Z

适用于移动设备和台式机的jQuery Mobile?

我正在开发一个Web应用程序。 MySql / PHP后端和HTML / jQuery前端。

我想使用jQuery UI框架。

现在可以看到jQuery Mobile已发布,我想使该应用程序尽可能地供移动设备访问。

我用Google搜索,但是找不到高质量的答案。

如果使用jQuery Mobile,是否可以使所有代码都以相同的代码工作?

如果要通过移动浏览器访问,我希望它显示移动小部件。
但是使用jQuery UI小部件可以从桌面浏览器访问。

是否可以仅通过使用jQuery Mobile及其标记来实现,还是必须分别编写移动版(jQuery Mobile)和桌面版(jQuery UI)的前端?

也就是说,如果从桌面浏览器进行访问,jQuery Mobile可以自动“回退”到jQuery UI。

trans by 2020-07-24T14:01:05Z

javascript-如何为移动设备实现划动手势?

我有一个用AngularJS制作的应用程序,它具有箭头键导航来切换视图。

我想使用针对触摸设备的滑动来实现此导航。 我尝试了jGestures库,但刷卡效果不佳。建议我不要使用jquery mobile。

还有其他方法可以执行滑动吗?

编辑:它无法干净地检测到滑动。 我在包括iPad在内的多种设备上对其进行了测试,并且需要多次滑动才能执行操作(以我的情况为例)。

trans by 2020-07-22T14:39:12Z

C#-数据密集型应用程序的手机差距与MonoTouch

我们正在寻求为移动设备开发数据密集型应用程序。 我们的中心问题是

  1. 我们将不得不在客户端上存储大量数据
  2. 客户端希望该应用离线运行
  3. 我们的技能是Web开发C#ASP.Net。 绝对不是目标C

我们为开发人员考虑了三种可能性

  1. 使用HTML5本地存储的Web应用程序利用了脱机应用程序缓存。我们的本地存储空间限制为5MB,但对于某些浏览器来说,可能会降至2.5MB

  2. Web应用程序通过PhoneGap创建本机应用程序。这里的最大优点是我们可以使用文件系统进行存储。 不利的一面是,它必须通过App Store(尤其是iOS)进行应用-苹果订阅应用的收入减少了30%

  3. 我们使用适用于Android和iOS的MonoTouch构建该应用程序。好的-C#和.Net我们可以做到这一点。 不好-没有黑莓

在这种情况下,我很难看到使用MonoTouch优于PhoneGap的真正优势。 这些是什么? 有吗

作为这种情况下的示例,将数据保存到文件系统中确实很有用,但是我相信电话间隙可以通过File对象来实现。 显然,monoTouch将利用System.IO。

在某些情况下,MonoTouch中存在确定的附加功能-特别是对移动开发人员有用的功能,例如 地理位置还是相机类型功能? 还是电话差距几乎涵盖了所有这些。

厚脸皮的其他问题

对于我遗忘的三种方法,我还有其他选择遗漏,或者有其他主要优点/缺点吗?

感谢大家的专业知识

trans by 2020-07-11T01:52:50Z

javascript-从浏览器中删除地址栏(在Android上查看)

有谁知道我该如何从Android浏览器中删除地址栏,以更好地查看我的Web应用程序并使它看起来更像本机应用程序?

trans by 2020-07-07T09:23:57Z

iframe大小与i上的CSS

有一个iframe,其内容基本上超出了框架的容量。 框架的大小基于浏览器的屏幕尺寸,并允许溢出滚动,这在除iOS以外的所有浏览器上均能完美运行。 在iOS上,Safari决定调整框架大小以适合内容。 不是您所期望的。

jsFiddle上的示例代码:
[HTTP://JS fiddle.net/R3PKB/2/]

在您的iOS设备上试用:
[HTTP://JS fiddle.net/R3PKB/2/embedded/result]

HTML:

<div class="frame_holder">
  <iframe class="my_frame">
    // The content
  </iframe>
</div>

CSS:

body {
  position: relative;
  background: #f0f0f0;
}

.frame_holder {
  position: absolute;
  top: 50px;
  bottom: 50px;
  left: 50px;
  right: 50px;
  background: #ffffff;
}

.my_frame {
  width: 100%;
  height: 100%;
  border: 1px solid #e0e0e0;
}
trans by 2020-07-05T04:51:31Z

移动-Adobe PhoneGap和Apache Cordova有何不同?

到目前为止,我还没有找到关于Apache Cordova和PhoneGap之间的区别以及何时使用它们的区别的“普通英语”解释。

我正在寻找使用其中一个构建应用程序的方法,但存在以下限制:

  • 它必须是开源的(最好是GPL,APL2等)
  • 它需要有一个良好的开发社区来支持它(最好是好的文档)
  • 它需要使用相同的javaScript并使用它为Android,iOS,Windows Phone和Blackberry生成本机二进制文件(编写一次,可在任何地方运行)

如果这两个库/ SDK都能满足这些要求,那么我如何确定要处理的项目呢? 这是“ Jenkins / Hudson”的事情,还是它们实际上是两个单独的项目? 提前致谢!

trans by 2020-07-01T00:13:19Z

CSS-使用溢出时在移动设备/ iOS上滚动缓慢:

要设置画布菜单,我必须将主体设置为“ overflow:hidden”以从主体中删除滚动,然后使用“ overflow-y:scroll”将其重新添加到内容周围的容器中。 当我这样做时,似乎会减慢在特定于移动设备的iOS设备上的滚动速度。

从身体移开滚动条是否存在某种性能问题?

trans by 2020-06-30T00:35:24Z

CSS-以margin显示div宽度为100%

我想显示一个带有边距的可扩展divwidth: 100%)...

这是我的代码:

<div id="page">
    <div id="margin">
        "some content here"
    </div>
</div>​

这是我的CSS代码:

#page {
  background: red;
  float: left;
  width: 100%;
  height: 300px;
}

#margin {
  background: green;
  float: left;
  width: 100%;
  height: 300px;
  margin: 10px;
}​

现场演示

trans by 2020-06-25T08:43:26Z

ajax-网络面板无法正常运行

我想编写一个基于AJAX的混合Android应用程序。我试图绕过Weinre,但无法使网络面板出现。 它不显示常规的网络交互,对于任何XHR交互,它都表示“状态暂挂”和“类型暂挂”。还有其他人遇到过这个问题吗?

该链接没有/没有解决问题:[https://issues.apache.org/jira/browse/CB-5424]

trans by 2020-06-24T00:43:21Z

javascript-用于移动触摸屏设备的Ace文本编辑器上的缓慢滚动

我正在尝试让JavaScript代码编辑器ACE在移动设备上工作。

var editor = ace.edit("editor");
editor.setTheme("ace/theme/twilight");
editor.getSession().setMode("ace/mode/css");

您可以在此处找到完整的代码

垂直滚动似乎对任何移动设备都没有响应,并且滞后很多。 如何使它更具响应性?

trans by 2020-06-22T15:44:55Z

使用overflow-x在IOS上通过加速/减速进行平滑的原生样式滑动滚动滚动: 使用C的可滚动div

使用可滚动的div

.scrollable-div{
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
}

在Android设备上进行演示时,滑动时的滚动非常流畅,甚至具有加减速效果。

在iPhone上使用相同的代码,滚动变得僵硬。 当用户释放触摸时,滚动立即停止。

如何使iPhone像可平滑加速/减速本机样式滚动的Android浏览器一样对待可滚动div?

trans by 2020-06-21T17:31:33Z

Windows Phone 7-任何人都具有跨平台WP7 Android iOS移动开发(monotouch,monodroid,C#)的体系结构经验

这个问题与推荐的体系结构以及人们分别使用C#,Monotouch和Monodroid开发的跨平台WP7,iOS,Android应用程序的经验特别相关。 我已经在这里和这里研究过以前的问题。 他们提供了很好的答案,但不是我想要的。 我还发现了这个非常好的问题,但确实会带来成本优势,因此存在一些重叠之处。

我需要为一家健康和健身公司开发跨平台的iPhone / iPad,WP7和android应用程序,该应用程序将与他们的网站集成。 该应用程序需要少量本地数据存储以用于脱机模式并在网络可用时与网站同步。 我一直是Windows(C#/ C ++)开发人员,虽然我愿意,但我真的不想走这三个Objective C,Java和C#应用程序的路。 我还将担任技术负责人,并为该项目的团队提供一些工作。

我想知道这里是否有人有使用Monotouch,Monodroid和WP7进行跨平台开发的经验,并分享他们在应用程序体系结构上的经验以尽可能多地重用代码。 我正在考虑的体系结构如下:

Proposed architecture for Wp7, Monotouch, Monodroid app

我的问题如下:

  • 这里有人尝试过这样的事情吗?
  • 这些框架(Monotouch,monodroid)是否值得进行此类工作?
  • 我可以在Visual Studio 2010中为Monotouch,Monodroid和Wp7目标(但使用“添加为链接”共享代码)的单独项目(dll / exe)设置整个项目吗?
  • 在这种(或类似的)体系结构上,我实际上可以期望什么样的代码重用? 即,我可以使用哪些策略/模式来重用本地数据访问,Web服务和业务逻辑?

最好的祝福,

trans by 2020-06-21T02:05:55Z

是否可以生成“在Facebook上共享”链接,以在Android / iOS /移动设备上打开本机Facebook应用程序,而不是在Web共享对话框中打开?

网站上打开共享对话框的网站上是否有Facebook链接链接?

当前行为:

现在单击Facebook共享链接会打开基于Web的共享对话框,这很糟糕,因为大多数移动Facebook用户正在使用本机应用程序,因此未登录其浏览器。 因此,Web共享对话框会提示他们输入用户凭据-毕竟可能导致他们不共享。

理想行为:

单击“ Facebook上的共享”链接会转到本机Facebook应用程序中的“共享”对话框,在该对话框中,用户已经登录。

先谢谢您的帮助!

trans by 2020-06-19T19:00:58Z

html-移动浏览器的工具提示

如果想提供更多信息,我目前设置了一些HTML的title属性:

<p>An <span class="more_info" title="also called an underscore">underline</span> character is used here</p>

然后在CSS中:

.more_info {
  border-bottom: 1px dotted;
}

效果非常好,可视指示器可以将鼠标移到上方,然后弹出一个带有更多信息的窗口。 但是在移动浏览器上,我没有得到该提示。 title属性似乎没有作用。 在移动浏览器中提供关于一段文本的更多信息的正确方法是什么? 与上述相同,但是使用Javascript来监听点击,然后显示一个看起来像工具提示的对话框? 是否有任何本机机制?

trans by 2020-06-17T15:44:35Z

Javascript-从JS / CSS检测系统DPI / PPI?

我正在开发一种独特的应用程序,该应用程序需要根据显示的设备以特定的分辨率生成图像。 因此,常规Windows浏览器(96ppi),iPhone(163ppi),Android G1(180ppi)和其他设备上的输出是不同的。 我想知道是否有一种方法可以自动检测到这一点。

我的初步研究似乎没有。 我看到的唯一建议是制作一个元素的宽度在CSS中指定为“ 1in”,然后检查其offsetWidth(另请参见如何通过javascript访问屏幕显示的DPI设置?)。 是有道理的,但是iPhone用这种技术骗了我,说是96ppi。

另一种方法可能是获取以英寸为单位的显示器尺寸,然后除以像素为单位的宽度,但是我也不知道该怎么做。

trans by 2020-06-17T03:11:19Z

iOS-如何在Mobile Safari中打开虚拟键盘时阻止固定导航像这样移动?

我了解到,移动浏览器在固定元素周围存在很多错误,但是在大多数情况下,直到向底部的固定导航添加了非常需要的文本输入后,我才设法使布局正常工作。 现在,当用户将焦点放在文本输入元素上并出现虚拟键盘时,我的导航始终会固定在页面底部,该导航会跳到页面中间一个非常奇怪的位置。

enter image description here

我会在这篇文章中添加一些代码,但是我不确定从哪里开始。 该导航固定在底部,位于左侧和底部0,宽度为100%。 从那里,我不知道发生了什么,我只能假设这是一个移动的野生动物园错误。

仅当文本输入元素被聚焦且虚拟键盘处于打开状态时,它似乎也失去了固定的位置并变为相对位置。

trans by 2020-02-18T16:46:04Z

1 2 3 4 5 6 7 8 9 10 11 下一页 共11页