移动资讯
kongjiea
通吃前后端如何?
展开
-
html5手机摇一摇效果
HTML5 手机摇一摇var color = new Array('#fff', '#ff0', '#f00', '#000', '#00f', '#0ff');if(window.DeviceMotionEvent) { var speed = 25; var x = y = z = lastX = lastY = lastZ = 0; window.addEven原创 2014-11-25 10:48:47 · 7083 阅读 · 0 评论 -
超赞!人气超高的HTML5特效排行榜TOP 1
现在市面上有一大批HTML5页面模板制作工具,虽然方便了很多非专业设计师制作HTML5页面。但是不得不吐槽的是,很多模板工具平台上的作品大部分还停留在左飞入右飞出的初级境界,想感受真正精妙的高级特效,这10个专业人士的作品不得不看咯。那HTML5里有哪些高级动效了?小派几乎仔细体验了国内所有优秀H5页面作品,结合自己的一些理解,整理出下面十大HTML5页面特效。我们的HTML5作品如果能用转载 2015-10-15 10:15:06 · 5259 阅读 · 0 评论 -
移动web app开发小贴士,移动开发经验记录
1、阻止弹性滚动functionBlockMove(event){ //Tell Safari not to move the window. event.preventDefault();} ...2、检测屏幕是否旋转//Detect whether device supports orientationchange event, otherwise fall原创 2015-02-10 12:10:01 · 2588 阅读 · 0 评论 -
11个基础的HTML5动画工具
HTML5使得开发者能为你的网站创建出惊人的动画效果。这些很棒的动画效果会为你的网站增添更多吸引力,接着会带来更多的生意。这些用HTML5创建的动画效果很出色,看起来很惊人。但为了做出这种动画效果,你需要经历很多比较麻烦的工作,所以你可以使用一些免费或市面上收费的HTML5动画工具。本文将会为大家介绍市面上最好的HTML5动画工具。这个清单使我们极为用心列出来的,以为大家呈现出真正有用且专转载 2015-07-14 11:02:34 · 1164 阅读 · 0 评论 -
移动H5前端性能优化指南
移动H5前端性能优化指南概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源不应超过1014KB5. Mobile侧因手机配置原因,除加载外渲染速度也是优化重点6. 基于第五点,要合理处理代转载 2015-02-27 14:11:55 · 1977 阅读 · 0 评论 -
jQuery 插件 Touchslider触摸、鼠标操作幻灯片交互脚本
幻灯片、走马灯等一直是网页中比较常用的交互效果,在移动平台上也不例外,唯一的区别是操作方式不同,这里介绍一款同时适用于触摸、鼠标操作的幻灯片交互脚本 —— Touchslider优点:兼容性好,适用于主流的桌面及移动(基于Weibkit)浏览器,且同时兼容鼠标和触摸操作性能优秀,在 Android 和 iOS 等移动平台上的交互表现非常流畅可塑性高,通过插件本身的设置再配合 CSS转载 2015-02-10 12:03:19 · 13479 阅读 · 0 评论 -
移动端资源集锦
移动端随着市场的逐步扩大和相关技术的日趋完善,各种问题和解决方案也层出不穷。当然最主要的还是CSS3和HTML5的知识,Javascript的内容也越来越丰富,有nodejs等。下面推荐一些收集移动端的知识精华。知识集合99移动端知识集合:https://github.com/jtyjty99999/mobileTech司徒正美移动端知识集合:https://github.转载 2015-02-10 11:51:34 · 883 阅读 · 0 评论 -
远程实时调试手机上的web页面
1. 安装 需要Node.js平台, 先安装好后, 打开Node.js command prompt, 通过NPM来安装 weinrenpm -g install weinre2. 启动 安装完成后, 我们接着启动 weinreweinre -httpPort 8转载 2015-02-10 14:17:50 · 2955 阅读 · 0 评论 -
微信JS-SDK,助力网页开发
微信分享通用组件,用于微信浏览器内浏览网页的分享信息定义。 一、可定义的信息 1、分享时显示的LOGO; 2、分享LOGO的宽度; 3、分享LOGO的高度; 4、分享出去显示的标题(默认调用网页标题); 5、分享出去显示的描述(默认调用网页标题); 6、分享链接(默认为当前页面的URL)。 7、分享微信的APPID(一般为空)。二、使用方法 1、引入微信转载 2014-12-02 10:09:51 · 1349 阅读 · 0 评论 -
GitHub 优秀的 Android 开源项目
原文地址为http://www.trinea.cn/android/android-open-source-projects-view/,作者Trinea主要介绍那些不错个性化的View,包括ListView、ActionBar、Menu、ViewPager、Gallery、GridView、ImageView、ProgressBar及其他如Dialog、Toast、EditT转载 2014-12-02 12:05:06 · 6705 阅读 · 0 评论 -
移动web开发,12个触摸及多点触摸事件常用Js插件
如今移动互联网已经占据了主流地位,越来越多的开发者开始从桌面转向移动平台。与桌面开发不同的是,在移动领域中,不同的操作系统、大量不同屏幕尺寸的移动设备、触摸手势操作等,这都给开发者带来了一定的难度和挑战。虽然一些触摸事件,自己写起来也比较简单,但为了尽量不重复的造轮子,提高开发效率。这里收集整理了一些常用的手势事件脚本插件来供你参考。QUO JS支持事件:T转载 2014-12-01 15:13:45 · 8445 阅读 · 0 评论 -
监控mobile的横屏、竖屏
为了应对移动设备屏幕的碎片化,我们在开发Mobile Web应用时,一个最佳实践就是采用流式布局,保证最大可能地利用有限的屏幕空间。由于屏幕存在着方向性,用户在切换了屏幕的方向后,有些设计上或实现上的问题就会凸显——我们至少需要处理一下当前显示元素的宽度的适配(当然,要做的可能不仅仅是这个)。很多时候,我们需要为不同的屏幕方向来设计对应的应用显示模式,这个时候,实时地获知设备的模竖屏状态就显得极为原创 2014-11-24 15:32:42 · 2292 阅读 · 0 评论 -
二、Mobile Web开发工具和开发框架
做为一个Mobile Web开发者,我们除了拥有真机外(这个对于大多数团队不现实呀,IT民工们真心买不起),更重要的就是先在模拟器/仿真器上来测试了。在此列举所需要的所有开发环境: SDK,仿真器,模拟器iOS SDK(XCode), 最好的IDE与仿真器(没有之一 )Android SDKOpera Mobile,最快的仿真器Opera Mini , 一个基于Java A原创 2014-11-24 15:26:46 · 960 阅读 · 0 评论 -
超实用的HTML 5接口全方位测试总结文
十二年前,无论多么复杂的布局,在我们神奇的table面前,都不是问题;十年前,阿捷的一本《网站重构》,为我们开启了新的篇章;八年前,我们研究yahoo.com,惊叹它在IE5下都表现得如此完美;六年前,Web标准化成了我们的基础技能,我们开始研究网站性能优化;四年前,我们开始研究自动化工具,自动化测试,谁没玩过nodejs都不好意思说是页面仔;二年前,各种终端风起云涌,响应式、转载 2015-10-15 10:09:50 · 8792 阅读 · 2 评论