移动网站开发
文章平均质量分 71
灸哥漫谈
阿里十年老兵,现人工智能数据服务公司任技术总监。乐于分享,享受知识分享带来的乐趣。关注并擅长软件架构设计,程序员综合能力体系培养,技术管理能力培养,职场杂谈,行业分析!欢迎交流~
展开
-
利用HTML5的一个重要特性 —— DeviceOrientation来实现手机网站上的摇一摇功能
介绍之前做两个声明:1、以下代码可以直接运行,当然你别忘了引用jQuery才行,我可提醒了,别到时候跑不起来骂我就成;2、下面的实现思想参照了网上的一些文章,自己做了以下整理,对代码加入了一些注释说明,本人并非原创。// DeviceOrientation将底层的方向传感器和运动传感器进行了高级封装,提供了DOM事件的支持。// 这个特性包括两个事件:// 1、deviceOri原创 2013-04-28 10:19:05 · 2076 阅读 · 0 评论 -
前端性能优化的14个规则
作为一个半前端工程师,而且只会写点HTML5和CSS3的“假”前端工程师,为了能更好地理解一下前端的花花世界,最近拜读了《高性能网站建设指南》一书,对作者提出的前端性能优化的14个规则获益匪浅,为了让自己印象更深刻点,决定作此文,当做学习笔记也好,知识总结也罢,总归看过的东西要让自己很好地掌握很好地运用起来才是王道。在解读这些规则的同时,我会用我一年半多的移动网站开发经历提出一些针对移动网站的优化原创 2013-11-27 20:43:00 · 3950 阅读 · 0 评论 -
给你的移动网站加点料:推荐下载App,如果本地安装则直接打开本地App(Android/IOS)
纵观现在每家移动网站,打开首页的时候,都有各种各样的形式来提示你下载自身的移动App(Android/IOS),这是做移动客户端产品的一个很好地引流的手段。当然各家引流下载的交互和视觉各不相同,有的是完全“强奸”用户,有的是完全取悦用户。但是最终的形式就是你点击一个按钮之后,可以去下载对应的App(Android直接下载对应的Apk文件,IOS会跳转到App store的对应地址)。 之原创 2013-10-11 11:17:58 · 4847 阅读 · 1 评论 -
解读30个提高Web程序执行效率的好经验
其实微博是个好东西,关注一些技术博主之后,你不用再逛好多论坛了,因为一些很好的文章微博会告诉你,最近看到酷勤网推荐的一篇文章《30个提高Web程序执行效率的好经验》,文章写得不错,提到一些经验都比较实用,是我们每一个做前端开发的人员都必须知道的。本人逐条解读一下,个人意见可能比较浅薄,看看大家对各个经验点怎么看了。1、尽量避免使用DOM。当需要反复使用DOM时,先把对DOM的引用存到JavaS原创 2013-09-30 17:04:56 · 1355 阅读 · 0 评论 -
Web前端开发规范(二)
3、HTML代码规范.html文件必须存放在项目工程约定的目录中。.html文件的命名:以模块 + 功能的结合方式来命名,比如:newsList.html。文档类型声明:HTML4中使用,但是在HTML5中文档类型的声明方式被简化,直接:<!DOCTYPE html>就可以,同时支持小写。统一编码方式:在中定义。从网站优化的角度来看,一般情况下,CSS文原创 2013-09-12 16:38:10 · 1034 阅读 · 0 评论 -
关于移动网站网页的基本代码结构和一些移动网站开发建议
做成码农,我直接以代码形式来作为这篇文章的主要内容吧。 XXXXXXXX,发短信使用XXXXXXXX。 -->原创 2013-09-12 16:34:25 · 2691 阅读 · 0 评论 -
移动网站设计与开发的碎碎念
移动开发的快速发展让移动用户使用移动设备变得更容易。人们通过使用移动设备可以很容易地访问移动网页。根据最近的一项研究,超过 6300万的美国人通过移动设备访问不同的移动网站,其数量预计到2013年底达到近2亿。由于使用移动设备的人数在不断增加,因此对于设计师和开发人员 来说,专门设计适应移动设备访问的网站显得十分重要。 对于开发者或者设计者来说,移动开发就技术而言,不需要再花太多原创 2013-09-12 16:42:47 · 1011 阅读 · 0 评论 -
给你的移动网站加点料:时间轴的实现方案
我们经常在一些网站上看到一些关于公司大事记、网站更新记录之类的页面,尤其现在的一些电子商务网站,来一个以时间线为轴,来标记一些重要日子进行一些大促之类的活动,有了这样一个直观的时间轴的东东,可以让来浏览网页的用户能很快捕捉到一些有用的信息。 那么我们可不可以把这个时间轴做的动感一点?然后我们可不可以把PC上这么好玩的时间轴移植到移动网页上呢?答案当然是可以的。稍后我把代码送出来。 先来原创 2013-09-12 16:41:02 · 3614 阅读 · 0 评论 -
给你的移动网站加点料:移动旋转菜单的实现方案
在github上看到有人用HTML5 + CSS3 + Javascript实现了jQuery Wheel Menu(旋转菜单),因为本人供职于移动网站的开发,又不是一个专业的前端开发,所以看到这么炫的东东肯定就垂涎三尺,想移植到移动平台,当然最好一句代码不修改直接移植过来是最省事的,但是最终发现此大牛给出的Demo在移动端上展现是有一定问题的,所以在边看中国好声音的过程中,修改了他的一部分代码,原创 2013-09-12 16:40:29 · 1129 阅读 · 0 评论 -
PhoneGap&jQuery Mobile应用开发环境配置(For Android)
关于移动应用为什么用PhoneGap和jQuery Mobile本文不再赘述,有兴趣的童鞋可以自行问“度娘”,有很多这方面的文章。本文主要介绍PhoneGap&jQuery Mobile移动应用开发环境的具体配置。 PhoneGap是一个基于HTML(5)、CSS(3)、Javascript创建跨平台移动应用的开发框架(称之为平台可能更合适些)。从Adobe收购了PhoneGap之后,就有了原创 2013-09-12 16:39:28 · 1156 阅读 · 0 评论 -
Web前端开发规范(一)
1、前言网页开发技术从1989年开始至今已经走过了20余年,从最初纯粹的学术交流,到门户网站、电子商务网站、博客、E-mail、Web游戏、SNS网站等,以及到如今的移动Web网站(其实可以认为是PCWeb开发的一个延伸)的开发,已经涉及到我们的工作、学习、生活等各个方面。网页开发在外行人眼中也许有难度,高不可攀,但是对于内行人来说,是很简单 的,只要有一个文本编辑器,有个入门的教程,就可原创 2013-09-12 16:36:48 · 1188 阅读 · 0 评论 -
响应式Web设计(三):响应式Web设计的方法
介绍完响应式Web的背景和概念之后,是时候该介绍具体的实现方法了,其实响应式Web设计的方法很简单,就是利用CSS3的媒体查询Media Queries和Viewport来解决问题的。 首先我们一起来看看Media Queries,这里我只会对其做一个简单的列举介绍。(有兴趣深入的同学可以参考:http://www.w3.org/html/ig/zh/wiki/CSS3%E5%AA%92%E原创 2013-05-06 18:13:13 · 1448 阅读 · 0 评论 -
响应式Web设计(四):响应式Web设计的优化
这篇文章主要说说在进行响应式Web设计的过程中,涉及到页面的一些需要进行优化的地方:1、 轻量级的Javascript库:针对PC端网页当然会首选jQuery来作为前端javascript库,但是针对移动端来说,jQuery太重,而现在针对移动端来说,有很多优秀的框架可供使用,jQuery Mobile、YUI、XUI等是不错的框架,但是个人比较倾向于zepto。不过zepto预定义的一原创 2013-05-06 19:26:03 · 1183 阅读 · 1 评论 -
响应式Web设计(二):响应式Web设计的概念
首先感谢大家对第一篇背景介绍一文的支持,今天将对响应式Web设计的概念进行一个大概的介绍,当然这一篇也不是什么干货,只是作为一个主题来说,概念的介绍必不可少,下一篇就应该有点干货了。 从背景介绍一文中,我们可以得到这样一个结论:互联网正在快速迅猛地向移动终端发展,这样对于网页就有了一个Anywhere的需求。其实网页的Anywhere就是响应式Web设计,说的再白一点,就是为了省时省力省钱,原创 2013-05-04 22:22:41 · 1145 阅读 · 0 评论 -
响应式Web设计(一):响应式Web设计的背景
不是专业前端,可2011年底至今大部分时间在做着一个前端开发工程师的事情,所以多少也有点总结,多少也有点“经验”和分享。 响应式Web设计不是我首创的概念,早就有了,我这里只不过把自己最近这段时间关于这方面的研究做了一个总结。 至于这篇文章能给你带来多大的益处我保证不了,但是只从读完这篇文章之后你至少能明白以下几点:为什么要做响应式Web设计?什么是响应式W原创 2013-05-04 01:51:29 · 1140 阅读 · 0 评论 -
初探移动网站的架构和设计
标题整的太大了,所以为了不让各位看官们失望,请不要抱着太大的期望来看待本文。从2011年12月开始进行移动网站的开发,经历了一年多的跌打滚爬,虽没有金刚钻,但也有点小九九。本人参照了Maximiliano Firtman的《Programming the Mobile Web》一书,其中稍微加上了点个人的一些看法,但是我不会明确告诉你们哪些是大师的,哪些是我这个鸟人的,我要沾光沾到底,好了,不扯淡原创 2013-04-28 10:21:23 · 836 阅读 · 0 评论 -
移动前端开发人员必知必会:移动设备概述
因为工作岗位的变换带来工作内容的变动,对于移动网站的前端开发已经疏远了好几个月,在这好几个月中有很多新的东西出现,自己所掌握的一些东西也已经陈旧,所以选择了这本书《HTML5触摸界面设计与开发》来系统地学习和整理一下关于移动网站前端开发的知识体系。 之所以选择这本书,一是因为这本书比较新,2014年04月发的第一版。其二是因为作者Stephen Woods,这是Flickr团队的资深前端原创 2014-06-12 00:01:05 · 1246 阅读 · 0 评论