1.消除transition闪屏 (1)-webkit-transform-style:preserve-3d;  /*设置内嵌的元素在 3D 空间如何呈现:保留 3D*/ (2)-webkit-backface-visibility:hidden;  /*(设置进行转换的元素的背面在面对用户时是否可见:隐藏)*/ 2.伪类:active生效 要CSS伪类 :active 生效,只需要给 document 绑定 touchstart 或 touchend 事件 document.addEvent…

首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0" name="viewport" /> 强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览:尤其要注意的是conte…

先看几个名词解释: nodejs ionic,Cordova,phoneGap,anjularjs react-native,reactjs nodeJs 的介绍参见这里,写的很好http://www.ibm.com/developerworks/cn/opensource/os-nodejs/index.html 总结一下,它是一个V8引擎的封装,V8引擎就是Chrom用来处理javascript的模块,自然,它的作用就是解析并执行javascript.以前这个工作就是游览器的工作,现在不是了…

说到移动开发,目前主流平台有谷歌的android os 系统,苹果iOS系统,和微软主打的windows Phone OS 系统,至于目前为啥移动开发中,安卓和iOS比较受欢迎,者要看三家产品的历史由来了,况且为何出现wp不怎么普及,估计微软比我们更头疼更关心这个问题,今天我们就不关注这个话题. 开发语言: iOS,采用C,OC和swift语言开发,安卓采用java,c来开发,wp采用C#开发,OC和JAVA ,C#,都是面向对象语言. 入门难度: 其实三种平台的开发,没有哪个平台个入门难不难的…

前一段时间改了一个bug,是因为select引起的.当时我没有仔细看,只是把bug改完了就完事了,今天来总结一下. 首先说option中我们通常会设置value的属性的,还有就是text值的,请参见下面的HTML代码: <select class="sel" name=""> <option value="1">one</option> <option value="2">two…

实际场景 场景:现在有一个H5活动页面,上面有一个登陆按钮,要求点击登陆按钮以后,唤出App内部的登录界面,当登录成功以后将用户的手机号返回给H5页面,显示出来.这个场景应该算是比较完整的一次H5中的JavaScript与App原生代码进行交互了,这个过程,我们制定的方案满足以下几点: 满足基本的交互流程的功能 Android与iOS都能适用 H5的前端开发者,在书写JavaScript的业务代码的时候不需要为了迁就移动端语言的特性而写特殊的磨合代码 方便调试 交互流程 当H5页面上的JavaS…

* {-webkit-tap-highlight-color: rgba(0,0,0,0);}html {-webkit-text-size-adjust: none;}body {font-family: Arial, Helvetica, sans-serif;margin: 0;color: #333;word-wrap: break-word;}h1, h2, h3, h4, h5, h6 {line-height: 1.1;}img {max-width: 100% !importan…

判断原理:JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的.在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道. 浏览器类型:⑴浏览器特有属性⑵根据userAgent浏览器版本⑴根据userAgent 对…

 *  * @function: 判断浏览器类型是否是Safari.Firefox.ie.chrome浏览器  * @return: true或false  *  */ function isSafari(){     var userAgent = navigator.userAgent.toLowerCase();     if(userAgent.indexOf("safari") > -1 && userAgent.indexOf("chrome…

js判断客户端是IPAD和iphone 多了就不说了,直接上代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22     function checkIsIphoneIpad() { var pda_user_agent_list = new Array("iPhone", "iPod", "iPad"/*, "GTB"*/); var pda_app_nam…

目录 事前准备 创建项目 利用MUI写一个简单的页面 关于文件打包 事前准备 # 软件 HBuilder X Web开发IDE 下载地址:https://www.dcloud.io/hbuilderx.html MUI 前端框架(移动端) 使用文档:https://dev.dcloud.net.cn/mui/ui/#icon What is Mui: - 移动端布局框架 made in China - 模拟移动App,HTML布局框架 - Css+javascript 模拟出动态效果 CPU瞬时…

近日,Livecoding.tv, 一个为世界各地的程序员提供在线实时交流的平台,在其网站上发布了一篇通知, 宣布从4月15日至5月15日,会为iOS和Android的开发者举办一场本地移动app设计比赛.据介绍,此次比赛旨在鼓励广大编程爱好者积极参与程序开发,亦让大家可以有机会大展所长.通过比赛,让大家发现更多编程的乐趣.比赛将对所有人开放,不论是不是livecoding.tv上的注册用户,均可报名参加.届时,Livecoding.tv将在其博客空间上进行投票,选出得奖的App.比赛共设三个奖…

reactnative可以编辑iOS程序也可以编辑Android程序, 而且80%的代码都可以重用. 及有些文件是两个系统通用的, 相信大家也都清楚了. 但是也许大家会遇到一些屏幕布局的问题, 最常遇到的就是Android的状态栏我们是无法涉及的而iOS的就可以. 所以当一个component设置了marginTop时, 两个系统需要设置的数值是不一样的. 我们没必要为了一个style而创建两个文件(***.ios.js和***.android.js)当然这肯定能解决问题, 但是每次都这样做的花…

因为公司推广的原因,没有合适的将苹果和安卓(ios和android)合成一个二维码的工具. 因为这个不难,主要是根据浏览器的UA进行判断,所以就自己开发了一个网站 网站名称叫:好推二维码  https://hotapp.cn,可以苹果和安卓(ios和android)合成一个二维码,方便在外面推广. 以前叫二逼二维码,考虑到二逼二维码名字不太好听,就修改为二百二维码了. 同时,因为微信不能直接下载应用,所以如果是微信扫描二维码,需要有个中间页面,提醒用户在浏览器中打开就可以下载了.…

刚开始接触UI的时候,碰到的最多的就是尺寸问题,今天我们就来谈谈IOS和Android 图标设计尺寸吧! 一.IOS篇 1.iOS app图标的圆角半径是多少? (注:现在IOS图标是不需要再画圆角了,直接方形就OK) 比较精确和接近的圆角半径和图标尺寸如下:最右边表示圆角半径 Icon1024.png – 1024px -圆角半径: 180px Icon512.png –    512px    - 圆角半径:89.825px Icon.png     –  57px      -圆角半径:…

JS判断客户端是否是iOS或者Android 参考:http://caibaojian.com/browser-ios-or-android.html function is_weixin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { return true; } else { return false; } } JS判断手…

先说下遇到的严重问题: 1.暗黑战神的资源管理有2套流程,一套开发使用(Resources.Load),一套正式上线使用(AssetBundles, 流畅),而走AssetBundles流程的代码则有很严重Bug. 2.IOS和Android的UI管理并未统一,由于Android版使用了ETC,所以导致两个平台的UI资源混乱. 3.IOS有影响流程的Bug. 4.IOS在出正式包时,Mono方式和IL2CPP都有严重的坑. 当然还有很多其他常规的Bug,不过所有这些都被我修复了,成功编译出IOS…

通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端.代码如下: <script type="text/javascript"> var u = navigator.userAgent; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+…

Hello,大家好,今天给大家说说在mac上搭建cordova3.4.0的iOS和Android开发环境,首先下载cordova,地址:https://cordova.apache.org/#download 下载成功后解压,首先讲一下IOS的: 首先要保证你的Python是可以使用的,且版本正确,没有问题, 然后将cordova-ios拷贝到home路径下,假如我的用户名为karl,我要将项目创建在桌面上,文件夹名为Hi,项目名为Hi,此时调出终端,运行命令: /Users/karl/cord…

首先,在真正写技术之前做个自我简介.本人08年开始学c语言 一年后,转vc++.开始接触MFC MFC做了两年.转眼11年了我考上了一个不知名的大专.搞C++发现没有市场了因为当时酷狗腾讯的软件已经日益成熟.想去打市场已经十分艰难(当时,自己很天真以为自己会做出个东西然后出去创业)而后,我卖了我的诺基亚N73买了一部三星galaxy ace(5830)就这样我开始走上了我的Google不归路.2012年我终于做出了我的第一个精品应用(所谓的精品应用是以工程师思维来看的 至少在我的5830上是飞一…

FIR.im  作为专业的 iOS 和 Android 测试包发布网站, 注册超简单,支持输入网址直接下载和二维码扫描下载.功能类似 TestFlight ,但又比它强大,支持游客访问密码,iOS 和 Android测试 APP 都支持.类似 TestFlight ,又高于 TestFlight . 1.  注册是我见到的最简单方式,一般输入邮箱和密码就能登录,而且支持匿名上传 APP,网站根据上传的 APP 文件后缀名自动归并到 iOS APP 或 Android APP 类别.支持 QQ,微…

简介: 1.Windows Phone与IOS的后台机制是 后台挂起 + 待机 + 通知代理 这样一种模式.也就是说一个程序在后台的时候,处于一种挂起状态,程序不能访问CPU.网络和其他系统资源,除了内存(虚拟内存)以外,不消耗任何资源.这么做的主要好处,就是快速程序切换,可以通过长按返回键或Home快速访问最近使用的程序. 2.WP 与 IOS 与 Android 在系统内存紧张的时候,程序会被强制退出,只留一个墓碑.也就是大家常说的墓碑机制了. 3.WP部分操作允许后台程序使用服务代理来长时…

通过判断浏览器的userAgent,用正则来判断是否是ios和Android客户端.代码如下: <script type="text/javascript"> var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器 var isi…

因为iOS和Android不同的规则,下边将iOS和Android能接收到通知的详细情 形进行说明(前提:APP已经在设备上安装并登录过):  iOS:                    APP未运行,可以接收到通知.                    APP已运行,放置在后台,可以接收到通知.                    APP已运行,正在前台使用,不可以接收到通知.                    提示,当APP接收到通知,在APP右上角显示数字的时候,只有通 过通知…

转http://www.2cto.com/kf/201403/283404.html afari 前端开发调试 iOS 完美解决方案 2014-03-05      0个评论    来源:Safari 前端开发调试 iOS 完美解决方案   收藏    我要投稿 在日趋现代化的 Web 网络中,各种现代浏览器和移动终端设备的用户百分比越来越高.对于我们 Web 前端开发者来说,运行 iOS Safari 浏览器的苹果移动设备对我们来说更是不容忽视的.然而当我们需要对前端页面进行测试调试时,桌面版…

近期因为有须要在Unity程序执行在ios或android手机上显示内嵌网页.所以遍从网上搜集了一下相关的资料.整理例如以下: UnityWebCore 从搜索中先看到了这个.下载下来了以后发现这个的原理好像是通过调用浏览器内核.然后将网页渲染到mesh的方式完毕的. 但遗憾的是仅仅支持windows桌面版本号.但还是发出来大家假设有须要能够下载  下载地址: http://pan.baidu.com/s/1nt3FVkd unity-webview 这个是在github上找到的. 是一个kei…

 移动web开发经验总结 1.-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影.备注:transparent的属性值在android下无效. 2.-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影. 3.-webkit-transform:translate3d(0, 0, 0)在ios下可以让动画更加流畅(这个属性会调用硬件加速模式),但是在android下不可乱用,…

1.在Unity3d中, 创建导出 iOS.Android 项目脚本 PerformBuild.cs ,放在Editor目录下(必须),如下: using UnityEditor; using System.IO; using System.Collections; using UnityEngine; using System.Collections.Generic; class PerformBuild { static string[] GetBuildScenes() { List<st…

转自http://blog.csdn.net/langresser_king/article/details/8426708 (未完成) 1.2d游戏最占内存的无疑是图片资源. 2.cocos2d-x不同平台读取纹理的机制不同.ios下面使用CGImage,android和windows下是直接调用png库.我测试了下,使用png库直接读取png会比CGImage还要节约1mb左右内存(图片所占内存4mb)但是速度要比CGImage慢一倍.时间和空间如何取舍就看实际情况了.不过最佳的选择似乎是p…

先看文章,写得很好 ios 触摸事件传递 http://www.cnblogs.com/Quains/p/3369132.html 另外一篇 http://blog.csdn.net/yongyinmg/article/details/19616527 android 触摸事件传递 http://www.cnblogs.com/superlcr/p/3946034.html 这里是另一篇 http://www.cnblogs.com/jqyp/archive/2012/04/25/2469758…