E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
移动前端
动态rem解决
移动前端
适配
背景
移动前端
适配一直困扰很多人,我自己也是从最初的媒体查询,到后来的百分比,再到padding-top这种奇巧淫技,再到css3新单位vw这种过渡转变但这些都或多或少会有些问题,直到使用了动态rem才真正不再在适配这个问题上发愁只因为叫动态
Leinov
·
2016-02-23 12:00
移动前端
一些常用的框架
移动端主流的js框架: 1、zeptiojs http://zeptojs.com/ 2、jGestures http://jgestures.codeplex.com/ 3、swiper http://www.swiper.com.cn/ 4、iScroll.jshttp://cubiq.org/iscroll-5http://iscrolljs.com/ 移动开发流行的框架 1、jquery
快乐~
·
2016-02-18 21:00
移动前端
一些常用的框架
移动端主流的js框架: 1、zeptiojs http://zeptojs.com/ 2、jGestures http://jgestures.codeplex.com/ 3、swiper http://www.swiper.com.cn/ 4、iScroll.jshttp://cubiq.org/iscroll-5http://iscrolljs.com/ 移动开发流行的框架 1、jquery
快乐~
·
2016-02-18 21:00
(转)
移动前端
开发之viewport的深入理解
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。**一、viewport的概念**通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的
黑子与飞子
·
2016-02-18 11:53
移动前端
知识总结
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式viewport模板viewport模板——通用 标题这里开始内容viewport模板–target-densit
cloudying
·
2016-02-18 09:00
移动前端
开发经验指南
兼容性CSS伪类:active如果你想使用元素的伪类来实现按下激活状态,那么你需要知道以下问题:iOS上的几乎任何浏览器,定义元素的伪类:active都是无效;Android上,AndroidBrowser和Chrome都支持伪类:active,其它第三方浏览器有部分不支持;定义了:active并且当前浏览器环境支持,当手指在滚动或者无意间的划过时,:active状态都会被激活;为了规避上述所有的
fuguotao1
·
2016-02-17 14:54
html5
手机/
移动前端
开发需要注意的20个要点
1、首先我们来看看webkit内核中的一些私有的meta标签,这些meta标签在开发webapp时起到非常重要的作用 第一个meta标签表示:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览;第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;第三个meta标签也是iphone的私有标签,它指定的i
捐躯赴国难
·
2016-02-16 11:00
HTML5与移动端web学习笔记
footer,article等用于绘画的Canvas元素用于多媒体播放的video和audio元素用于定位的GeolocationAPI本地存储以及离线应用WebWorkers、WebWebSocketAPI
移动前端
开发可分为
shininguang
·
2016-01-30 11:00
Swipe JS – 移动WEB页面内容触摸滑动类库
想必做
移动前端
的同学经常会接到这样子的一个需求,就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换,这在移动设备是个很常见的一个效果,其用户体验远甚于点击一个按钮区域,通过手指的触摸操作也是移动设备的中一个特性
caigan
·
2016-01-27 23:00
Swipe JS – 移动WEB页面内容触摸滑动类库
想必做
移动前端
的同学经常会接到这样子的一个需求,就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换,这在移动设备是个很常见的一个效果,其用户体验远甚于点击一个按钮区域,通过手指的触摸操作也是移动设备的中一个特性
caigan
·
2016-01-27 23:00
iOS Core Image-----十行代码实现微信朋友圈模糊效果
昨天下午微信的朋友圈着实火了一把,在这之后好多程序员都通过抓包工具看到了原图,但是我却在想,网上说是在
移动前端
做到的那是怎么做到的呢,经过一些学习,终于掌握了一些CoreImage的知识,做出了相应的效果
镇屌
·
2016-01-27 22:00
利用rem解决移动端响应适配问题
最近看了《从网易与淘宝的font-size思考前端设计稿与工作流》和github上的《使用Flexible实现手淘H5页面的终端适配》以前一直用百分比的我,对
移动前端
的H5页面网页有了新的了解,暂在这里记录一下
waisonlong
·
2016-01-27 14:00
利用rem解决移动端响应适配问题
最近看了《从网易与淘宝的font-size思考前端设计稿与工作流》和github上的《使用Flexible实现手淘H5页面的终端适配》以前一直用百分比的我,对
移动前端
的H5页面网页有了新的了解,暂在这里记录一下
waisonlong
·
2016-01-27 14:00
移动前端
—图片压缩上传实践
移动端图片压缩上传demo*{margin:0;padding:0;}li{list-style-type:none;}a,input{outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}#choose{display:none;}canvas{width:100%;border:1pxsolid#000000;}#upload{disp
Louis_88
·
2016-01-25 18:00
混合式框架-AgileLite
AgileLite是一个HTML5
移动前端
框架,支持jQuery和Zepto双引擎,并且提供与UI无关的独立框架,内置了FlatUI样式和Ratchet样式,同时也支持单页模式和多页模式开发。
zhyooo123
·
2016-01-08 08:00
jquery
框架
html5
前端框架
微信
最近
移动前端
项目中遇到的两个坑
尽管要多加避免,但还别说,坑还真得常踩常有,不要以为手机端都是Webkit的天下就简单,不用处理浏览器之间的兼容问题,——其实不一致性的问题还是挺大的。两个坑都是涉及iframe的——iframe真是不好搞!事情是这样的,一个内嵌于iframe的页面,因为需要从认证接口中返回token作为登录凭证,读取接口信息是没问题的,然后需要用session把登录信息保存起来。奇怪的是,session无效,就
zhangxin09
·
2016-01-08 00:00
移动前端
相关解决方案整理
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari 体验demo,解决在主屏幕打开页面后,点击页面链接不会跳转到系统自带的Safari 将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式 viewport模板vi
axl234
·
2015-12-29 10:00
浅谈
移动前端
性能优化
其实,Html5相比原生App的开发有很多诱人的方面。其一:可快速迭代。最简单最直接的一个:IOS程序每次上传都需要通过漫长的审核时间,如果赶时间的话这是个问题,而且耐心等待之后未必就能得到一个我们想要的结果,审核不通也不是不可能。Html5开发完成之后也不用再次上传审核。(若与原生程序有交互变更,此项无效)其二:跨平台。Html跨平台的特性早已不是一天两天的事了。IOS开发完成的同时,Andro
不折腾难受斯基
·
2015-12-26 23:00
JavaScript
html
性能优化
移动前端
笔记12.22
1.jquery,'touch'相关事件里中event属性不全,找不到常用的touches数组,可用原生js代替2.使用过touch.js两次,感觉兼容性都不好,会造成莫名地卡顿,弃用3.touchmove事件中做dom操作会造成卡顿,此时应该缓存并且到requestAnimationFrame中做相应操作4.querySelectorAll这个原生js找出来的数组不能直接搭配addEventLi
Alex_Null
·
2015-12-22 16:00
移动前端
笔记12.22
1.jquery,'touch'相关事件里中event属性不全,找不到常用的touches数组,可用原生js代替2.使用过touch.js两次,感觉兼容性都不好,会造成莫名地卡顿,弃用3.touchmove事件中做dom操作会造成卡顿,此时应该缓存并且到requestAnimationFrame中做相应操作4.querySelectorAll这个原生js找出来的数组不能直接搭配addEventLi
Alex_Null
·
2015-12-22 16:00
web --
移动前端
头部标签(HTML5 head meta)
标题
以神之名
·
2015-12-18 11:00
移动前端
开发之viewport的深入理解
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中的webv
tengdazhang770960436
·
2015-12-09 14:00
移动前端
调试工具-Weinre真机调试
之前做
移动前端
调试页面的时候就是简单的使用Chrome模拟器调试,能满足基本基本的需求,后来发现了基于WebInspector(Webkit)的远程调试工具Weinre,可以在PC端直接调试运行在移动设备上的远程页面
Fly_Elephant
·
2015-11-25 10:00
谈谈最近的面试
H公司是一个规模中等的公司,总部在北京,在广州,深圳,重庆等地也有分公司,做
移动前端
外包项目,这两三年移动开发特别地火,
移动前端
工程师也成了国宝。
·
2015-11-13 14:38
面试
手机百度前端工程化之路
本文将围绕我半年来在
移动前端
工程化做的一些工作做的总结,主要从 localstorage缓存和版本号管理 , 模块化 , 静态资源渲染方式 三个方面总结手机百度前端一年内沉淀的解决方案
·
2015-11-13 14:17
百度
移动前端
开发一定会遇上的事
1。 点击图片,链接,甚至是空白的框框,会产生一个淡蓝色的透明背景,pc上没事。这个怎么处理? 在css中增加一行样式 body {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 功能是去掉高亮色,r,g,b,透明度. 只在webkit核心的浏览器上尝试验证有效 2。禁用点击input时调
·
2015-11-13 13:25
前端开发
jquery mobile入门
进来对
移动前端
开始了解,虽然与原来所做的服务端开发越离越远,也没办法。想什么都做好,毕竟很难,精力有限。 坚定地往前端路线走下去,废话不多说了,因为写的博客主要是作为自己学习笔记。
·
2015-11-13 10:05
JQuery Mobile
css移动端:acitve效果的实现
做
移动前端
也有一些日子了,一直有个问题没有解决,就是与pc端那样的一个:hover的效果,:hover是鼠标指针浮动在其上的元素的一个选择器,但因为在移动端是没有鼠标的,代替的是触摸屏,用户也不是有“鼠标指针浮动在其上的元素
·
2015-11-13 08:47
css
移动前端
开发初涉篇【2014/03/25】
又是好久没写博客了,虽然之前也没怎么写=_=,那就写写关于
移动前端
开发的一点初学知识吧,顺便纪念一下苦逼的周一。。。 begin 工欲善其事,必先利其器。
·
2015-11-13 08:44
前端开发
细说
移动前端
Android联调
为什么要联调 A:正在疯狂coding的时候,产品MM过来,焦急的说两周前的一个页面在手机上显示略微错位,但小本上显示正常! B:本着爱折腾的原则,作为大前端,在移动互联网时代的基本技能。 联调的方式: 1:ADB Chrome extension 2:Opera Mobile 3:weinre 4: Adobe Egde Inspect CC 方式一:ADB C
·
2015-11-13 07:32
android
grunt-2x2x
a grunt plugin to resize and rename @2x.png(jpg,gif,) image to .png(jpg,gif) 场景:
移动前端
开发中,设计给的psd
·
2015-11-13 07:30
grunt
浅谈
移动前端
的最佳实践
前言 这几天,第三轮全站优化结束,测试项目在2G首屏载入速度取得了一些优化成绩,对比下来有10s左右的差距: 这次优化工作结束后,已经是第三次大规模折腾公司框架了,这里将一些自己知道的移动端的建议提出来分享下,希望对各位有用 文中有误请您提出,以免误人自误 技术选型 单页or多页 spa(single page application)也就是我们常常说的web应用程序webapp,被认
·
2015-11-13 06:43
最佳实践
热点收藏(1.19-1.25 )
关于大型网站技术演进的思考(一)--存储的瓶颈(上)(夏天的森林)· 微软发布Windows 10:连Windows 7都能免费升级了(葡萄城控件技术团队)· 浅谈
移动前端
的最佳实践
·
2015-11-13 04:37
移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法
笔者接触
移动前端
快一年了,特将平时的一些笔记整理出来,希望能够给需要的人一些小小的帮助。
·
2015-11-13 03:39
css
移动前端
:坑与填坑
1、页面高度渲染错误 坑:页面底部部分与浏览器导航条重合了 填坑:重置高度 document.documentElement.style.height = window.innerHeight + 'px'; 2、transform碰上模糊 坑:在android中,如果元素或其父元素应用transform后,元素设置border-radius会变模糊 填坑:先放大再
·
2015-11-13 03:48
前端
移动平台WEB前端开发技巧汇总
最近我很关注
移动前端
的知识,但做为一个UI设计师和web前端工作人员没有这个工作环境接触,做为门外汉,网上系统的知识也了了,一直有种雾里看花的感觉,见到本文,我自己是奉为经典。
·
2015-11-13 00:11
web前端开发
初探Backbone
前言 终于到周末了,几经转折老夫工作终于落实,干起了
移动前端
,于是真正进入了HTML5的开发时代。
·
2015-11-12 22:13
backbone
移动端下网页border:1px显示
解决这个问题之前首先要了解
移动前端
开发viewport的概念,自己写了一篇很粗糙viewport详解的文章对它有了一个很简单的理解.这里推荐一篇很详细的博文<<
移动前端
开发之viewport
·
2015-11-12 20:36
border
移动前端
开发之viewport的深入理解
在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通 俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,在具体一点,就是浏览器上(也可能是一个app中
·
2015-11-12 19:05
viewport
移动端触摸划屏,实现内容滑动
经常可见使用在
移动前端
开发中。 使用方法 下面是一个比较简单的使用例子,添加适当的HTML代码和js代码即可。
·
2015-11-12 19:41
移动端
移动前端
工作的那些事---前端制作篇之框架篇
为了更好的提升用户体验,移动端逐渐出了许多的移动端的框架,比如Sencha Touch、JQTouch、Jquery-moblie、jqMobi等等。这些框架都有优缺点,不同的框架应用在不同的项目中。现简单阐述一下各框架的优缺点: 一、Sencha Touch框架是一个重量级的框架、它上手较难,代码复杂,并且需要较强的程序基础才能学习,
·
2015-11-12 17:07
工作
自适应 or
移动前端
页面布局的问题?
说出来,还请各位看官不要笑 - -、哥们至今不是很清楚页面的自适应和
移动前端
页面开发有什么区别 。有幸哪位看官清楚这些的话,希望能不吝赐教 。
·
2015-11-12 17:03
页面布局
记录一下最近开发web
移动前端
的过程
两个项目 第一个是公司网站的移动端,我所在的公司是做某方面的新闻站的。 所以说页面基本是以一条条的新闻+图文混排为主,顶部有一个自动slider+触屏滑动的功能, 使用的是swipe插件,轻量,简洁非常好用。一看就懂 特别赞。 采用的的是弹性布局 -----------------------------------------------------------------------
·
2015-11-12 13:49
Web
移动前端
头部标签(HTML5 head meta)
标题
独钓渔
·
2015-11-11 19:00
移动前端
调式页面--weinre
一:远程调式工具---weinre 阅读目录 一:远程调式工具---weinre 二: 安装weinre 三: 访问weinre及在页面上调用 四:多用户 回到顶部 一:远程调式工具---weinre Weinre是什么? Weinre是Web Inspector Remote的缩写(远程web检查器),它的作用就是相当于chro
·
2015-11-11 16:02
前端
HTML5移动应用左右滑动touchmove touchmove touchend 实例
也是刚开始接触
移动前端
,大虾别喷 1 <!
·
2015-11-11 16:28
html5
HTML5移动应用左右滑动touchmove touchmove touchend 实例
也是刚开始接触
移动前端
,大虾别喷 1 <!
·
2015-11-11 10:56
html5
[微信开发利器]微信内
移动前端
开发抓包调试工具fiddler使用教程
原文:http://gaoboy.com/article/26.html 在朋友圈看到一款疯转的H5小游戏,想要copy,什么?只能在微信里打开?小样,图样图森破,限制了oauth、微信浏览器内打开,照样能看你源码~ 使用fiddler来抓包 需要先做一些简单的准备工作: 一台带有无线网卡的PC或者笔记本电脑,然后将电脑和手机连接到同一个Wi-Fi网络中,并且保证二者是在
·
2015-11-11 03:40
fiddler
配置
移动前端
开发调试环境(nodejs+npm+weiner的安装和配置使用)
这段时间发现做移动端的开发调试是一大难题,网上逛了逛发现有一些工具可用,如chrome的远程调试,实际测试过程中我始终调试不成功,听说被墙后是不行的,所以最终找了如下的方法。 因为基于nodeJS环境,之前又没有搞过它,所以做一下备忘。 Node环境配置 Node.js的安装很方便,打开下载页https://nodejs.org/#download,直接install按钮提示下载,完成后一路
·
2015-11-10 21:24
nodejs
移动端前端开发调试
本文只介绍与调试有关的内容,至于其他移动端开发知识(技巧、坑)太多太大,推荐 Mars
移动前端
开发知识库。这个项目很久没有大动静了,欢迎大家猛烈关注,不要让它“太监”了。
·
2015-11-07 15:17
前端开发
上一页
3
4
5
6
7
8
9
10
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他