移动端web

移动端webapp开发必备知识

移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。 一、基本概念 （1） CSS pixels与device pixels CSS pixels： 浏览器使用的抽象单位， 主要用来在网页上绘制内容。 device pixels： 显示屏
·2015-11-08 14:56

移动端web页面使用position:fixed问题

在做移动端项目时，碰到一个很纠结的问题，头部固定的问题，一开始使用fixed，发现一系列的问题， 问题1：footer输入框 focus 状态，footer 被居中，而不是吸附在软键盘上部。 测试环境：iPhone 4s&5 / iOS 6&7 / Safari 问题2：页面底部，footer输入框失去焦点时，header定位出错。当页面有滚动动作时，header定位恢复正常。
·2015-11-07 14:56

移动端web开发技巧和常见问题

常见问题 1、移动端如何定义字体font-family 三大手机系统的字体： ios 系统 默认中文字体是Heiti SC 默认英文字体是Helvetica 默认数字字体是HelveticaNeue 无微软雅黑字体 android 系统 默认中文字体是Droidsansfallback 默认英文和数字字体是Droid Sans 无微软雅黑字体 w
·2015-11-07 12:38

【微信平台&后台管理】第一个外包项目：XX科技城微信平台项目总结

这个项目是和学长一起做的，项目的甲方是大庆某房地产土豪，项目要求就是搭建一整套的微信平台和微信平台管理系统，具体要求就是：回复关键字能拿到移动端web界面的网址，然后点击进入之后是完美显示的。
·2015-11-07 11:34

Hammer.js

最初在开发移动端Web的时候使用w3c标准的语法结构和原生的js开发
·2015-11-07 10:52

Hammer.js

最初在开发移动端Web的时候使用w3c标准的语法结构和原生的js开发
·2015-11-03 22:16

移动端web app自适应布局探索与总结

1、困扰多时的问题在这之前做webapp开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640*1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置，例如背景图的多倍图、基础字体大小、图标宽高。这样做的弊端很明显：1.做出来的页面在各种手机端看起来的物理大小（
jnpd·2015-11-02 16:00

Remote Debugging Chrome 结合Genymotion模拟器的移动端web真机调试

尝试了好多方法，刚开始想用bluestacks调试手机页面，不过在打开chrome的时候，会黑屏，什么也看不了。最后又是更新android系统，又是卸掉bluestacks重新安装，怎么都不行。最后没办法弃用bluestacks，改用Genymotion。 这样就可以在pc上模拟真机环境调试移动端样式了。以后打包成phonegap的话， ============================
·2015-11-01 14:08

移动端Web开发之我见

Web比App简单？ 前两天有人问手机上做网页简单还是做app简单，我真答不上来。很多人会不以为意的说当然是网页简单，但真的是这样吗？放眼现在上线的手机网页，大多数都是平时pc的技术沿用过来的，鲜有新时代的影子。看来看去也就淘宝、豆瓣、知乎这种大公司对移动网页有一定的思考，但是他们的处理方式都各不相同！ 视觉上区分： jquerymobile风格(http://m.ctrip.com
·2015-10-31 11:07

前端

浅谈html5移动web开发：http://sc.chinaz.com/info/130410113358.htm 移动端web开发小记：http://www.daqianduan.com/4441.
·2015-10-31 09:58

HTML5与移动端web学习笔记

HTML5 提供了很多新的功能，主要有： 新的 HTML 元素，例如 section, nav, header, footer, article 等 用于绘画的 Canvas 元素 用于多媒体播放的 video 和 audio 元素 用于定位的 Geolocation API 本地存储以及离线应用 Web Workers、Web WebSocket API 移动前端开发
·2015-10-31 08:14

移动端webapp开发必备知识

移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。   一、基本概念   （1） CSS pixels与device pixels CSS pixels： 浏览器使用的抽象单位， 主要用来在网页上绘制内容。 device
·2015-10-30 12:23

2015年---移动端webapp知识总结

这段时间里我学习了很多东西，而且都是我们移动端webapp的同学值得去学习的。
·2015-10-30 10:16

移动端web app自适应布局探索与总结

1、困扰多时的问题在这之前做webapp开发的的时候，在自适应方面一般都是宽度通过百分比，高度以iPhone6跟iPhone5之间的一个平衡值写死，我们的设计稿都是iPhone5的640*1136标准，所以高度一般取个大概值，各种图标的宽高也是取平衡值写死，然后部分样式通过媒体查询来设置，例如背景图的多倍图、基础字体大小、图标宽高。这样做的弊端很明显：做出来的页面在各种手机端看起来的物理大小（高度
邓木琴居然被盗用了·2015-10-30 00:00

移动端Web Meta标签

      原文  http://blog.segmentfault.com/jianjian_532633/1190000000654839 添加到推刊   在介绍移动端特有 meta 标签之前，先简单说一下 HTML meta 标签的一些知识。 meta 标签包含了 HTTP 标题信息 (http-equiv)
·2015-10-27 15:23

微信公众号开发教程

说白了，公众号的开发就是基于HTML/CSS/JS的移动端Web App的开发。但微信公众号和普通的移动Web App开发还略有不同，由于非常多情况下我们会调用公众号的接口。
·2015-10-27 13:39

移动Web初级入门

原文摘自我的前端博客，欢迎大家来访问 原文地址：http://www.hacke2.cn/hello-mobile-aop/ 一些基本名词 初涉移动Web，会有一些基本的名称需要掌握，什么设备像素比呀，移动端
·2015-10-27 11:13

再谈移动端Web屏幕适配

一个多月前水了一篇移动web屏幕适配方案，当时噼里啪啦的写了一通，自我感觉甚是良好。不过最近又有一些新的想法，和之前的有一些不同。 先说一下淘宝的方案，感觉现在好多的适配方案都是受了它的影响，上周六看了winter在一个会议的分享，讲到了这个方案。现在你谷歌一下移动web适配，绝对可以看到很多类似的，切活动页的童鞋都忍不住试一把。这些方案和我的博客写的其实还是相似的，就是抛弃了那种viewport
zjzhome·2015-10-26 23:00

移动端的文章分页和排版

APOMW   Article Pagination Of Mobile Web 移动端Web的文章排版，主要用于 SPA(Single Page Application) 形态的阅读产品中
·2015-10-23 08:15

css relayout repaint导致ios下的bug

问题近日在做移动端web时发现一个问题就是在ios中如果动画元素使用了lefttop值时在微信易信客户端中不能使用系统的复制文本功能了。
Hockor·2015-10-22 00:00

由弹出层引发对滚动原理的讨论

前言上一篇为了解释移动端web的事件和点击穿透问题，我做了一个弹出框做例子，见demo。
依然宁静·2015-10-13 00:00

移动端WEB开发，click,touch,tap事件浅析

一、click和tap比较两者都会在点击时触发，但是在手机WEB端，click会有 200~300ms，所以请用tap代替click作为点击事件。singleTap和doubleTap分别代表单次点击和双次点击。二、关于tap的点透处理在使用zepto框架的tap来移动设备浏览器内的点击事件，来规避click事件的延迟响应时，有可能出现点透的情况，即点击会触发非当前层的点击事件。处理方式：（1）、
dhj·2015-10-12 18:00

也来说说touch事件与点击穿透问题

前言做过移动端H5页面的同学肯定知道，移动端web的事件模型不同于PC页面的事件。
依然宁静·2015-10-12 00:00

移动端web之像素基础

px:csspixels逻辑像素，浏览器使用的抽象单位dp,pt:deviceindependentpixels设备无关像素dpr:devicePixelRatio设备像素缩放比计算公式：1px=(dpr)2*dpiphone5的dpr等于2因此：平面上1px=4*dp 640dp*1136dp纬度上1px=2*dp 320px*568pxDPI:打印机每英寸可以喷的墨汁点PPI：屏幕每英寸的像素
du度·2015-09-16 22:00

移动web屏幕适配方案

刚进部门就被拉去趟移动端Web的浑水，视觉稿是按照640px设计的。那如何做屏幕适配呢？
zjzhome·2015-09-12 17:00

移动端web整理 移动端问题总结，移动web遇到的那些坑

http://segmentfault.com/a/1190000002712653#articleHeader27http://www.cnblogs.com/PeunZhang/p/3407453.html#question_20meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方
kongjiea·2015-09-07 11:33

移动端web整理 移动端问题总结，移动web遇到的那些坑

http://segmentfault.com/a/1190000002712653#articleHeader27http://www.cnblogs.com/PeunZhang/p/3407453.html#question_20meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方
kongjiea·2015-09-07 11:00

TypeScript系列1-简介及版本新特性

由于ReactJS目前移动端仅仅支持iOS，因此移动端Web开发框架只能选择:AngularJS/Angula2+Ionic框架+Cordova。
一配·2015-08-15 22:00

移动端web前端问题处理小技巧

移动端，数字去除电话格式，头部加 移动端，某区域设置有滚动条时，解决滚动不顺畅问题，实现弹性滚动，加样式：overflow-y:auto;-webkit-overflow-scrolling:touch;移动端，给元素加click事件没反应时，加样式：cursor:pointer;试试看移动端，当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景闪一下
qq_16494241·2015-08-13 17:00

移动端WEB开发，click,touch,tap事件浅析

一、click和tap比较两者都会在点击时触发，但是在手机WEB端，click会有 200~300ms，所以请用tap代替click作为点击事件。singleTap和doubleTap分别代表单次点击和双次点击。二、关于tap的点透处理在使用zepto框架的tap来移动设备浏览器内的点击事件，来规避click事件的延迟响应时，有可能出现点透的情况，即点击会触发非当前层的点击事件。处理方式：（1）、
柒月-小妖精·2015-08-03 18:00

移动端web自适应解决方案： adaptive.js

github:https://github.com/finance-sh/adaptiveadaptivejs利用rem解决移动端页面开发的自适应问题页面模板初始化的时候不用设置viewport标签，由js生成。我们在head标签的顶部引入js，按以下方法使用即可使用方法：在页面head写入以下代码，实时更新html的fontsize: //有缩放，精确还原设计图//没有缩放，能快速开发的版本w
mufc-go·2015-07-06 18:00

html5游戏移植到android并打包成apk，加广告《一》

先来看看效果1.Html5游戏源码及演示2.封装好的游戏apk技术概述：制作好的html5游戏，腾讯X5浏览器内核SDK，androidapi腾讯X5浏览服务由QQ浏览器团队出品，致力于优化移动端webview
jsphnld·2015-06-06 09:35

html5游戏移植到android并打包成apk，加广告《一》

先来看看效果1.Html5游戏源码及演示 2.封装好的游戏apk 技术概述：制作好的html5游戏，腾讯X5浏览器内核SDK，androidapi 腾讯X5浏览服务由QQ浏览器团队出品，致力于优化移动端
喧嚣求静·2015-06-06 09:00

html5游戏移植到android并打包成apk，加广告《一》

先来看看效果1.Html5游戏源码及演示 2.封装好的游戏apk 技术概述：制作好的html5游戏，腾讯X5浏览器内核SDK，androidapi 腾讯X5浏览服务由QQ浏览器团队出品，致力于优化移动端
喧嚣求静·2015-06-06 09:00

移动web前端小结

接下来就是搜一堆教程，然后开始编写代码，三天后，我的第一个移动端web页面编写完成。
·2015-05-30 22:00

React.js 要点

这是我的原创文章，原始地址：http://lpgray.me/article/50/最近在公司的一个移动端WEB产品中使用了React这个框架（并不是React-Native），记录一下在开发过程中遇到的各种问题以及对应的解决方法
叔叔张·2015-05-05 00:00

移动端Web开发注意点

不用考虑浏览器兼容性 移动端开发主要对象是手持设备，其中绝大部分是IOS和Android系统，so，在开发此类页面时不必纠结IE和其他一些2B浏览器的兼容性，webkit是本次开发重点。 当然，不同版本的Android是存在一些问题的，还有就是不同浏览器的版本也存在一些差别，IOS在这方面表现甚好。 所以在开发时我们只需使用Chrome进行调试即可，话说Chrome的开发者工具也是灰常不错的
·2015-05-01 22:00

WebApp开发技巧精华总结~1

自打工作以来，小码哥真心很少接触移动端webApp页面的开发。因此，有好多东东，对小码哥来说都是大姑娘上轿头一遭儿啊！！下面是小码哥在网上看到的一篇关于讲解和分析webApp开发方面技巧的文章。
web郭乐·2015-04-30 15:50

HTML5与移动端web学习笔记

概述HTML5提供了很多新的功能，主要有：新的HTML元素，例如section,nav,header,footer,article等用于绘画的Canvas元素用于多媒体播放的video和audio元素用于定位的GeolocationAPI本地存储以及离线应用WebWorkers、WebWebSocketAPI移动前端开发可分为：手机网页开发。这部分跟web前端开发差别不大，使用的技术都是html+
trigkit4·2015-04-27 00:00

移动Web初级入门

一些基本名词初涉移动Web，会有一些基本的名称需要掌握，什么设备像素比呀，移动端Web的内核呀，viewport呀，屏幕的的最小物理单位呀。我已经记录了一些，以后还得继续补充。
hacke2·2015-04-25 22:00

移动端web页面前端开发总结

么办法嘛，，，不过，幸好小码哥看到下面一个大概介绍移动端web前端开发的文章，希望对码友们有所帮助。嘎嘎 1.四大浏览器内核1.Trident(IE浏览器):因为在早期IE占有大量
web郭乐·2015-03-11 10:18

Axis1.4和Axis2.1.5实现调用.net编写的WebService方法

       公司要将开发一个移动端web项目，本人只会Java，因此就有了和.net编写的WebService产生交互的需求，这几天查找了很多资料，经过同学推荐
aosifer·2015-03-05 14:00

移动端ｗｅｂ头标签

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view
yangbinfx·2015-02-04 20:00

移动端web头标签

<!DOCTYPE html><!-- 使用 HTML5 doctype，不区分大小写 --> <htmllang="zh-cmn-Hans"><!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head> <!-- 声明文档使用的字符编码 --&g
yangbinfx·2015-02-04 20:00

OSChina 技术周刊第二十期 —— 使用 Docker 搭建 Java Web 运行环境

移动开发【软件】移动端web框架FrozenUI【博客】Android各种Adapter的用法服务端开发/管理【翻译】2014Docker的竞争随即而来【翻译】Docker和PID1僵尸进程问题【软件】
OSC编辑部·2015-02-01 10:00

hammerJs-v2.0.4详解

最初在开发移动端Web的时候使用w3c标准的语法结构和原生的js开发，但相对
kongjiea·2015-01-22 10:00

web app 自适应方案总结 关键字 弹性布局之rem

http://www.w3cplus.com/css3/define-font-size-with-css3-rem现在移动端webapp的自适应布局的方案有5种。
break_happy·2015-01-18 15:00

移动端Web开发调试之Weinre调试教程

在设计师与前端开发人员的努力下，一个WebApp出炉了，可是测试人员说了一堆的问题：某某机型下页面表现不一致，某某系统下页面如何如何，某某系统浏览器下页面怎么怎么滴。看着满满的测试汇总文档，我们曾经在一个又一个知名或不知名的手机终端上重复着这些工作：仔细的排查代码，alert可疑的变量，甚至不惜重构来尝试解决这种不一致的问题。虽然说Android4.0+以上的移动设备支持桌面版Chrome远程调试
freshlover·2015-01-12 11:00

移动端Web系列3 -- viewport

写在前面这里就跳过了文档申明知识的介绍了，这么好的机会还不用html5的，你还在等什么？概念了解：devicepixelsandcsspixelscss像素：浏览器使用的抽象单位，主要用来在网页上绘制内容设备像素：显示屏幕的最小物理单位，每个dp包含自己的颜色、亮度css1px!=device1px概念了解：screensizeandwindowsizeviewport由来由于手机屏幕相对桌面显示
a0100034930·2015-01-06 13:09

携程移动端数据采集及应用

携程移动端数据采集及应用2013年，携程移动端“拇指+水泥”战略启动，在移动端web/hybrid/nativeapp不同环境下的用户行为数据采集，以及基于数据的应用场景分享。
李航421·2014-12-16 17:00
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他