移动Web开发

移动端开发单位——rem，动态使用

移动端开发-大纲一、移动web开发和适配1、特点：跑在手机端的web页面（H5页面）、跨平台、基于webview、告别IE拥抱webkit、更高的适配和性能要求小技巧：在调试窗口中，选中“computed
Miss_Ye·2018-08-14 00:00

移动端web开发笔记（一）

先搞清楚两个概念，移动端web开发，webapp开发1、移动web开发（pc端的页面用手机浏览器打开）这部分跟web前端开发差别不大，使用的技术都是html+css+js。
三蚊·2018-07-15 20:43

css3硬件加速

动画卡顿是在移动web开发时经常遇到的问题，解决这个问题一般会用到css3硬件加速。css3硬件加速这个名字感觉上很高大上，其实它做的事情可以简单概括为：通过GPU进行渲染，解放cpu。
LavanSum·2018-07-14 11:17

移动web开发框架研究

纯粹的总结一下移动web开发框架，移动web开发框架有jQueryMobile、SenchaTouch等等,他们都来源于web开发，是成熟的框架，jQueryMobile出自于jQuery家族，SenchaTouch
weixin_42066711·2018-06-27 00:18

移动端常见问题处理

前面的话本文将详细介绍移动web开发中的常见问题Input【光标颜色】默认情况下，光标颜色与字体颜色color相同，但也可以通过caret-color属性来单独设置caret-color:auto;caret-color
小火柴的蓝色理想·2018-06-22 20:00

移动web开发问题和优化小结

如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨：移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑，如果大家有遇到什么别的坑
丿丶文丿丶·2018-06-21 16:29

移动web开发相关笔记（一）

1.https://open.baidu.com/（百度数据开发平台）,http://lbsyun.baidu.com/index.php?title=car/api/weather（百度车联网API），这两个数据开发平台，一个是可以直接查，一个是有对应的api给你用。2.https://www.bejson.com/（在线格式化json等工具资源站），这个网站有很多很实用很方便的工具（不是所有功
jwllwj_2018·2018-06-12 04:40

10-移动端开发教程-移动端事件

在前端的移动Web开发中，有一部分事件只在移动端产生，如触摸相关的事件。接下来给大家简单总结一下移动端的事件。
IT老马·2018-02-18 18:02

移动web开发———第四天

微金所一、媒体查询在响应式开发中使用媒体查询中的screen查询浏览器的宽度来定义不同宽度区间的样式和布局。代码：@mediascreenand(min-width:768px){}@mediascreenand(min-width:992px){}@mediascreenand(min-width:1200px){}或者@media(max-width:767px){}@media(min-wi
我是小谷粒·2018-02-06 15:12

移动web开发———第三天

一、响应式开发1、响应式布局，就是一个网站能够兼容多个终端。2、响应式开发的原理CSS3中的MediaQuery（媒介查询，and之后一定要加空格@mediascreenand(min-width:768px)and(max-width:992px){};通过查询screen的宽度来指定某个宽度区间的网页布局。超小屏幕（移动设备）768px以下小屏设备768px-992px中等屏幕992px-12
我是小谷粒·2018-02-05 10:58

移动web开发---第二天

一、Touch事件touchstart：当手指触碰到屏幕的时候触发绑定事件的方法：dom.addEventListener("touchstart",function(e){});事件返回的e对象包含那些移动端特有的属性：targetTouches目标元素的所有当前触摸changedTouches页面上最新更改的所有触摸touches页面上的所有触摸touchmove：当手指在屏幕上滑动时连续触发
我是小谷粒·2018-02-02 10:14

移动web开发之touch事件实例详解

前面的话iOS版Safari为了向开发人员传达一些特殊信息，新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘，所以在为移动Safari开发交互性网页时，常规的鼠标和键盘事件根本不够用。随着Android中的WebKit的加入，很多这样的专有事件变成了事实标准，导致W3C开始制定TouchEvents规范。本文将详细介绍移动端touch事件概述包含iOS2.0软件的iPhone3G发布时，也包
小火柴的蓝色理想·2018-01-17 08:40

HTML5移动开发的10大移动APP开发框架

今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动Web开发框架，能够帮助开发者更加高效的开发移动Web应用。.
Leo扶风·2017-12-13 15:29

移动web开发

1.为什么去学习移动web？已经从趋势变成了一个主流了，互联网的流量入口已经大于PC端的流量入口2.兼容性在国内的移动web浏览器，绝大部分都是基于webkit内核的，所以一些css3效果，h5的新特性绝大部分都被支持，需要添加前缀。（不同机型之间可能会略有不同，这个需要踩坑）在移动端，做动画一律用过渡配合2D转换去实现3.移动web对比PC布局的差异性移动web的主要核心就是做自适应的布局，在手
想做一个画家·2017-10-27 15:02

CSS实战样式：文字两侧加居中横线

CSS实战样式：文字两侧加居中横线在日常的开发中，会遇到这样的需求，比如移动web开发中的登录页的底部，会出现这样的需求：其他登录方式，两侧有居中的横线实现的方案：（一）使用vertical-align
Bumphy·2017-10-23 15:09

基于js的无缝轮播图（ 移动端手指滑动操作）（扩展：简单的倒计时）

基于纯js+移动web开发+手指滚动。。。
WMMWYC·2017-09-28 10:30

移动web开发问题和优化小结

如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨：移动web开发问题和优化小结。这个只是我自己在开发的时候知道的坑，如果大家有遇到什
守候·2017-09-25 00:00

前端面试校招问题准备（总结）

在web开发的中，六项基础知识还是新手所必须掌握的：HTML、CSS、JavaScript、移动Web开发、调试、HTTP网络知识。
bieguolaia·2017-09-09 14:58

移动web开发之像素和DPR

定义像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意，有时亦被称为pel(pictureelement)像素是网页布局的基础。一个像素就是计算机能够显示一种特定颜色的最小区域。当设备尺寸相同但像素变得更密集时，屏幕能显示的画面的过渡更细致，网站看起来更明快。/
jjjyyy66·2017-05-10 11:27

移动web开发之视口viewport

在CSS标准文档中，视口viewport被称为初始包含块。这个初始包含块是所有CSS百分比宽度推算的根源，它给CSS布局限制了一个最大宽度。在桌面上，视口的宽度和浏览器窗口的宽度一致。而在移动端，视口分为布局视口(layoutviewport)、视觉视口(visualviewport)和理想视口(idealviewport)布局视口移动端设备的问题是，如果使视口的宽度和浏览器窗口宽度一样会导致很丑
jjjyyy66·2017-05-10 11:53

小薇学院任务十一笔记3（移动web开发入门）

我们先从一个听的最多的概念——PPI开始。PPI什么是PPIPPI的复杂之处在于如果他所处的上下文环境不同，意义也会完全不一样。当我们在谈论显示设备的PPI时，它代指的屏幕的像素密度；当我们在谈论和图片相关时，我们谈论的是打印时的分辨率或者打印机的打印精度。这里我们主要描述的前一种情况。PPI全称为PixelPerInch，译为每英寸像素取值，更确切的说法应该是像素密度，也就是衡量单位物理面积内拥
garble·2017-04-13 21:01

移动web开发之移动端真机测试

chrome的开发者工具可以很好地做好模拟工作，但毕竟模拟和实际还是有差别的。所以，真机测试是一定要做的，如何高效地进行真机测试呢。个人感觉，还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync进行移动端真机测试特性BrowserSync能让PC、各移动设备上的页面同时实时地响应文件的更改，而不用刷新操作。而且，当在其他一个设备上进行点击等行为时，该行为也会同步到其
lunhui_zsf·2017-04-06 13:30

JS解决移动web开发手机输入框弹出的问题

在移动web开发中和pc端不同的是，手机的输入是软键盘，这样就会有个问题，那就是当有输入的时候，键盘弹起来，整个页面难免会发生变化1、页面提高背景会出现不够用的现象，解决方法，在body中设置背景图，即便是页面抬升了
zhy421202048·2017-03-31 08:22

移动web开发

是移动web开发常用的布局方式！
wangpansheng·2017-02-23 01:59

移动Web开发中的常见布局方式及一些常见问题

一、流式布局1.1什么是流式布局流式布局就是百分比布局，通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充，同时会设定最小宽度和最大宽度，适用于图片比较多的首页、门户、电商等。在这里我们以京东的M站为例进行说明：top.pngnav.pngnavs.png可以看到，在京东各个模块的主容器中，都设置了最大最小宽度和宽度100%，而在导航区块中，由于一行有5个小区
福尔摩鸡·2017-02-18 20:22

移动Web开发总结

完整的HTML模板标题这里开始内容CSSCSSresethtml{-webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉触摸遮盖层*/-webkit-user-modify:read-write-plaintext-only;-webkit-user-select:none;/*禁止用户选择文字*/}/*设置所有盒子大小计算边框内*/*,*:before,*:
莉莉安·2017-02-16 00:00

移动web开发事件（二）

1.触摸事件1.三个触摸事件：1.touchsatrt当手指触摸屏幕的时候触发2.touchmove当手指在屏幕上滑动的时候连续触发/3.touchend当手指离开的时候触发*/2.添加事件方式dom.addEventListener('touchstart',function(e){});3.事件下ev相关的属性截图20170210111653.png4.事件返回的e对象包含那些移动端特有的属性
believedream·2017-02-10 18:55

移动Web利器transformjs入门

简介在过去的两年，越来越多的同事、朋友和其他不认识的童鞋进行移动web开发的时候，都使用了transformjs，所有必要介绍一下，让更多的人受益，提高编程效率，并享受编程乐趣。
【当耐特】·2016-11-25 11:00

第六天 移动端Web开发注意事项

随着移动互联网的发展，移动Web已经逐渐成为互联网的主要入口，随之而来的是前端在移动Web开发上面临的各种机遇与挑战，本文就一些常见移动端问题对移动Web开发需要注意的事项进行一下总结，必然不可能涉及方方面面
Jaywii·2016-11-24 00:00

localStorage在无痕模式下被禁用的问题

在移动web开发中，经常会使用到localStorage去缓存一些数据，一般情况下，我们只需要按照下面的代码去使用就不会有问题。
foreverpx·2016-10-31 14:47

移动开发规范

移动web开发规范  http://blog.csdn.net/joueu/article/details/44329825
卖烧烤的鱼·2016-09-22 08:00

移动web开发常见问题积累

最新整理（2017）—已应用1、一部分Android版本系统设置height和line-height的高度无效，可通过"-webkit-appearance:listbox;"属性解决：element{-webkit-appearance:listbox;width:100%;height:80px;line-height:80px;}2、设置滚动样式：设置上下滚动样式：overflow-y:sc
Delin·2016-09-02 00:00

移动web开发记录

1.meta标签除此之外，还有其他一些的属性供你自由的选择2.获取滚动条window.scrollYwindow.scrollX桌面浏览器中想要获取滚动条的值是通过document.scrollTop和document.scrollLeft得到的，但在iOS中你会发现这两个属性是未定义的，为什么呢？因为在iOS中没有滚动条的概念，在Android中通过这两个属性可以正常获取到滚动条的值，那么在iO
Annay_li·2016-09-01 17:34

移动端解决方案

移动web开发规范以下是规范建议，均是日常在开发当中的的一些经验，仅供参考。
xianfei689·2016-08-08 09:34

移动端解决方案

移动web开发规范以下是规范建议，均是日常在开发当中的的一些经验，仅供参考。
xianfei689·2016-08-08 09:17

java web开发（二） 8款必备的免费移动Web开发框架（HTML5/JS）

javaweb非本人研究方向，只是作为拓展知识涉猎范围原文链接https://www.evget.com/article/2014/3/5/20614.htmlNO.1jQueryMobilejQueryMobile（又叫jQueryMobile）是jQuery在移动设备（手机和平板）上的版本，它支持所有主流的移动平台，包括AppleiOS、Android、WindowsPhone、Blackbe
虎纠卫·2016-07-20 10:45

java web开发（二） 8款必备的免费移动Web开发框架（HTML5/JS）

javaweb非本人研究方向，只是作为拓展知识涉猎范围   原文链接 https://www.evget.com/article/2014/3/5/20614.htmlNO.1 jQueryMobilejQueryMobile（又叫jQueryMobile）是jQuery在移动设备（手机和平板）上的版本，它支持所有主流的移动平台，包括AppleiOS、Android、WindowsPhone、Bl
csolo·2016-07-20 10:00

移动web开发，12个触摸及多点触摸事件常用Js插件

如今移动互联网已经占据了主流地位，越来越多的开发者开始从桌面转向移动平台。与桌面开发不同的是，在移动领域中，不同的操作系统、大量不同屏幕尺寸的移动设备、触摸手势操作等，这都给开发者带来了一定的难度和挑战。虽然一些触摸事件，自己写起来也比较简单，但为了尽量不重复的造轮子，提高开发效率。这里收集整理了一些常用的手势事件脚本插件来供你参考。QUOJS支持事件：Touch,Tap,Doubletap,Ho
上校·2016-06-24 15:00

《HTML5移动开发指南》——笔记6（CSS3新特性）

CSS3技术最适合在移动Web开发中使用的特性：增强的选择器阴影强大的背景设置圆角边框1.选择器1.1属性选择器（分为四种类型）完全匹配属性选择器 [id=article]{ color:#000;
kqq0825·2016-06-21 10:00

IOS中弹出键盘后出现fixed失效现象的解决方案

概述这个问题常出现在移动web开发中聊天或者留言页面的绝对定位输入框上，页面超过屏幕大小时候输入框focus状态下（键盘弹出）绝对定位的元素失效，导致页面滚动时候把定位元素一并带走，体验十分不好，在此留下一自己的方法
今晚打老虎·2016-05-28 00:00

移动 Web 开发技巧之（后续）

昨天的《移动Web开发技巧》的这篇文章，大家反响不错，因为这些问题在大家日常写移动端的页面时经常遇到的。
VIP_web·2016-05-24 16:37

移动 Web 开发技巧之（后续）

昨天的《移动Web开发技巧》的这篇文章，大家反响不错，因为这些问题在大家日常写移动端的页面时经常遇到的。
VIP_web·2016-05-24 16:37

移动web开发之视口viewport

×目录[1]布局视口[2]视觉视口[3]理想视口[4]meta标签[5]总结前面的话在CSS标准文档中，视口viewport被称为初始包含块。这个初始包含块是所有CSS百分比宽度推算的根源，它给CSS布局限制了一个最大宽度。在桌面上，视口的宽度和浏览器窗口的宽度一致。而在移动端，视口分为布局视口(layoutviewport)、视觉视口(visualviewport)和理想视口(idealview
小火柴的蓝色理想·2016-05-22 23:00

移动web开发之移动端真机测试

×目录[1]特性[2]安装[3]设置[4]移动端前面的话chrome的开发者工具可以很好地做好模拟工作，但毕竟模拟和实际还是有差别的。所以，真机测试是一定要做的，如何高效地进行真机测试呢。个人感觉，还是BrowserSync用得比较称手。本文将详细介绍如何应用BrowserSync进行移动端真机测试 特性BrowserSync能让PC、各移动设备上的页面同时实时地响应文件的更改，而不用刷新操作。而
小火柴的蓝色理想·2016-05-20 21:00

PCweb开发与移动web开发区别在于什么？

首先要明确移动web和webapp是不同的1：移动web开发这部分跟web前端开发差别不大，使用的技术都是html+css+js。
白羊座青草莓·2016-05-18 10:40

移动web开发笔记

移动web开发笔记移动web开发笔记基础概念像素单位CSSpixels与devicepixelsCSSpixelsPPIDPIdevicePiexelRatio文字大小控制viewport响应式布局原则实现方式布局方案百分比布局流体布局弹性
zhu_free·2016-05-15 20:27

移动web开发之屏幕三要素

×目录[1]屏幕尺寸[2]分辨率[3]像素密度前面的话实际上，并没有人提过屏幕三要素这个词，仅是我关于移动web开发屏幕相关部分总结归纳的术语。屏幕三要素包括屏幕尺寸、屏幕分辨率和屏幕像素密度。 
小火柴的蓝色理想·2016-05-15 17:00

移动web开发之像素和DPR

×目录[1]定义[2]分类[3]缩放[4]DPR前面的话像素在web开发中几乎天天用到，但到底什么是像素，移动端和桌面端的像素有区别吗，缩放对像素有影响吗，视网膜屏幕和像素有什么关系？关于这些问题，可能就不清楚了。本文将介绍关于像素的相关知识 定义像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pix
小火柴的蓝色理想·2016-05-15 11:00

移动web开发调试工具AlloyLever介绍

简介web调试有几个非常频繁的刚需：看log、看error、看AJAX发包与回包。其他的如timeline和cookie以及localstorage就不是那么频繁，但是AlloyLever都支持。如你所见：特征点击alloylever按钮之间切换显示或隐藏工具面板Console会输出所有用户打印的日志如console.[log/error/info/debug/debug]Console会输出所有
【当耐特】·2016-05-14 22:14

移动web开发调试工具AlloyLever介绍

简介web调试有几个非常频繁的刚需：看log、看error、看AJAX发包与回包。其他的如timeline和cookie以及localstorage就不是那么频繁，但是AlloyLever都支持。如你所见：特征点击alloylever按钮之间切换显示或隐藏工具面板Console会输出所有用户打印的日志如console.[log/error/info/debug/debug]Console会输出所有
【当耐特】·2016-05-14 10:15
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他