感谢浏览,欢迎交流=。=公司开发微信网页多处需要使用弹窗,使用jquery-ui的定制化下载仍需要150多kb,想来有些奢侈(最终下来只有11kb,压缩后2kb,啊,我的神),手机端弹窗方式与pc端有些不同,而且手机上有一个弹窗出来滚动跟父页面滚动相互影响的问题,于是决定写一个插件,专门对付手机网页...
分类:
移动开发 时间:
2015-03-08 18:35:37
阅读次数:
194
前言上周我与阿里的宇果有一次技术的交流,然后对天猫H5站点做了一些浅层次的分析,后面点时间基本天天都会有联系,中途聊了一些技术细节、聊了双方团队在干什么,最后聊到了前端优化。因为我本身参与了几次携程H5站点的优化,在这方面有一些心得,但是与宇果交流的过程中发现我们在优化的时候忽略了一些细节。携程做优...
分类:
移动开发 时间:
2015-03-05 20:50:01
阅读次数:
292
1. 页面宽度320, 所有元素尺寸设一半缺点:不自能适应全屏2.页面宽度640,元素尺寸正常暂未发现问题3.页面宽度640,js控制自适应全屏缺点:qq空间分享后点开页面套在qq默认浏览器里有兼容性问题4.rem写法,所有元素原尺寸长宽除以100,(注意背景图,图片的大小需要设置)缺点:挺麻烦5....
分类:
移动开发 时间:
2015-03-04 12:49:16
阅读次数:
421
拖放:抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。1、设置元素为可拖放draggable="true"2、拖动的元素 ondragstart和setData()dataTransfer.setData()方法设置被拖数据的数据类型和值。3、拖到什么地方on...
分类:
其他好文 时间:
2015-03-04 00:59:07
阅读次数:
165
meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略Android平台中对邮箱地址的识别 当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式 vi...
分类:
移动开发 时间:
2015-03-03 16:24:18
阅读次数:
15221
我保证你一分钟就能看完这篇文章! 真的..角色解释:需求方:有钱大爷设计人员:美工殿下前端工程师:前端文艺青年一个HTML5页面从提出到完成上线的流程:1、需求方、设计人员、H5实现人员三方共同讨论实现方案2、设计人员出设计图3、H5人员按设计图出H5页面4、需求方评估已实现的H5页面后给予反馈5、...
分类:
微信 时间:
2015-03-03 11:38:11
阅读次数:
355
前言我们做前端开发的时候,很有可能会做一个竞品分析,比如我就做过去哪儿、艺龙、同程等与携程的移动站点竞品分析,竞品分析的目的一般是技术对比,但是更多的是业务对比,知己知彼,百战不殆;我们同时会借鉴、学习其它网站的技术,比如网站HTML使用、class命名、使用了什么新技术,还有优化体验相关的,对大型...
分类:
其他好文 时间:
2015-03-01 15:43:13
阅读次数:
183
前言我们做前端开发的时候,很有可能会做一个竞品分析,比如我就做过去哪儿、艺龙、同程等与携程的移动站点竞品分析,竞品分析的目的一般是技术对比,但是更多的是业务对比,知己知彼,百战不殆;我们同时会借鉴、学习其它网站的技术,比如网站HTML使用、class命名、使用了什么新技术,还有优化体验相关的,对大型...
分类:
其他好文 时间:
2015-03-01 00:16:24
阅读次数:
288
大家经常握手机玩腾讯的游戏,可能没想过这些游戏是怎么实现的,单单享受游戏的过程和感觉,其实有些有些游戏是由CSS3+js+H5实现的,下面我先来介绍下CSS3,欢迎大家吐槽。下面的基础知识是概念,大家一看就懂,如果你想学好这些,请耐心看完,欢迎大家斧正。基础知识一:目前主流浏览器chrome、saf...
分类:
Web程序 时间:
2015-02-28 06:41:12
阅读次数:
230