移动Web

移动web初体验

1.可视宽度、物理宽度、虚拟宽度，通常自适应都是可视宽度满屏。即设置meta 2.css媒体查询分辨率@mediascreenand(min-width:XXXpx)@mediascreenand(min-width:1280px){ .strong{ color:red; } } @mediascreenand(max-width:480px){ .strong{ color
Steven犹殇·2016-03-02 19:00

常用移动web开发框架

1.1jQuerymobileflat-ui主题1.2jQuerymobileBootstrap主题4.1 GMU 4.2 Clouda+ 4.3efe  5.1 Spirit5.2FrozenUI   纯粹的总结一下移动
fang_beny·2016-03-02 11:00

谈一谈HTML5本地存储技术

本地缓存是HTML5出现的新技术，这个技术的出现使得移动web的开发成为了可能。我们都知道，要想打造一个高性能的移动应用，速度是关键。而在HTML5之前，只有cookie能够存储数据，大小只有4kb。
佚名·2016-03-02 09:24

【移动适配】移动Web怎么做屏幕适配（一）

屏幕适配是一个很容易被忽略的问题，但对于精益求精的产品而言，是必不可少的。对于Web开发的求职者而言，也是一个必需要理解清楚的经典问题文|啃先生Mar,1st,2016壹|Fisrt移动端适配的是什么？我们讨论的是网页适配多种尺寸屏幕，让网页效果看起来和设计师的设计稿一样。说白了就是同一套代码在不同分辨率的手机上跑时，页面元素间的间距，留白，以及图片大小会随着变化，在比例上跟设计稿一致。举个例子吧
啃先生·2016-03-02 00:00

2015 年 JavaScript 开发者调查报告

97.4%的受访者写JavaScript的Web浏览器，其中有37%写移动Web应用。一些参与者回复，他们会在其他地方用JavaScript，特别是在开发中的CLI和桌面应用。
稻草人.Net·2016-02-29 22:00

【学习笔记】移动Web手册（PPK力作）

毕竟移动端开发了一段时间，就写一写读《移动web手册》中，对我感触比较深的几个点——一、浏览器相关1.浏览器的类型——内置浏览器、可下载浏览器、代理浏览器以及webview。
金广国·2016-02-29 14:00

HTML5移动开发实战必备知识——本地存储(1)

     本地缓存是HTML5出现的新技术，这个技术的出现使得移动web的开发成为了可能。我们都知道，要想打造一个高性能的移动应用，速度是关键。
fareise·2016-02-27 20:00

19个免费的UI界面设计工具及资源

jQTouch移动web开发的jQuery插件，支持iPhone,iPodTouch等。FreeWebUIWireframeKit这个webUI线框模板工具，可以编辑对象，并某种情况下
zang141588761·2016-02-26 09:00

WeUI 入门教程

WeUI是由微信官方设计团队专为微信移动Web应用设计的UI库：http://www.weui.org.cn/?/article/1。
cometwo·2016-02-24 23:00

WeUI 入门教程

WeUI是由微信官方设计团队专为微信移动Web应用设计的UI库：http://www.weui.org.cn/?/article/1。
cometwo·2016-02-24 23:00

移动web app开发必备 - 异步队列 Deferred

背景移动webapp开发,异步代码是时常的事,比如有常见的异步操作：Ajax（XMLHttpRequest）ImageTag，ScriptTag，iframe（原理类似）setTimeout/setIntervalCSS3Transition
左正·2016-02-24 18:00

移动web资源整理

meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 viewport模板viewport模板——通用                                
Seas0n_·2016-02-22 12:00

移动web资源整理

meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari 将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式 viewport模板viewport模板——通用                                
_Seas0n·2016-02-22 12:00

HTML5开发移动web应用——SAP UI5篇(9)

之前我们对于app的构建都是基于显示的，现在我们来格式化一下，引入更多的SAPUI5组件概念。这使得APP的一个界面更有层次性，更像是一个手机应用的界面，并且更好地使用SAPUI5中提供的功能。每个不同的层次都有不同的功能。首先修改App.view.xml文件代码： homePageTitle}"> helloPanelTitle}"> showHelloButtonText}" pre
fareise·2016-02-20 21:00

移动web：转盘抽奖(幸运大转盘)

为了获取客户、回馈客户，平台一般会推出抽奖活动类的营销页。因此web页面中，有各式各样的抽奖效果。格子式(九宫格)，背景滚动式(数字/文字/图案)，旋转式(转盘)，游戏式(砸蛋/拼图...)......这里来讲解下转盘抽奖效果。当用户进入这个抽奖页面时，一般会“华丽”的设计所吸引，虽然明知中奖几率几乎等于0，图个运气，都会去点“开始抽奖”，于是“折腾”开始了。你还没有登录，请登录后再来你还没有抽奖
eyeear·2016-02-19 12:00

HTML5开发移动web应用——SAP UI5篇(8)

本次对之前学习的SAPUI5框架知识进行简单小结，以及重点部分知识的梳理。1、在UI5使用过程中，命名空间的概念很重要。2、一般的sap组件引用格式如下：sap.ui.define([ "sap/ui/core/UIComponent", "sap/ui/model/json/JSONModel", "sap/ui/model/resource/ResourceModel"],function(U
fareise·2016-02-18 17:00

浅谈HTML移动Web开发

一.响应式Web设计PC端常用的两种布局方式就是固定布局和弹性布局,前者设置一个绝大多数电脑能征服显示的固定宽度居中显示,后者则采用百分百.响应式布局意味着媒体查询,响应式web设计并非新的技术,只不过将已有的开发技巧(弹性布局,弹性图片和媒体查询等)整合在一起1.媒体查询,并非新出现的技术.其中就使用了媒体查询,通过标签的media属性为样式表指定了设备类型,当然css3时代的媒体查询更加丰富 
我想我是海~~·2016-02-17 16:00

HTML5开发移动web应用——SAP UI5篇(7)

SAPUI5中支持利用Component对组件进行封装。想封装一个组件，Component的基本代码如下：sap.ui.define([ "sap/ui/core/UIComponent"],function(UIComponent){ "usestrict"; returnUIComponent.extend("",{ init:function(){ //calltheinitfunctio
fareise·2016-02-17 16:00

《移动Web手册》读书笔记

关于浏览器代理浏览器：显示静态文件，生成简单的UI，高度压缩资源文件，只需要一个请求和响应，节省流量，对于HTML/CSS处理很好，但没有客户端交互（每触发一次js，都可能抓取新的内容，返回新的页面，这个我在OperaMini上尝试过，点击“展开阅读全文”，需要等待较长时间，且刷新了整个页面）。混合浏览器：既可以做完备浏览器，又可以做代理浏览器，如OperaMobile，Chrome等。Andro
燕子酱·2016-02-17 00:00

BAT及各大互联网公司2014前端笔试面试题：HTML/CSS篇

BAT及各大互联网公司2014前端笔试面试题：HTML/CSS篇2014/08/03·Web前端,开发·CSS,HTML,技术面试分享到：188MongoDB集群之分片技术应用Hello，移动WEBLinux
just2014·2016-02-16 20:00

移动WEB前端开发资源整合

原文地址https://segmentfault.com/a/1190000003978778meta篇1.视窗宽度其中 width=device-width 是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如： width=640 则是640px的宽度（常见于微信）；initial-scale=1.0 ：设置缩放比例为1.0；minimum-scale=1.0 和 maximum-scale=1
hupan508·2016-02-16 16:00

移动WEB 性能优化方案

最近一项 研究表明,80%的网民对移动端的浏览体验感到失望,同时,当体验提升时,他们会在智能手机上花费更多的时间。这不奇怪，因为64%的智能手机用户希望网站可以在4秒内加载完毕，但一半的网站花费了二倍以上的时间，达到了9秒。这篇文章会阐述一些可以使你的网站在移动端跑得更快的技术。移动端用户的下载速度让我们来研究下究竟是什么影响了智能手机上的网页加载速度。最明显的原因是智能机的网速。最佳情况下，移动
创业男生·2016-02-16 15:00

HTML5开发移动web应用——SAP UI5篇(6)

··在SAPUI5中，使用i18n文件的方式来解析变量。对于以后开发不同的语言包，也有对应不同的i18n文件。我们先来大体看一下在SAPUI5中，i18n是如何使用的。首先我们建立一个文件，文件名为i18n.properties。在其中编写如下内容：showHelloButtonText=Say HellohelloMsg=Hello {0}这里其实定义了几个变量或者方法的值。要调用他们，我们首先
fareise·2016-02-16 10:00

网页自动适应手机屏幕

对于viewport属性，我是真正在接触移动web开发是才遇到的，一把的ps布局都是固定的960px，1000px这种。二. 不使用绝对宽度由于网页会
镜子-正衣冠-知得失·2016-02-15 16:00

HTML5开发移动web应用——SAP UI5篇(5)

  了解掌握了MVC中的V和C，这次我们来学习一下M数据模型这一部分的内容。  首先，修改App.controller.js文件的内容，代码如下：sap.ui.define([ "sap/ui/core/mvc/Controller", "sap/m/MessageToast", "sap/ui/model/json/JSONModel"],function(Controller,MessageT
fareise·2016-02-15 15:00

移动web开发框架研究

 原文链接：http://blog.csdn.net/xyz_lmn/article/details/41052977 纯粹的总结一下移动web开发框架，移动web开发框架有jQueryMobile、SenchaTouch
fareise·2016-02-11 21:00

HTML5开发移动web应用——Sencha Touch篇(12)

SenchaTouch同样可以使用地图、多媒体等插件。1、Map组件我们通过Ext.Map定义Map组件，其xtype为map。除了使用该插件外，还要调用Google的地图API所使用的js文件，代码如下：引入该文件后，我们就可以编写js代码来显示地图了：Ext.require(‘Ext.Map’)Ext.application({//省略其他配置项...launch:function(){var
fareise·2016-02-10 11:07

HTML5开发移动web应用——Sencha Touch篇(12)

  Sencha Touch同样可以使用地图、多媒体等插件。  1、Map组件   我们通过Ext.Map定义Map组件，其xtype为map。除了使用该插件外，还要调用Google的地图API所使用的js文件，代码如下：  引入该文件后，我们就可以编写js代码来显示地图了： Ext.require(‘Ext.Map’) Ext.application({ //省略其他配置项... launch:
fareise·2016-02-10 11:00

HTML5开发移动web应用——Sencha Touch篇(11)

  DataView与数据库的交互还有许多更加深入的内容，包括与数据库、PHP等的综合运用，服务端数据的增删改查等。因为目前其实还处于入门阶段，所以我们将这一块最复杂的部分先放一放，接下来进入List组件的部分。  List组件继承了DataView的所有属性，它用于以列表等形式展示数据，是Sencha Touch中功能非常强大的一个组件。基本使用方法如下：launch:function(){ E
fareise·2016-02-08 19:00

HTML5开发移动web应用——SAP UI5篇(4)

  我们在项目中添加Controller，来设定控制器。我们制作一个按钮，点击该按钮后，自动弹出hellow,world的对话框。修改App.view.xml中代码为如下形式：   在头部通过controllerName定义了controller的命名空间。添加了Button标签，定义了一个按钮，并设定了其text属性和press属性。press定义了点击后执行的函数为onShowHello。视
fareise·2016-02-08 10:00

HTML5开发移动web应用——Sencha Touch篇(10)

我们把数据可视化出来，为的就是进行一些针对数据的操作。这里介绍一下DataView的排序功能和搜索功能。掌握这两个技能，可以让写出的数据界面内的数据能够根据要求进行排序，可以进行数据的搜索显示灯功能。一、排序当我们想根据数据的某一个字段排序时，可以调用sort方法：store.sort(‘lastName’,’asc’);其中，store是我们定义好的数据仓库，调用sort方法进行排序。sort方
fareise·2016-02-07 14:08

HTML5开发移动web应用——Sencha Touch篇(10)

  我们把数据可视化出来，为的就是进行一些针对数据的操作。这里介绍一下DataView的排序功能和搜索功能。掌握这两个技能，可以让写出的数据界面内的数据能够根据要求进行排序，可以进行数据的搜索显示灯功能。  一、排序  当我们想根据数据的某一个字段排序时，可以调用sort方法：  store.sort(‘lastName’,’asc’);    其中，store是我们定义好的数据仓库，调用sort
fareise·2016-02-07 14:00

HTML5开发移动web应用——SAP UI5篇(3)

我们开始系统的进行SAP UI5的学习。SAP UI5采用的也是MVC的基础架构模型。在index.html中，我们需要做的内容如下：①引入相关的SAP UI5库文件②html标签编辑组件的盛放容器：③编写相关的js代码（这个以后要放到单独的文件中）sap.ui.getCore().attachInit(function(){ newsap.m.Text({ text:"HelloWorld" }
fareise·2016-02-07 11:00

HTML5开发移动web应用——Sencha Touch篇(9)

  DataView用于数据展示，我们来看看具体是如何将数据应用于该组件实现可视化的。  Sencha Touch支持XML和JSON的数据格式。二者虽然数据类型不同，但是在Sencha Touch中的操作都是类似的。我们来以XML举例。因为之前接触的XML比较少，下面给出XML数据的基本格式：文件名：bookInfo.xml1image/html51.jpgHTML5指南Toma good bo
fareise·2016-02-06 19:00

HTML5开发移动web应用——SAP UI5篇(2)

我们通过网上的一个小demo，学习一下SAP UI5基本代码的编写流程。这里在前面讲过的基本文件引入等这里就不重复介绍了。我们最后要做的是一个SAP UI5风格的表格，并添加了一些交互性很好的功能。首先在HTML中，编写如下简单内容即可：          这只是为了给UI5组件一个容器，让它们找到自己的位置。js代码实现主要功能。var oTable = new sap.ui.table.Tab
fareise·2016-02-06 08:00

HTML5开发移动web应用——Sencha Touch篇(8)

  DataView是Sencha Touch中最重要的组件，用于数据的可视化。数据可视化的重要性不言而喻，可以讲任何数据以形象的方式展示给用户。目前，如何更好地可视化是许多公司或框架都在追求的。通过数据的可视化可以发现数据之间的规律，预测未来的情况。下面我们就看看Sencha Touch中是怎么进行数据可视化的。    由于DataView组件内容非常多，所以将在以后的一段时间内持续这一部分的学
fareise·2016-02-05 20:00

HTML5开发移动web应用——Sencha Touch篇(7)

SenchaTouch中的Ext.DomHelper组件可以方便的实现对元素的追加或重写操作示例：launch:function(){ functionappendDom(){ Ext.DomHelper.append(‘my-div’,{ id:’url-list’, tag:’ul’,//指定追加的元素种类 cn:[//或children，使用数组形式定义数组内的子元素 { tag:’li’,
fareise·2016-02-04 16:00

HTML5开发移动web应用——SAP UI5篇(1)

在这个系列中，我们来探索一下SAPUI5这样一个企业级的移动web开发前端框架，并且和其他的HTML5前端框架进行一些比较，找出目前移动we
fareise·2016-02-03 18:59

HTML5开发移动web应用——SAP UI5篇(1)

在这个系列中，我们来探索一下SAP UI5这样一个企业级的移动web开发前端框架，并且和其他的HTML5前端框架进行一些比较，找出
fareise·2016-02-03 18:00

为页面减负的十大建议

移动Web访问正迅速发展，移动网民几乎占到所有网民的1/4。在典型的3G网络连接下，一个1.7Mb的网站加载需要近一分钟。如果你的网站无法高效工作于这些移动设备，那采用响应式Web设计技术又有什么用
jerrylsxu·2016-02-03 08:00

为页面减负的十大建议

移动Web访问正迅速发展，移动网民几乎占到所有网民的1/4。在典型的3G网络连接下，一个1.7Mb的网站加载需要近一分钟。如果你的网站无法高效工作于这些移动设备，那采用响应式Web设计技术又有什么用
jerrylsxu·2016-02-03 08:00

为页面减负的十大建议

移动Web访问正迅速发展，移动网民几乎占到所有网民的1/4。在典型的3G网络连接下，一个1.7Mb的网站加载需要近一分钟。如果你的网站无法高效工作于这些移动设备，那采用响应式Web设计技术又有什么用
jerrylsxu·2016-02-03 08:00

Twitter消息架构演进、移动Web技术的未来——QCon精彩话题前瞻

QCon北京2016将于4月21日~23日在北京国际会议中心举行，目前已经确定很多精彩话题。2月21日前报名，可享8折优惠。\\本次大会邀请了新浪微博研发副总经理杨卫华、美团网科学家、美团外卖配送事业群总架构师夏华夏和宜信大数据创新中心首席架构师洪强宁担任联席主席，为大会内容出谋划策。\\我们邀请了很多一线公司的技术专家担任专题出品人。包括：\\余弦，知道创宇技术副总裁，安全专题出品人。\\t王海
昵称4·2016-02-03 01:00

移动WEB前端开发资源整合

收藏起来，感谢原文大大:Bon~~~原文链接：http://www.ccwebsite.com/development-of-resource-integration-in-mobile-terminal/----------------------------------meta篇1.视窗宽度 其中 width=device-width 是设置视窗宽度为设备视窗宽度，还可以固定宽度，例如： w
半梦半醒。·2016-02-03 00:25

Twitter消息架构演进、移动Web技术的未来——QCon精彩话题前瞻

QCon北京2016将于4月21日~23日在北京国际会议中心举行，目前已经确定很多精彩话题。2月21日前报名，可享8折优惠。本次大会邀请了新浪微博研发副总经理杨卫华、美团网科学家、美团外卖配送事业群总架构师夏华夏和宜信大数据创新中心首席架构师洪强宁担任联席主席，为大会内容出谋划策。我们邀请了很多一线公司的技术专家担任专题出品人。包括：余弦，知道创宇技术副总裁，安全专题出品人。王海龙，58赶集技术工
臧秀涛·2016-02-03 00:00

高性能 CSS3 动画

高性能CSS3动画高性能移动Web相较PC的场景需要考虑的因素也相对更多更复杂，我们总结为以下几点：流量、功耗与流畅度。
盗梦者·2016-02-02 09:00

HTML5开发移动web应用——Sencha Touch篇(6)

本次我们来接触一下SenchaTouch中的AJAX以及相应的后台PHP程序。实现表单的AJAX异步提交需要设定的参数：url:表单提交时的目标URL地址standardSubmit:使用布尔值指定表单提交方式（true为同步，false为异步，默认为false） baseParams属性可以在表单中指定var formPanel = Ext.create(‘Ext.form.Panel’, {b
fareise·2016-01-31 20:00

移动WEB模拟原声APP滑动删除

移动WEB模拟原声APP滑动删除效果代码 模拟App滑动删除 body{ background-color:#f2f2f2; } h1{ text-align:center; font-size
陈朔的博客·2016-01-30 22:00

移动App测试中的最佳做法

作为一名敏捷软件开发团队的软件质量保证经理，我一心投入iPhone，Android，WindowsPhone7的移动apps和移动webapps。在XING移动团队的日常工作以及与其他移
yanghj·2016-01-30 18:00

Swipe JS – 移动WEB页面内容触摸滑动类库

想必做移动前端的同学经常会接到这样子的一个需求，就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换，这在移动设备是个很常见的一个效果，其用户体验远甚于点击一个按钮区域，通过手指的触摸操作也是移动设备的中一个特性，我们必须专业化的处理，哈哈。其实实现原理很简单，但平常中自己开发不是很方便。今天就为大家带来这样子的一个轻量级js触摸滑动类库–SwipeJS。这是一个非常小的一个ja
caigan·2016-01-27 23:00
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他