移动端h5

移动端H5前端性能优化（转载Global）

如何优化HTML5在移动设置上的性能表现，首先需要明确以下几个原则：1、PC优化手段在Mobile端同样适用。2、在Mobile侧我们提出三秒种渲染完成首屏指标。3、基于第二点，首屏加载3秒完成或使用Loading。4、基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB。5、Mobile端因手机配置原因，除加载外渲染速度也是优化重点。6、基于第五点，要合理处理
qwerer·2016-11-29 13:48

从0到1：打造移动端H5性能测试平台

如何打造一个移动端H5性能平台？听起来是否有点高大上，不知道如何下手。不要紧张，我们来手把手教大家打造自己的移动端H5性能测试平台。
腾讯移动品质中心TMQ·2016-11-17 18:15

移动端多屏适配且保留高清图的做法

背景1.开发移动端H5页面2.面对不同分辨率的手机3.面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。
一个有故事的美工·2016-10-21 19:28

高清屏概念解析与检测设备像素比的方法

前言做移动端h5开发很久了，从开始入行到现在。很多知识和工具都是在用前辈留下的遗产，都没有深入的研究过原因，了解为什么要这么去做。也许自己也是过了交给自己做什么就做什么的阶段了。
weixin_33859844·2016-10-05 07:47

高清屏概念解析与检测设备像素比的方法

前言做移动端h5开发很久了，从开始入行到现在。很多知识和工具都是在用前辈留下的遗产，都没有深入的研究过原因，了解为什么要这么去做。也许自己也是过了交给自己做什么就做什么的阶段了。
zhiqiang21·2016-10-05 00:00

移动端h5开发相关内容总结（四）

前言：看了下博客的更新时间，发现9月份一篇也没有更新。一直想着都要抽时间写一篇的，不然今年的更新记录就会断在了9月份。但是还是应为各种各样的事情给耽搁了。当内心突然涌起一股必须写点什么的时候，突然发现自己把写博客的“套路”都忘了。(●´ω｀●)φ一直认为自己还是一个比较热爱思考的人。最近一直在思考两个问题：自己做技术的初衷；自己的技术成长之路；当然这两篇文章自己也在润色之中，相信很快会跟大家见面。
zhiqiang21·2016-10-03 00:00

移动端自适应布局方案尝试

原文地址：移动端自适应布局方案尝试问题刚开始接触移动端H5页面的时候最困扰的几个问题是：6或6p上明明是1px的边框怎么就成了2px或3px辣么粗！
Jmingzi·2016-09-23 11:00

nodejs微信公众号支付开发

odeJs微信公众号功能开发,移动端H5页面调用微信的支付功能。这几天根据公司的需要使用node和h5页面调用微信的支付功能完成支付需求。
anziguoer·2016-09-19 09:30

移动端H5页面编辑器开发实战--原理结构篇

一、前言在去年10月份左右，接到了需求：开发一个H5移动端页面编辑器的任务，目的主要是解放公司内在制作这类网页的所投入的人力以及解决使用外部H5编辑器所涉及到的版权问题。因此，一款能够与市面上已经成型的H5编辑器产品功能相仿，又结合了公司的账户权限、特殊需求的产品，需要用心研究并着手开发。什么是H5页面编辑器？H5页面编辑器，即是采用Html5开发制作的、集编辑页面各种元素的样式及动画于一身的页面
魅族技术·2016-08-23 10:22

H5移动端适配

本文转载-----------移动端H5页面之iphone6的适配（Hugoweb前端开发）iphone6及iphone6plus已经出来一段时间了。
迷途小学生·2016-08-17 15:39

移动端H5图片上传的那些坑

上周做一个关于移动端图片压缩上传的功能。期间踩了几个坑，在此总结下。大体的思路是，部分API的兼容性请参照caniuse：利用FileReader,读取blob对象,或者是file对象，将图片转化为datauri的形式。使用canvas,在页面上新建一个画布,利用canvas提供的API,将图片画入这个画布当中。利用canvas.toDataURL()，进行图片的压缩，得到图片的datauri的值
苹果小萝卜·2016-08-02 00:00

移动端H5页面rem缩放方案flexible.js兼容375px方案的思路

参考：移动端高清、多屏适配方案viewport-and-flexible.jsflexible.jsgithub一个新的项目复用了一些老页面，老页面是使用375px方案进行移动端适配的，meta[viewport]使用的是，而新页面使用的是flexible.js伸缩方案，动态生成meta[viewport]如何在老页面使用px布局的前提下，新页面使用rem布局，组件也使用rem布局，并且组件可以兼
lv_DaDa·2016-07-17 00:00

移动端H5 QQ在线客服链接代码

移动端H5QQ在线客服链接代码ahref="mqqwpa://im/chat?chat_type=wpa&uin=2679571084&version=1&src_t
u012377333·2016-07-06 09:00

移动端H5 QQ在线客服链接代码

移动端H5QQ在线客服链接代码报名咨询经过测试,安卓和,IOS没有问题,其他手机未测试.移动端H5QQ群在线客服链接代码QQ群通过上面的代码就可以了.本文并非FungLeo原创,而是QQ群里的朋友告之的
FungLeo·2016-07-05 23:00

移动端H5 QQ在线客服链接代码

移动端H5QQ在线客服链接代码报名咨询经过测试,安卓和,IOS没有问题,其他手机未测试.移动端H5QQ群在线客服链接代码QQ群通过上面的代码就可以了.本文并非FungLeo原创,而是QQ群里的朋友告之的
FungLeo·2016-07-05 23:00

移动端H5 QQ在线客服链接代码

移动端H5QQ在线客服链接代码报名咨询经过测试,安卓和,IOS没有问题,其他手机未测试.移动端H5QQ群在线客服链接代码QQ群通过上面的代码就可以了.本文并非FungLeo原创,而是QQ群里的朋友告之的
FungLeo·2016-07-05 23:00

移动端H5开发 Turn.js实现很棒的翻书效果

最近CTO给我分配了一个移动端H5开发的任务，主要功能是需要实现翻书效果，我听过主要需求后，当时是呀！！！
陈亚·2016-06-20 08:50

移动端上传照片 预览+Draw on Canvas's Demo（解决 iOS 等设备照片旋转 90 度的 bug）

背景：本人的一个移动端H5项目，需求如下:需求一：手机相册选取或拍摄照片后在页面上预览需求二：然后绘制在canvas画布上这里，我们先看一个demo（http://jsfiddle.net/q3011893
小蒋不素小蒋·2016-06-11 22:00

移动端用js与jquery实时监听输入框值的改动

背景：在一次移动端H5开发中，需要监听输入框值的实时变动。onchange事件肯定抛弃，因为只能失去焦点才触发。而keyPress在Android可以触发，iOS不可以。
小蒋不素小蒋·2016-06-10 22:00

深度好文【移动端H5页面高清多屏适配方案】

视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，现在更多的是iphone6的375×667)。2）对于retina屏幕(如:dpr=2)，为了达到高清效果，视觉稿的画布大小会是基准的2倍，也就是说像素点个数是原来的4倍（对i
laokdidiao·2016-05-20 15:00

移动端H5 css3模拟边框最新研究(超实用) by FungLeo

移动端H5css3模拟边框最新研究(超实用)byFungLeo前言在之前写的一篇博文《移动端H5的一些基本知识点总结第五节边框的处理》中,我提到,可以使用box-shadow:0001px#ddd;这样的方式
FungLeo·2016-05-13 16:42

移动端H5 css3模拟边框最新研究(超实用) by FungLeo

移动端H5css3模拟边框最新研究(超实用)byFungLeo前言在之前写的一篇博文《移动端H5的一些基本知识点总结第五节边框的处理》中,我提到,可以使用box-shadow:0001px#ddd;这样的方式
FungLeo·2016-05-13 16:00

移动端H5 css3模拟边框最新研究(超实用) by FungLeo

移动端H5css3模拟边框最新研究(超实用)byFungLeo前言在之前写的一篇博文《移动端H5的一些基本知识点总结第五节边框的处理》中,我提到,可以使用box-shadow:0001px#ddd;这样的方式
FungLeo·2016-05-13 16:00

移动端H5知识普及[系列] - CSS3媒体查询

移动端H5知识普及-CSS3媒体查询前些日子，趁平日空隙书写了类库系列，这几天就来“普及”一下移动端HTML5开发的小知识吧~！虽然知识小，但是不得不承认的是，它们很重要~！
momomini·2016-05-12 14:06

移动端开发的一些问题

解惑好文：移动端H5页面高清多屏适配方案http://mobile.51cto.com/web-484304.htm对比了下文章和公司目前状况，关于图片清晰度这一点，公司没有这方面的要求，我们也没有做这么复杂
孚遥·2016-05-11 00:00

移动端H5之动态设置html的font-size的横屏BUG修复以及横屏提示 by FungLeo

移动端H5之动态设置html的font-size的横屏BUG修复以及横屏提示byFungLeo前言在上一篇移动端之在不同尺寸大小的手机上展示同一效果解决方案中,我们考虑的只是默认竖屏的情况.很显然,如果用户手机允许屏幕旋转
FungLeo·2016-04-22 16:00

移动端H5之动态设置html的font-size的横屏BUG修复以及横屏提示 by FungLeo

移动端H5之动态设置html的font-size的横屏BUG修复以及横屏提示byFungLeo前言在上一篇移动端之在不同尺寸大小的手机上展示同一效果解决方案中,我们考虑的只是默认竖屏的情况.很显然,如果用户手机允许屏幕旋转
FungLeo·2016-04-22 16:00

移动端H5单页面跟随手指滑动切换组件PageSlider

PageSlider是一个基于zepto.js用于实现H5单页面跟随手指上下滑动切换的组件，支持通过transform3D启动GPU加速，目前仅支持移动端touch设备。?12345678910111213141516171819202122232425262728293031                        demo - pageSlider                    
皇冠小丑·2016-04-18 19:00

移动端高清、多屏适配方案 [来源：http://div.io/topic/1092]

 Lovesueee 发布于8月前移动端高清、多屏适配方案背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。
青草圆·2016-03-23 10:00

移动端H5做一个不限个数的通栏按钮 by FungLeo

移动端H5做一个不限个数的通栏按钮byFungLeo前言在移动端h5的页面上经常需要一些通栏的按钮.当然,要做一个通栏的按钮这个事儿还是巨简单的.可是,产品经理和设计师永远都会给你添点麻烦.比如,明明是格式一样的按钮
FungLeo·2016-03-18 17:00

移动端H5做一个不限个数的通栏按钮 by FungLeo

移动端H5做一个不限个数的通栏按钮byFungLeo前言在移动端h5的页面上经常需要一些通栏的按钮.当然,要做一个通栏的按钮这个事儿还是巨简单的.可是,产品经理和设计师永远都会给你添点麻烦.比如,明明是格式一样的按钮
FungLeo·2016-03-18 17:00

移动端H5各种各样的列表的制作方法(七最终章) by FungLeo

移动端H5各种各样的列表的制作方法(七最终章)byFungLeo前情回顾前五章的学习地址:《移动端H5各种各样的列表的制作方法(一)》《移动端H5各种各样的列表的制作方法(二)》《移动端H5各种各样的列表的制作方法
FungLeo·2016-03-16 15:00

移动端H5各种各样的列表的制作方法(七最终章) by FungLeo

移动端H5各种各样的列表的制作方法(七最终章)byFungLeo前情回顾前五章的学习地址:《移动端H5各种各样的列表的制作方法(一)》《移动端H5各种各样的列表的制作方法(二)》《移动端H5各种各样的列表的制作方法
FungLeo·2016-03-16 15:00

移动端H5各种各样的列表的制作方法(六) by FungLeo

移动端H5各种各样的列表的制作方法(六)byFungLeo前情回顾前五章的学习地址:《移动端H5各种各样的列表的制作方法(一)》《移动端H5各种各样的列表的制作方法(二)》《移动端H5各种各样的列表的制作方法
FungLeo·2016-03-16 11:00

移动端H5各种各样的列表的制作方法(六) by FungLeo

移动端H5各种各样的列表的制作方法(六)byFungLeo前情回顾前五章的学习地址:《移动端H5各种各样的列表的制作方法(一)》《移动端H5各种各样的列表的制作方法(二)》《移动端H5各种各样的列表的制作方法
FungLeo·2016-03-16 11:00

移动端H5各种各样的列表的制作方法(五) by FungLeo

移动端H5各种各样的列表的制作方法(五)byFungLeo前情回顾前四章的学习地址:《移动端H5各种各样的列表的制作方法(一)》《移动端H5各种各样的列表的制作方法(二)》《移动端H5各种各样的列表的制作方法
FungLeo·2016-03-16 10:00

移动端H5各种各样的列表的制作方法(五) by FungLeo

移动端H5各种各样的列表的制作方法(五)byFungLeo前情回顾前四章的学习地址:《移动端H5各种各样的列表的制作方法(一)》《移动端H5各种各样的列表的制作方法(二)》《移动端H5各种各样的列表的制作方法
FungLeo·2016-03-16 10:00

移动端H5各种各样的列表的制作方法(四) by FungLeo

移动端H5各种各样的列表的制作方法(四)byFungLeo前情回顾前三章的学习地址:《移动端H5各种各样的列表的制作方法(一)》《移动端H5各种各样的列表的制作方法(二)》《移动端H5各种各样的列表的制作方法
FungLeo·2016-03-15 10:00

移动端H5各种各样的列表的制作方法(四) by FungLeo

移动端H5各种各样的列表的制作方法(四)byFungLeo前情回顾前三章的学习地址:《移动端H5各种各样的列表的制作方法(一)》《移动端H5各种各样的列表的制作方法(二)》《移动端H5各种各样的列表的制作方法
FungLeo·2016-03-15 10:00

移动端H5各种各样的列表的制作方法(三) by FungLeo

移动端H5各种各样的列表的制作方法(三)byFungLeo前情回顾在上一篇博文《移动端各种各样的列表的制作方法(二)》中,我们再通过两个DEMO,演示了一下在移动端H5中更多需求的列表制作.不过,看起来
FungLeo·2016-03-14 17:49

移动端H5各种各样的列表的制作方法(三) by FungLeo

移动端H5各种各样的列表的制作方法(三)byFungLeo前情回顾在上一篇博文《移动端各种各样的列表的制作方法(二)》中,我们再通过两个DEMO,演示了一下在移动端H5中更多需求的列表制作.不过,看起来
FungLeo·2016-03-14 17:00

移动端H5各种各样的列表的制作方法(三) by FungLeo

移动端H5各种各样的列表的制作方法(三)byFungLeo前情回顾在上一篇博文《移动端各种各样的列表的制作方法(二)》中,我们再通过两个DEMO,演示了一下在移动端H5中更多需求的列表制作.不过,看起来
FungLeo·2016-03-14 17:00

移动端H5各种各样的列表的制作方法(二) by FungLeo

移动端H5各种各样的列表的制作方法(二)byFungLeo前情回顾在上一篇博文《移动端各种各样的列表的制作方法(一)》中,我们通过两个简单的DEMO,演示了一下在移动端H5中的列表制作.不过,这两个演示还是太简单了
FungLeo·2016-03-14 16:00

移动端H5各种各样的列表的制作方法(二) by FungLeo

移动端H5各种各样的列表的制作方法(二)byFungLeo前情回顾在上一篇博文《移动端各种各样的列表的制作方法(一)》中,我们通过两个简单的DEMO,演示了一下在移动端H5中的列表制作.不过,这两个演示还是太简单了
FungLeo·2016-03-14 16:00

移动端H5各种各样的列表的制作方法(一) by FungLeo

移动端H5各种各样的列表的制作方法(一)byFungLeo前言随着移动互联网的发展,大量前端人员从pc端转移动端.而很多PC端的前端经验并不适用于移动端.前几日我撰写的一篇博文《移动端H5的一些基本知识点总结
FungLeo·2016-03-14 15:00

移动端H5各种各样的列表的制作方法(一) by FungLeo

移动端H5各种各样的列表的制作方法(一)byFungLeo前言随着移动互联网的发展,大量前端人员从pc端转移动端.而很多PC端的前端经验并不适用于移动端.前几日我撰写的一篇博文《移动端H5的一些基本知识点总结
FungLeo·2016-03-14 15:00

移动端H5页面高清多屏适配方案

背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。
暖风叔叔·2016-03-11 05:00

移动端H5页面高清多屏适配方案(经典)

视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：1）首先，选取一款手机的屏幕宽高作为基准(以前是iPhone4的320×480，现在更多的是iphone6的375×667)。2）对于retina屏幕(如:dpr=2)，为了达到高清效果，视觉稿的画布大小会是基准的2倍，也就是说像素点个数是原来的4倍（对i
laike1355·2016-03-10 11:00

移动端H5的一些基本知识点总结

来到这家公司之后,和以前的工作发生了很大的转变.以前我一直是做PC端页面的.来到现在这家公司之后,主要是做手机移动端的页面.移动端的页面在我这个做习惯了PC端页面的人看来,应该是很简单的一些事情.但是在上手的过程当中,还是发现,原来移动端虽然DOM结构要简单得多,但是需要注意的细节,还是非常多的.原因非常简单,那就是,你必须考虑所有的手机上不同分辨率的展示效果.移动端的分辨率有哪些呢?以iphon
jiangxiaobo·2016-03-08 23:00

移动端H5的一些基本知识点总结

移动端H5的一些基本知识点总结来到这家公司之后,和以前的工作发生了很大的转变.以前我一直是做PC端页面的.来到现在这家公司之后,主要是做手机移动端的页面.移动端的页面在我这个做习惯了PC端页面的人看来,
FungLeo·2016-03-06 01:17
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他