随笔分类 -  移动开发

上一页 1 2 3 4 5 下一页
用微信浏览器调整字体后页面错位解决方案
摘要：普通解决方案：android暂无方案；ios使用-webkit-text-size-adjust禁止调整字体大小body{-webkit-text-size-adjust: 100%!important;}最好的解决方案：整个页面用rem或者百分比布局如果html5页面特效多比较，建议开启硬件加速：... 阅读全文
posted @ 2015-09-06 11:31 axl234 阅读(1342) 评论(0) 推荐(0)
设置微信分享的标题 缩略图 连接 描述
摘要：在开发测试过程中,发现使用wx.onMenuShareTimeline无效果,没有显示我定义的图片、title和链接,经过调试发现原因如下：1.图片大小要大于300pix才能显示2.这个方法必须先config成功，然后再wx.ready里才能调用。直接放到$(function(){})里执行，实践证... 阅读全文
posted @ 2015-07-27 10:28 axl234 阅读(2169) 评论(0) 推荐(0)
Zepto 使用中的一些注意点
摘要：Zepto 只针对移动端浏览器编写，因此体积更小、效率更高，更重要的是，它的 API 完全仿照 jQuery ，所以学习成本也很低。但是在开发过程中，我发现 Zepto 还远未成熟，其中包含了一些或大或小的“坑”，与 jQuery 的差距还是很明显的，所以写篇文章记录下，希望对后来者有帮助注意，本文... 阅读全文
posted @ 2015-06-02 15:50 axl234 阅读(217) 评论(0) 推荐(0)
Mobile Web开发 处理设备的横竖屏
摘要：为了应对移动设备屏幕的碎片化，我们在开发Mobile Web应用时，一个最佳实践就是采用流式布局，保证最大可能地利用有限的屏幕空间。由于屏幕存在着方向性，用户在切换了屏幕的方向后，有些设计上或实现上的问题就会凸显——我们至少需要处理一下当前显示元素的宽度的适配（当然，要做的可能不仅仅是这个）。很多... 阅读全文
posted @ 2015-06-02 15:34 axl234 阅读(261) 评论(0) 推荐(0)
响应式网页设计的9条基本原则
摘要：响应式网页设计是针对多屏幕问题的一个很好的解决方案，但从印刷的视角来看有点困难。没有固定的页面尺寸，没有毫米或英寸，没有任何的物理限制，无从下手。为了desktop和mobile单独使用像素设计的方法也成为了过去，因为越来越多的设备都可以打开网站。因此，我们需要弄清楚响应式网页设计的一些基本原则，接... 阅读全文
posted @ 2015-05-21 17:35 axl234 阅读(180) 评论(0) 推荐(0)
移动端H5页面之iphone6的适配
摘要：iphone6 及 iphone 6 plus 已经出来一段时间了。很多移动端网站，以前写死body 为320px的，现在估计也忙着做适配了。大屏幕手机其实一直有，只是以前大家没怎么重视，移动端的H5页面大部分都以320px为基准宽度进行布局，那些大屏屌丝android用户也懒得去理，而现在ipho... 阅读全文
posted @ 2015-05-21 16:24 axl234 阅读(696) 评论(0) 推荐(0)
玩转HTML5移动页面
摘要：1.快速输出静态页面2.加上高级大气上档次狂拽炫酷屌炸天的动画让页面动起来作为一个有志向的前端，当然是选2啦！可是需求时间又很短很短，怎么办呢？这次就来谈谈一些动画设计的小技巧，能在你时间不多又没有动画想法的时候瞬间让页面增色不少。同时也会谈及移动端H5页面的优化细节与关键点，因此本文章将分为动效篇... 阅读全文
posted @ 2015-05-21 15:56 axl234 阅读(311) 评论(0) 推荐(0)
移动端WEB开发 代码片段
摘要：WebApp是指基于Web的系统和应用，其作用是向广大的最终用户发布一组复杂的内容和功能（不明白说的是什么）。其实Web APP就是一个针对Iphone、Android等智能手机优化后的web站点，它使用的技术无非就是HTML或HTML5、CSS3、JavaScript，服务端技术JAVA、PHP等... 阅读全文
posted @ 2015-05-06 15:59 axl234 阅读(468) 评论(0) 推荐(0)
移动端尺寸基础知识科普指南
摘要：首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480×800, 480×854, 540×960, 720×1280, 1080×1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640×960, 640×1136, 75... 阅读全文
posted @ 2015-05-06 15:55 axl234 阅读(329) 评论(0) 推荐(0)
移动前端系列——移动页面性能优化.
摘要：随着移动互联网的发展，我们越发要关注移动页面的性能优化，今天跟大家谈谈这方面的事情。首先，为什么要最移动页面进行优化？纵观目前移动网络的现状， 移动页面布局越来越复杂，效果越来越炫，直接导致了文件越来越大，下载和运行速度越来越低，而速度低会造成不良影响，据统计： 71%的用户期望移... 阅读全文
posted @ 2015-03-10 15:00 axl234 阅读(301) 评论(0) 推荐(0)
移动前端系列——移动端页面坑与排坑技巧
摘要：对于前端开发者来说移动端存在更多的挑战，移动端页面开发过程中会碰到各种各样千奇百怪的问题（我们俗称BUG或坑），那么今天我为大家分享移动端页面开发过程中的一些坑和排坑技巧。 移动端页面在不同设备、不同操作系统 、不同运行环境下都可能造成各种各样的没有碰到过的的坑，相比曾经的IE6坑多了。下面先介绍... 阅读全文
posted @ 2015-03-10 14:58 axl234 阅读(524) 评论(0) 推荐(0)
微信朋友圈分享js代码最新2015年无错版
摘要：最近微信对分享做了进一步规范，导致很多分享都不起作用了，今天跟大家分享，2015年最新修无错的！以下是主要微信分享页面代码：（其中红色部分主要懒友自己填写自己哈。）GetSignPackage();?> TEST.. 阅读全文
posted @ 2015-03-05 14:26 axl234 阅读(613) 评论(0) 推荐(0)
Egret初体验–躲避类小游戏
摘要：下面简单介绍一下我这个游戏：基本上就3个画面（准备再添加一个胜利的界面）开始画面，一个按钮，点击进入游戏游戏画面，滚动的背景，触摸移动的老鹰，从天而降的翔，以及右上角的时间条结束画面，显示结果，关注按钮和重玩一次按钮游戏主文件：GameContainer.ts（游戏逻辑）4个类文件：GameUtil... 阅读全文
posted @ 2015-01-23 15:03 axl234 阅读(1278) 评论(0) 推荐(0)
jQuery模拟原生态App上拉刷新下拉加载
摘要：jQuery模拟原生态App上拉刷新下拉加载效果代码，鼠标上拉时会显示loading字样，并且会模拟加载一条静态数据，支持触屏设备使用。jQuery模拟原生态App上拉刷新下拉加载效果 Loading... Slide 1 Slide 2 ... 阅读全文
posted @ 2015-01-09 14:42 axl234 阅读(909) 评论(0) 推荐(0)
响应式内容滑动插件bxSlider
摘要：bxSlider特性1.充分响应各种设备，适应各种屏幕；2.支持多种滑动模式，水平、垂直以及淡入淡出效果；3.支持图片、视频以及任意html内容；4.支持触摸滑动；5.支持Firefox，Chrome，Safari，iOS，Android，IE7+如何使用bxSlider1、首先是加载jQuery库... 阅读全文
posted @ 2014-12-16 15:18 axl234 阅读(451) 评论(0) 推荐(0)
PHP和JAVASCRIPT判断访客终端是电脑还是手机
摘要：当用户使用手机等移动终端访问网站时，我们可以通过程序检测用户终端类型，如果是手机用户，则引导用户访问适配手机屏幕的移动站点。本文将介绍分别使用PHP和JAVASCRIPT代码判断用户终端类型。PHP版我们使用PHP的$_SERVER['HTTP_USER_AGENT']来获取手机用户浏览器的用户代理... 阅读全文
posted @ 2014-12-16 15:14 axl234 阅读(229) 评论(0) 推荐(0)
让手机站点像原生应用的四大途径
摘要：在移动设备上构建设计良好的网站慢慢变得越来越容易。不论使用什么方法(响应式设计、自适应等),如果你了解你所做的,创建一个美观的网站不是问题。但你的用户可能仍然要求网站有原生app的体验。完成这样的体验是一个挑战。大多数时候,当人们谈论“app”或“原生”的感觉,他们讲的的不是一个网站的视觉体验。他们... 阅读全文
posted @ 2014-12-16 14:19 axl234 阅读(189) 评论(0) 推荐(0)
iSlider手机平台JS滑动组件
摘要：iSlider手机平台JS滑动组件，无任何插件依赖。它能够处理任何元素，例如图片或者DOM元素。它有如下特性：能够自定义动画，自带的动画包括default, rotate, flip 和 depth你能够简易地添加回调函数(onslidestart, onslide, onslideend, ons... 阅读全文
posted @ 2014-12-10 19:14 axl234 阅读(846) 评论(0) 推荐(0)
css3前端工具
摘要：随着CSS3的出现，CSS3讨论的话题越来越多了，现在各种教程也是多如牛毛，不比一年前的时候，找个资料要捞遍整个互联网，而且还很难找到自己需要的参考资料。从侧面也说明，CSS3对于前端工程师来说，越来越重要了，从各处的招聘信息也能看出这一点。说这么说我想强调的是他的重要性。另一方面，有很多CSS3的... 阅读全文
posted @ 2014-12-05 11:46 axl234 阅读(357) 评论(0) 推荐(0)
移动端页面制作3
摘要：12：popuppopup分为两种：一种是内容比较多，直接以全屏显示， 一种是少量内容的popup提示popup page第一种形式，设计结构如下： ... 因为这种形式内容可能会比较长，有可能会有滚动效果，所以头部（含有关闭按钮）采用固定，动画设计使用translate... 阅读全文
posted @ 2014-12-04 11:10 axl234 阅读(259) 评论(0) 推荐(0)

上一页 1 2 3 4 5 下一页