随笔分类 - CSS
css技巧及常用块
摘要:【转】HTML5的语音识别 ,装逼神器
阅读全文
摘要:HTML5的canvas标签绘制正三角形
阅读全文
摘要:webm格式和mp4格式,判断了浏览器能否支持的视频类型后,给了一个if判断,如果是支持mp4格式,就返回视频后缀mp4,如果是webm,就返回后缀webm。结果,在谷歌浏览器中播放不了,为什么我指定源为webm格式的视频时,谷歌浏览器毫无错误的播放了,但是,如果是使用if判断,发现选择的是mp4,而不是webm,咋办?先来看看这两段代码,差别只是顺序上的。/*************************************获取视频格式***************************/function getFormatExtension(){ if( video.canP...
阅读全文
摘要:写了一小段代码,是用XMLHTTPRequest对象来获取数据的,在本地服务器中,运行的很顺利,但是转向实际服务器(实质上就是转向http://gumball.wickedlysmart.com获取一个json文件过来),运行就跑不起来了。这就涉及到跨域获取数据的问题了。我运行时的环境是这样的:本地服务器运行当前代码、转向http://gumball.wickedlysmart.com获取一个json文件过来。结果:报错。XMLHttpRequest cannot load No 'Access-Control-Allow-Origin' header is present o
阅读全文
摘要:基础知识一、要注意书写,一个字母就会让你代码跑不起来Ext.setup({ icon:'icon.png', glossOnIcon:false, tabletStartupScreen:'talbet_startup.png', phoneStartupScreen:'phone_startup.png', onReady:function(){ var panel = new Ext.Panel({ ...
阅读全文
摘要:sencha-touch-debug.js 供开发时用sencha-touch.js 供发布时用sencha-touch-all.jsAll 供不能使用SDK构建应用程序时,将应用程序投入正式运行时用sencha-touch-all-debug.jsAll 供不能使用SDK构建应用程序时,处于开发阶段时用sencha-touch-all-compat.jsAll 供升级Sencha Touch 1.0的应用程序时用我使用sencha-touch-debug.js 来写小案例时,效果出不来,但是使用sencha-touch-all-debug....
阅读全文
摘要:一、Write less Do more!这好像就是jQuery Mobile的口号吧。基于jQuery类库的jQuery Mobile移动web插件,有了这个轻量级插件后,排版方便了许多,很多样式我们只需要调用jQuery Mobile类库中的就好了。二、jQuery Mobile 的机制,所有的页面或视图内容都是通过Ajax请求加载的。三、提供了Event事件。这些事件可以根据当前的移动设备的特性来识别使用哪一类型的事件,如触摸、鼠标、window事件四、List列表的多种属性设置有一个问题还不知道怎么解决的?列表的性能问题。列表可以设置一个属性“搜索过滤”,即类似于我们打电话时搜索通讯录
阅读全文
摘要:对jquery mobile来说,使用data-icon属性配置,可以设置元素的图标。图标没有变成右箭头,而是如下图所示://已经设置了图标 ,data-icon="home" data-iconpos="top"首页 而且是无论我怎么添加data-icon到任何元素上面,都是没有图标显示,最后发现,由于jquery mobile是使用CSS 3来渲染UI的,需要有一个图片集,解决步骤:1、下载。从下载的官方jquery mobile包里面,找到图片如下:2、拷贝images文件夹到项目文件夹下。目录结构如下:icon图片需要与jquery mobile
阅读全文
摘要:一、关于虚拟窗口的设置: width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放 二、Ajax方式处理请求默认情况下,jQuery Mobile采用Ajax的方式处理请求的。
阅读全文
摘要:一、获取当前地理位置信息的方法在HTML5之前HTML5根据IP地址来获取当前的地理位置信息浏览器通过geolocation的API接口来获取当前的地理位置信息,(经纬度)方法为navigator.geolocation.getCurrentPosition(){}这个方法来获取由于许多地图采用的坐标系都是不一样的,使用不同的地图接口得到同一个地点的经纬度会有一定的偏差,百度地图和谷歌地图的纠偏能力如下表:什么是纠偏能力?在百度地图显示的经纬度和实际的经纬度是存在一定的差距的,百度地图上的经纬度会通过一个纠偏数据库,把地图上的经纬度尽量跟实际的经纬度接近。就是去纠正这种偏差。百度地图谷歌地图区
阅读全文
摘要:转自 http://blog.sina.com.cn/s/blog_6079f38301013sb3.html一、与地图操作相关的接口哦!(这些接口的开启都是写在执行成功的回调函数那里) map.enableScrollWheelZoom(); // 启动鼠标滚轮操作 map.enableKeyboard(); //开启键盘操作的接口(键盘控制默认也是不开启,开启后按键+和-分别让地图放大或缩小一级,PgUp、PgDn、 H ...
阅读全文
摘要:Web Storage 提供了两种存储类型API接口:localStorage 和sessionStorage二者的简单区别名称localStoragesessionStorage生命周期除非用户删除,否则永久保存网页关闭,生命周期结束存储位置本地浏览器端Storage事件监听:只需要使用HTML5 Web Storage API内置的事件监听器对事件进行控制addEventListener()要监听的事件代码: 使用WebStorage存储事件监听实例-操作LocalStorage数据 监听器 监听localStorage事件 ...
阅读全文

浙公网安备 33010602011771号