移动前端

移动开发框架

 移动前端开发之viewport的深入理解jinglehttp://vycool.com/Jingle/started.html#cometo http://gmu.baidu.com/ http://
dhj·2015-09-11 09:00

移动前端页面开发：实现页面元素拖动

很少写博客，今天分享一个前几天研究的用JS实现页面元素的拖动。看官轻拍，大牛请多指教。效果如图：页面触摸的三个事件函数：1）三个在规范中列出并获得跨移动设备广泛实现的基本触摸函数：touchstart,touchmove,touchend。（1）touchstart:手指触摸一个DOM元素；（2）touchmove:手指在触摸DOM元素之后在屏幕上移动；（3）touchend:手指放开触摸的元素。
zuKevin·2015-08-28 15:00

移动前端不得不了解的html5 head 头标签

本文主要内容来自一丝的常用的 HTML头部标签和百度FEX的HTMLhead头标签。移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML头部标签功能，特别是meta标签显得非常重要。 DOCTYPEDOCTYPE(DocumentType)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种HTML或者XHTML规范。使用HTML5docty
Yelbosh·2015-08-25 21:00

H5移动前端性能优化

在移动端，因手机的配置和3/4G网络的原因，从两个方面解决性能优化问题，1.加载不超过3秒，用loading或者资源不要超过1M。2.渲染速度。基于以上两个方面，所有影响首屏加载和渲染的代码应在处理逻辑中后置。加载优化：1.Http请求：减少Http请求，手机浏览器同时响应请求为4个请求，所以，尽量合并js和css，并且对图片进行合并。2.缓存：使用缓存可以减少向服务器的请求数，节省加载时间，所以
雪山飞猪·2015-08-25 15:00

移动前端开发之viewport的深入理解

一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webview)用来显示网页的那部分区域，但viewport又不局限于浏览器可视区域的大小，它可能比浏览器的可视区域要大，也可能比浏览器的可视区域要小。在默认情况下，一般来讲，移动设备上的viewport都是要大于浏览器可视区域的，这是因
烹饪师·2015-08-20 09:00

移动前端头部标签(HTML5 head meta)

移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析html代码，更好地将移动web前端页面表现出来。
wdmsyf·2015-08-18 13:00

移动前端手机输入法自带emoji表情字符处理

今天，测试给我提了一个BUG，说移动端输入emoji表情无法提交。很早以前就有思考过，手机输入法里自带的emoji表情，应该是某些特殊字符。既然是字符，那应该都能提交才对，可是为啥会被卡住呢？搜了一下，才发现，原来emoji用到的字符是4字节的utf-16（utf-16有2字节和4字节两种编码），而我们的数据库是采用的utf-8，并且最大只允许3字节的字符。这样冲突就产生了，表单因为这些emoji
Vilien·2015-08-06 21:22

手机/移动前端开发需要注意的20个要点

贤心按：移动前端开发正逐渐步入前端技术的主流，事实上跟在一般的pc上，并不需要你掌握额外的技术，然而你在pcweb上那一套在多数情况下并不适用于手机web，你必须知道这其中的注意点。
chanzig·2015-07-28 22:00

viewport 详解

移动前端开发之viewport的深入理解一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的
明明三省·2015-07-24 14:57

浅谈移动前端的最佳实践

出处：http://www.cnblogs.com/yexiaochai/p/4219523.html 前言这几天，第三轮全站优化结束，测试项目在2G首屏载入速度取得了一些优化成绩，对比下来有10s左右的差距：这次优化工作结束后，已经是第三次大规模折腾公司框架了，这里将一些自己知道的移动端的建议提出来分享下，希望对各位有用文中有误请您提出，以免误人自误技术选型单页or多页spa（singlepag
hongxuecn·2015-07-23 17:43

浅谈移动前端的最佳实践

出处：http://www.cnblogs.com/yexiaochai/p/4219523.html 前言这几天，第三轮全站优化结束，测试项目在2G首屏载入速度取得了一些优化成绩，对比下来有10s左右的差距：这次优化工作结束后，已经是第三次大规模折腾公司框架了，这里将一些自己知道的移动端的建议提出来分享下，希望对各位有用文中有误请您提出，以免误人自误技术选型单页or多页spa（singlepag
hongxuecn·2015-07-23 17:43

html5开发之viewport使用 移动前端开发之viewport的深入理解

http://www.cnblogs.com/2050/p/3877280.htmlhttp://www.php100.com/html/webkaifa/HTML5/2012/0831/10979.html在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网
hshl1214·2015-07-16 22:00

移动前端开发基础与优化

移动前端开发基础与优化 http://qywx.gitcafe.io/2014/11/22/%E7%A7%BB%E5%8A%A8%E5%89%8D%E7%AB%AF%E5%BC%80%E5%8F%91%
·2015-06-27 16:00

试读《移动Web手册（双色）》

阅读更多知道移动开发很多年了，但没有从事这方面的工作，虽然我是前端工程师，但主要还是pc为主，移动开发基本使用框架，不会去考虑太多东西，今天看了《移动Web手册（双色）》才知道，移动前端开发面对的各种浏览器
gleams·2015-06-25 14:00

试读《移动Web手册（双色）》

nbsp;   知道移动开发很多年了，但没有从事这方面的工作，虽然我是前端工程师，但主要还是pc为主，移动开发基本使用框架，不会去考虑太多东西，今天看了《移动Web手册（双色）》才知道，移动前端开发面对的各种浏览器
gleams·2015-06-25 14:00

试读《移动Web手册（双色）》

阅读更多知道移动开发很多年了，但没有从事这方面的工作，虽然我是前端工程师，但主要还是pc为主，移动开发基本使用框架，不会去考虑太多东西，今天看了《移动Web手册（双色）》才知道，移动前端开发面对的各种浏览器
gleams·2015-06-25 14:00

试读《移动Web手册（双色）》

nbsp;   知道移动开发很多年了，但没有从事这方面的工作，虽然我是前端工程师，但主要还是pc为主，移动开发基本使用框架，不会去考虑太多东西，今天看了《移动Web手册（双色）》才知道，移动前端开发面对的各种浏览器
gleams·2015-06-25 14:00

浅谈移动前端的最佳实践

前言这几天，第三轮全站优化结束，测试项目在2G首屏载入速度取得了一些优化成绩，对比下来有10s左右的差距：这次优化工作结束后，已经是第三次大规模折腾公司框架了，这里将一些自己知道的移动端的建议提出来分享下，希望对各位有用文中有误请您提出，以免误人自误技术选型单页or多页spa（singlepageapplication）也就是我们常常说的web应用程序webapp，被认为是业内的发展趋势，主要有两
小兵传奇`·2015-06-24 23:00

浅谈移动前端的最佳实践

前言这几天，第三轮全站优化结束，测试项目在2G首屏载入速度取得了一些优化成绩，对比下来有10s左右的差距：这次优化工作结束后，已经是第三次大规模折腾公司框架了，这里将一些自己知道的移动端的建议提出来分享下，希望对各位有用文中有误请您提出，以免误人自误技术选型单页or多页spa（singlepageapplication）也就是我们常常说的web应用程序webapp，被认为是业内的发展趋势，主要有两
小兵传奇`·2015-06-24 23:00

[北京望京] python、JS\HTML5 、ios 快看过来！！无限水果从不打卡老板超 NICE

[移动前端工程师]HTML5方向岗位职责：1.根据设计师设计实现手机端的H5页面;2.Web与移动互联网前沿技术研究与新技术调研。
每日优鲜·2015-06-24 11:00

移动前端工作的那些事---前端制作篇之javascript篇

javascript(简称js)语言在移动前端应用很广。可以说必不可少，许多效果都是和js相关的。包括现在移动端的一些框架。
Ansue·2015-06-08 13:31

【webapp的优化整理】要做移动前端优化的朋友进来看看吧

webapp小钗从事单页相关的开发一年有余，期间无比的推崇webapp的网站模式，也整理了很多移动开发的知识点，但是现在回过头来看，webapp究竟是好还是不好真是一言难尽哟！webapp使用JavaScript修改页面；紧接着再从服务器传递更多数据然后再修改页面，如此循环。从性能的角度看，在现代浏览器中单页面WebApp已经能够和普通native应用程序相媲美，而且几乎所有的操作系统都支持现代的
jm1999·2015-05-26 10:00

移动前端开发之viewport的深入理解

移动前端开发之viewport的深入理解在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用
李大��·2015-05-23 14:37

移动前端不得不了解的html5 head 头标签

移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML头部标签功能，特别是meta标签显得非常重要。DOCTYPEDOCTYPE(DocumentType)，该声明位于文档中最前面的位置，处于html标签之前，此标签告知浏览器文档使用哪种HTML或者XHTML规范。使用HTML5doctype，不区分大小写。charset声明文档使用的字符编码，html5之前网页中会这样写：这
杨文寿·2015-05-20 17:09

移动前端不得不了解的html5 head 头标签

移动端的工作已经越来越成为前端工作的重要内容，除了平常的项目开发，HTML头部标签功能，特别是meta标签显得非常重要。DOCTYPEDOCTYPE(DocumentType)，该声明位于文档中最前面的位置，处于 html 标签之前，此标签告知浏览器文档使用哪种HTML或者XHTML规范。使用HTML5doctype，不区分大小写。 charset声明文档使用的字符编码，
Tender001·2015-05-20 17:00

移动前端技术选择

RequireJS（按需加载，移动端上可以不打包，善用304缓存，腾讯搞出一个更牛叉的增量更新加载器MT，也可以试试）+Backbone（组织代码与路由管理）+Zepto（轻量DOM操作）+fastclick.js（点击穿透与延迟处理）+Hammer.js（各种触屏事件）+iScroll5.js（滚动条处理）+Animate.css（CSS3动画）+Enquire.js（处理响应式布局）。
xiao1227372602·2015-05-20 10:00

手机/移动前端开发需要注意的20个要点

1、首先我们来看看webkit内核中的一些私有的meta标签，这些meta标签在开发webapp时起到非常重要的作用第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；第三个meta标签也是iphone的私有标签，它指定的ipho
小鱼儿的食物·2015-04-27 10:00

HTML5与移动端web学习笔记

footer,article等用于绘画的Canvas元素用于多媒体播放的video和audio元素用于定位的GeolocationAPI本地存储以及离线应用WebWorkers、WebWebSocketAPI移动前端开发可分为
trigkit4·2015-04-27 00:00

移动前端开发一定会遇上的事

1。 点击图片，链接，甚至是空白的框框，会产生一个淡蓝色的透明背景，pc上没事。这个怎么处理？     在css中增加一行样式 body {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}     功能是去掉高亮色，r,g,b,透明度. 只在webkit核心的浏览器上尝试验证有效 2。禁用点击input时调
·2015-04-24 12:00

移动前端的开发痛点

  布局自适应自适应，包括基于媒体查询的px布局，百分比布局，rem布局。其中手机淘宝的rem布局方案，很有实践价值。http://www.html-js.com/article/2402 触摸手势业内成熟方案有百度的touch.jshttp://touch.code.baidu.com/以及国外的hammer.jshttp://hammerjs.github.io/ 轮播图用过b
·2015-04-20 17:00

移动前端开发基础与优化

转载自：移动前端开发基础与优化|微信企业号团队博客http://qywx.gitcafe.io/2014/11/22/移动前端开发基础与优化摘要：企业号的二次开发，基本都会需要微信中展示网页，用于完成一些独有的定制化需求
k1121·2015-04-17 09:00

移动前端开发之viewport的深入理解

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webv
ShadowCat·2015-04-10 09:00

jqmobi(Appframework)和iscroll4兼容的问题解决

用过jqmobi的人都会知道，其自带滚动性别实在不可恭维，iscroll是一款专门针对移动前端滚动，做了特别优化的超级工具，大家可能都会想把jqmobi自带的给替换掉，但兼容性真是如履薄冰，以下是实操干货
shuai1234·2015-04-02 23:00

移动前端开发之viewport的深入理解

我转载的别人的。在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个a
u014787301·2015-03-19 22:00

移动端web页面前端开发总结

移动web在当今的发展速度是一日千里，作为移动领域的门外汉，在这段时间通过小码哥不断地接触后，发现移动前端开发这一块应做一个小小的总结来时刻用来温习。
web郭乐·2015-03-11 10:18

移动前端开发和 Web 前端开发的区别是什么？

前端是个很大的概念，我的理解是用户能够看到，直接接触到的层面都算是前端，比如IOS客户端界面，安卓客户端界面，网页界面，甚至PC/MAC桌面端软件界面；现在最常见的说法一般是指Web前端，也就是针对于网页端开发的工作。也有个说法就是前端就是大前端嘛，如果你的工作真的那么赞的话，那就包括了web啦安卓啦ios啦甚至pcmac客户端的界面啦。但我觉得现在一般大家都还是有专攻的。WebApp指的是【We
Beesons·2015-03-10 10:12

移动前端不得不了解的 html5 head 头标签

原文愚人码头-移动前端不得不了解的html5head头标签移动前端不得不了解的html5head头标签本文主要内容来自一丝的常用的[HTML头部标签](https://github.com/yisibl
JingDing·2015-03-09 00:00

移动前端开发注意的地方

在移动端网页前端有一些需要注意的方面1.页面的加载：一个页面如果遇到加载超过5秒的手机网站，大部分的用户会选择离开。假定手机平均网速只有93K/s，就需要控制在465K以内。建议首屏加载在465K以内，剩下的按需加载或者延时加载。当然添加loading能给我们争取更多的加载时间。2.页面的层级：层级越多流失率就越高，保证页面的层级最好在2级3.滑动优于点击4.手机端尽可让用户选择，而不是输入信息5
abeetle·2015-02-13 14:00

【webapp的优化整理】要做移动前端优化的朋友进来看看吧

单页or多页本文仅代表个人观点，不足请见谅，欢迎赐教。webapp小钗从事单页相关的开发一年有余，期间无比的推崇webapp的网站模式，也整理了很多移动开发的知识点，但是现在回过头来看，webapp究竟是好还是不好真是一言难尽哟！webapp使用JavaScript修改页面；紧接着再从服务器传递更多数据然后再修改页面，如此循环。从性能的角度看，在现代浏览器中单页面WebApp已经能够和普通nati
killcwd·2015-02-09 11:40

移动前端头部标签(HTML5 head meta)

                                                                                                                                                                                                      
spademan·2015-02-04 10:00

移动前端开发之viewport的深入理解

在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。一、viewport的概念通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域，在具体一点，就是浏览器上(也可能是一个app中的webv
offbye·2015-01-28 15:00

上周热点回顾（1.19-1.25）

关于大型网站技术演进的思考（一）--存储的瓶颈（上）（夏天的森林）· 微软发布Windows 10：连Windows 7都能免费升级了（葡萄城控件技术团队）· 浅谈移动前端的最佳实践
·2015-01-26 08:00

浅谈移动前端的最佳实践

前言这几天，第三轮全站优化结束，测试项目在2G首屏载入速度取得了一些优化成绩，对比下来有10s左右的差距：这次优化工作结束后，已经是第三次大规模折腾公司框架了，这里将一些自己知道的移动端的建议提出来分享下，希望对各位有用文中有误请您提出，以免误人自误技术选型单页or多页spa（singlepageapplication）也就是我们常常说的web应用程序webapp，被认为是业内的发展趋势，主要有两
叶小钗·2015-01-21 08:00

浅谈移动前端的最佳实践 - 叶小钗

前言这几天，第三轮全站优化结束，测试项目在2G首屏载入速度取得了一些优化成绩，对比下来有10s左右的差距：这次优化工作结束后，已经是第三次大规模折腾公司框架了，这里将一些自己知道的移动端的建议提出来分享下，希望对各位有用文中有误请您提出，以免误人自误技术选型单页or多页sap（singlepageapplication）也就是我们常常说的web应用程序webapp，被认为是业内的发展趋势，主要有两
叶小钗·2015-01-21 00:00

2014年终总结

一年多以来干了很多事，但也没干很多事：干了啥从PC前端慢慢由于业务问题转向了移动前端，移动相关技术算是从无到有，不知不
TQ·2015-01-20 00:00

移动前端工作的那些事---前端制作篇之link标签篇

上文的meta标签中，提到了部分功能要结合link标签进行使用。下面详细的解释一下移动端的link标签。link标签主要是存放CSS文件的地方，同时还有一些专属的移动端设置在这里体现。结合以下代码进行说明：  其中meta标签中，上文中曾提到了    这两组标签是移动端IOS系统的专属标签。说明的意思是开启了网页webapp功能，点击浏览器下面的工具按钮中的保存至主屏幕功能，会在主屏幕中生成快捷图
chuangyu·2014-12-31 09:00

手机/移动前端开发需要注意的20个要点

        第一个meta标签表示：强制让文档的宽度与设备的宽度保持1:1，并且文档最大的宽度比例是1.0，且不允许用户点击屏幕放大浏览；第二个meta标签是iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览；第三个meta标签也是iphone的私有标签，它指定的iphone中safari顶端的状态条的样式；第四个meta标签表示：告诉设备忽略将页面中的数字识别为电话号
陈映亮·2014-11-27 09:00

20141124

今天回顾了下移动前端的一些基本东西。 1.300ms延迟原因：判断用户是否双击，这个判断时间。解决方法：在touchend事件执行click事件，并且阻止300ms后的真正click事件触发。
·2014-11-24 20:00

移动前端――通过CSS3 Media Queries实现相应式布局

一、关于MediaQueries模块        MediaQueries模块，该模块允许添加媒体查询表达式，用以指定媒体类型，然后根据媒体类型来选择用该使用的样式。二、MediaQueries的使用方法    @media设备类型and（设备特性）｛样式代码｝        ――设备类型――常用all（所有设备）/screen(电脑显示器)/handheld（便携设备）        ――设备
溢爱yun·2014-11-01 15:21

移动前端――meta tag 之 viewport 使用说明

一、关于viewport        手机浏览器是把页面放在一个虚拟的“窗口”即viewport中，通常这个虚拟的“窗口”（viewport）比屏幕宽，此时用户可以通过平移和缩放查看网页的不同部分。网页开发者可以通过viewport控制页面内容如何显示。    ――width（divice-width自动设置移动设备屏幕的宽度orpixel-value设置具体数值）直接设置窗口的宽度的具体数字。
溢爱yun·2014-11-01 15:45
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他