目前比较主流的移动设备系统包括Android,IOS,Symbian,BlackBerry与WebOS。这些系统浏览器都是基于webkit核心,而webkit号称是一款全功能的移动浏览器,支持HTML+CSS+JavaScript,但由于移动设备本身与PC的差异,导致我们开发的网页在移动设备上总是会存在一些不如人意的地方..
分类:
移动开发 时间:
2014-07-09 08:35:32
阅读次数:
283
在移动平台开发中,经常会有大数据存储与交互的操作,在以webkit为内核的浏览器中,提供了一个叫作WEBSQL的数据库。这让我们前端也可以像php等程序语言一样,进行数据库的读写操作。Web Storage存储本地数据的方法目前可以在许多主流浏览器、平台与设备上实现,与之相关的API也已经标准化,但...
分类:
移动开发 时间:
2014-07-08 22:42:51
阅读次数:
242
css3布局方式:不推荐使用float,有时候使用浮动的时候,对于可适应的流氏布局,无法胜任。 推荐使用css3的display:webkit-box。使用的html代码 box-...
分类:
Web程序 时间:
2014-07-08 10:23:42
阅读次数:
323
1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注:transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3...
分类:
移动开发 时间:
2014-07-07 09:28:27
阅读次数:
211
Canvas API1、HTML5 Canvas 概述 1.1 历史 Canvas的概念最初是由苹果公司提出的,用于在Mac OS X WebKit中创建控制板部件(dashboard widget)。在Canvas出现之前,开发人员若要在浏览器中使用绘图API,只能使用Adobe的Flas...
分类:
Web程序 时间:
2014-07-06 21:49:25
阅读次数:
309
浏览器控件是每一个开发环境都具备的,这为马甲神功提供了用武之地,windows的有webbrowser,android和ios都有webview。仅仅是其引擎不同,相对于微软的webbrowser,android及ios的webview的引擎都是webkit,对Html5提供支持。本篇主要介绍and...
分类:
移动开发 时间:
2014-07-06 15:05:19
阅读次数:
259
apple和google为webkit该浏览器引擎的发扬光大做出了重要贡献,在WWDC 2014发布会上发布iOS 8中,apple公布了WebKit框架,这意味着OSX和IOS开发者将共用同样的开发库,新改变可以提高开发者编写的代码的重复使用性。
webkit使用WKWebView来代替IOS的UIWebView和OSX的WebView,并且使用Nitro JavaScript引擎,这意味着所...
分类:
移动开发 时间:
2014-07-06 10:02:57
阅读次数:
270
之前在看一些css3效果demo的时候,发现有些写css3属性时,兼容性的写法顺序不太一样,比如transition属性,有些把transition放在前面有些是放在后面,当然这也有可能包含了coder个人的习惯或是强迫性>"<,比如下面这两种:.transition{ -webkit-trans....
分类:
其他好文 时间:
2014-07-05 18:08:33
阅读次数:
197
css相关知识:1. 使用box-shadow设置图片阴影,为照片加上阴影eg: box-shadow: 0 0 5px 3px #abc2. 使用tansform-origin定义变形原点eg: -webkit-transform-origin: 0 1px3. 使用transform变形,常用变...
分类:
Web程序 时间:
2014-07-03 20:41:28
阅读次数:
242
webkit浏览器css设置滚动条主要有下面7个属性::-webkit-scrollbar滚动条整体部分,可以设置宽度啥的::-webkit-scrollbar-button滚动条两端的按钮::-webkit-scrollbar-track外层轨道::-webkit-scrollbar-track-...
分类:
Web程序 时间:
2014-07-03 18:49:57
阅读次数:
267