移动WEB 第9页

HTML5 WebApp part4:使用 Web Workers 来加速您的移动 Web 应用程序(上)

这对于大部分应用程序逻辑都位于客户端的移动Web应用程序来说尤其有用。在本文中，您将了解如何使用WebWorkers并发现哪些任务最适合它们。您还将看到如何使用其他HTML5技术才能提高

weixin_30820077·2020-09-17 08:30

004 rem布局 --- 移动WEB开发

rem适配布局1rem基础rem单位;是一个相对单位，类似于em,em是父元素的字体大小（font-size）rem相对于html元素的字体大小rem优点就是通过修改html里面的为大小来改变页面中元素的大小进行整体控制html{font-size:12px;}P{height：10rem；width:10rem;}p盒子就变成了120*120px的盒子2媒体查询MediaQuery媒体查询是CS

nine-seven·2020-09-17 08:00

研究首屏时间？

做移动web页面，受移动网络网速和终端性能影响，我们经常要关注首屏内容展示时间（以下简称首屏时间）这个指标，它衡量着我们的页面是否能在用户耐心消磨完之前展示出来，很大程度影响着用户的使用满意度。

detuan20000827·2020-09-16 22:02

移动webapp前端ui用哪个框架好？

默认排序itlrhttps://www.linkev.com/?a_aid=itlr11人赞同了该回答看你做什么，如果对性能要求苛刻，比如地图App这种，应该考虑ReactNative或者NativeScript这样的技术，因为可以编译成原生App。否则我会推荐Ionic2Documentation这是ionic的最新版本，基于angular2，丰富的UI组件，大大改进的编程模型，非常适合快速开发

z__a·2020-09-16 17:48

Web前端框架与移动应用——移动web页面开发

使用Chrome模拟移动网页测试—————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————使用视口标签预览网页使用em布局网页内容___________________________________________

郑州北大青鸟——·2020-09-16 09:41

Jersey+jetty 搭建高并RestFull 接口服务

最近开发移动webapp项目，因为对SpringMVC框架比较熟悉所以就选择了用SpringMVC框架为前端提供接口，后来发现了一些新的RestFull框架如Jersey、RestEeasy等RestFull

weixin_30608131·2020-09-16 04:58

微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能

在做一个微信的微网站中的一个便民服务电话功能的应用，用到移动web页面中列出的电话号码，点击需要实现调用通讯录，网页一键拨号的拨打电话功能。

学路漫漫·2020-09-15 14:09

移动Web特效开发

文章目录移动Web特效开发(部分)移动上的事件移动上的click触摸事件Zepto框架Zepto概述Zepto和jQuery的区别移动Web特效开发(部分)移动上的事件移动上的click/*在手机端的点击事件有

致我们喂了狗的青春·2020-09-15 13:38

移动web开发之rem布局和less的相关

rem基础rem单位rem(rootem)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。rem的优势：父元素文字大小可能不一致，但是整个页面只有一个html，可以很好来控制整个页面的元素大小。媒体查询什么是媒体查询媒体查询（MediaQuery）是CSS3新语法。使用@media查询，可以针对不同的媒体类型定义不同的样式@media可以针对不

萌新菜鸟前端·2020-09-15 12:40

响应式布局原理

什么是响应式布局一种网站兼容多种终端对不同屏幕尺寸（大小）做出响应，并进行相应布局的一种移动Web开发方式以下有两种响应式布局，仔细读懂其中的代码，你也就掌握了响应式布局的原理了。

另行·2020-09-15 11:27

web移动端-2-流动布局-案例学习

总结参考：黑马-移动web-day3总结京东M站：1.适配问题：移动端设备尺寸不一致2.流式布局：随着浏览器尺寸的改变做自适应(掌握)3.当放到移动端预览：通过谷歌浏览器的模拟器（真机调试：服务器和手机设备在同一个局域网内容即可

sharryling·2020-09-15 11:08

前端移动Web第四天案例：阿里百秀首页-响应式布局（bootstrap框架）

阿里百秀首页案例技术选型方案：我们采取响应式页面开发方案技术：bootstrap框架设计图：本设计图采用1280px设计尺寸1.页面布局分析2.屏幕划分分析①屏幕缩放发现中屏幕和大屏幕布局是一致的。因此我们列定义为col-md-就可以了，md是大于等于970以上的②屏幕缩放发现小屏幕布局发生变化，因此我们需要为小屏幕根据需求改变布局③屏幕缩放发现超小屏幕布局又发生变化，因此我们需要为超小屏幕根据需

库库好困·2020-09-15 11:43

前端移动Web第三天：苏宁首页-第二种简洁高效的rem适配方案flexible.js

简洁高效的rem适配方案flexible.js手机淘宝团队出的简洁高效移动端适配库我们再也不需要在写不同屏幕的媒体查询，因为里面js做了处理它的原理是把当前设备划分为10等份，但是不同设备下，比例还是一致的。我们要做的，就是确定好我们当前设备的html文字大小就可以了比如当前设计稿是750px，那么我们只需要把html文字大小设置为75px(750px/10)就可以里面页面元素rem值：页面元素的

库库好困·2020-09-15 11:43

前端移动Web第一天知识点：流式布局

点击可查看移动端屏幕尺寸数据参考链接：注意：作为前端开发，不建议大家去纠结dpdpiptppi等单位。视口视口就是浏览器显示页面内容的屏幕区域，视口分为布局视口、视觉视口、理想视口。其中，视觉视口就是网站的区域，用户正在看到的区域。meta视口标签："属性：width：宽度设置的是viewport宽度，可以设置device-width特殊值；initial-scale：初始缩放比，大于0的数字；m

库库好困·2020-09-15 11:42

前端移动Web第二天：Flex伸缩布局-携程首页案例

body{max-width:540px;min-width:320px;margin:0auto;font:normal14px/1.5Tahoma,"LucidaGrande",Verdana,"MicrosoftYahei",STXihei,hei;color:#000;background:#f2f2f2;overflow-x:hidden;-webkit-tap-highlight-co

库库好困·2020-09-15 11:42

移动Web-03-流式布局

移动端布局核心1.水平方向不能出现滚动条(禁止缩放，元素宽度超过视口的宽度)2.需要适配宽度，高度使用固定值（高度允许出现滚动条）百分比布局（流式布局）：宽度使用百分比，高度使用px3.移动端盒子模型使用内减模型：box-sizing:border-box;避免由于border和padding导致的水平滚动条的问题拓展:手机端的a标签会有背景颜色解决方法:给a标签添加如下代码-webkit-tap

YoungShiHao·2020-09-15 10:58

前端移动Web第一天：流式布局-京东首页案例

京东首页打开京东APP，购物更轻松立即打开登录京东超市京东超市京东超市京东超市京东超市京东超市京东超市京东超市京东超市京东超市body{width:100%;min-width:320px;max-width:640px;margin:0auto;font-size:14px;color:#666;/*苹果字体：*/font-family:-apple-system,Arial,Helvetica

库库好困·2020-09-15 09:47

借助FreeHttp为任意移动端web网页添加vConsole调试

以下介绍在不用修改代码并发布项目的情况下，为我们日常使用的移动web应用（如手机web淘宝）添加vConsole调试工具的方法vConsole介绍vConsole是一个轻量、可拓展、针对手机网页的前端开发者调试面板

weixin_30848775·2020-09-15 05:12

Android开发入门——推箱子游戏开发实战（十五，终结）

我觉得呀，Android/iOS开发人才市场有点饱和了，而移动Web开发是新的热点。于是，我“转行“了。今天登陆CSDN网，注意到有网友给我发私信，

yeatcsdn·2020-09-14 18:02

移动端开发的注意事项

当然移动web给人的感觉是一个拼H5和CSS3的阵地，这里面有足够高大上的技术等着你去驾驭，在这方面，你可以欣喜地说：让IE见鬼去吧。

西瓜凉了半个夏~·2020-09-14 09:19

GODOT 3.0 开发进度汇报 #6

它甚至可以让游戏在移动Web环境完美运行！这里有一个小

weixin_33953384·2020-09-14 08:21

移动web适配利器-rem

前言提到rem，大家首先会想到的是em，px，pt这类的词语，大多数人眼中这些单位是用于设置字体的大小的，没错这的确是用来设置字体大小的，但是对于rem来说它可以用来做移动端的响应式适配哦。兼容性先看看兼容性，关于移动端ios：6.1系统以上都支持android：2.1系统以上都支持大部分主流浏览器都支持，可以安心的往下看了。rem设置字体大小rem是（fontsizeoftherooteleme

强强强子·2020-09-14 07:52

base64编码的图片在HTML的img控件中显示

最近在做一个移动webapp项目的开发，将客户经理与客户的聊天功能搬到手机中（类似微信聊天），其中客户经理的头像由原电脑端的聊天项目组同事提供。

ryan-su·2020-09-14 03:24

QQ分享调用及坑点

这篇介绍qq分享（定制微信，手机QQ，QQ空间APP内的分享内容）：腾讯移动web开发平台文档：http://open.mobile.qq.com/api/component/share1.在页面中直接引入

yagmdream·2020-09-13 16:49

web前端开发课程(移动端方向)

京东项目03.Javascript基础04.webapi05.javascript高级06.jquery07.php基础08.Ajax09.阿里百秀项目实战10.html5和css311.canvas12.移动

你是什恶魔啊·2020-09-13 13:33

自动化生成 H5 骨架页面

饿了么移动web端骨架页面如题图所示。本篇文章将给读者阐述一种自动化生成上图骨架页面的方案，通过该方案，可以将自

程序员一木·2020-09-13 13:55

移动WEB开发之流式布局（百分比布局）

所谓的流式布局就是我们常说的百分比布局，页面中盒子的宽度常常是通过百分比值来设置的。流式布局的特征：a、宽度自适应，高度写死，并不是百分百还原设计图b、图标都是固定死大小的，包括字体等也是固定死的。并不是所有的东西都是自适应的。c、一些大的图片，设置宽度为百分比自适应即可，随着屏幕大小进行变化经典的流式布局左侧固定，右侧自适应右侧固定，左侧自适应两侧固定，中间自适应（圣杯布局，双飞翼布局）等分布局

Joe_夕夕·2020-09-13 11:29

移动web学习(一) --- 流式布局, 视口viewpoint ,2倍图和3倍图, less

从这章开始,学习移动web移动web开发指的是需要适配移动设备的网页开发,和pc端没有本质的区别,还是使用html,css,js一.学习移动web的原因1.使用移动设备的用户越来越多2.一定设备屏幕大小不一

WjiaoJ·2020-09-13 09:03

移动App开发工具和移动应用漏洞检测工具

2019独角兽企业重金招聘Python工程师标准>>>移动应用开发工具和移动应用漏洞检测工具，另外，HTML5提供了很多易于移动web开发的特性。

weixin_34185320·2020-09-13 09:43

移动web性能测试要点

性能测试1.连接速度测试用户连接到Web应用系统的速度根据上网方式的变化而变化，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长（例如超过5秒钟），用户就会因没有耐心等待而离开。另外，有些页面超时的限制，如果响应速度太慢，用户可能还没来得及浏览内容，就需要重新登陆了。而且，连接速度太慢，还可能引起数据丢失，是用户

piooix·2020-09-13 08:36

完美解决移动Web小于12px文字居中的问题

前几天的一篇博文：移动Web单行文字垂直居中的问题，提到了移动web里小于12px的文字居中异常的问题，最后还是改为12px才近乎解决了问题。

weixin_30894583·2020-09-13 06:10

基于HTML5的移动Web应用——Bootstrap 样式案例：制作百度登录框

需求说明使用模态框布局登录框的页面结构和样式使用栅格系统布局登录的表单内容通过点击“登录”按钮触发弹出登录框。并且弹出的登录框是小型的运行效果参考代码百度登录框body{padding:30px;}.myMP{margin:20px;}.myB{margin-bottom:20px;}.myBtn{margin-left:80%;}登录百度一下×登录百度账号下次自动登录//默认弹出//

sem00000·2020-09-13 02:29

Zepto自定义模块打包构建

http://www.chengxuyuans.com/web_technology/zeptojs-build.htmlzepto.js是个好东西，遵循jQueryAPI，但比jQuery小巧很多，很多移动

Jasminna·2020-09-12 23:41

手机web——自适应网页设计（html/css控制）

对于viewport属性，我是真正在接触移动web

x-man0·2020-09-12 21:01

10行代码搞定移动web端自定义tap事件

发发牢骚移动web端里摸爬滚打这么久踩了不少坑，有一定移动web端经验的同学一定被click困扰过。我也不列外。

weixin_34258782·2020-09-12 07:26

到底什么情况该选择开发Web App？

注：本文作者为畅销移动Web图书作者BrianFling，本文为其著作《MobileDesignAndDevelopment》的样章节选。

WebAppTrend·2020-09-11 12:17

Facebook发力Mobile Web 推出支付和测试工具

Facebook入场了，在MWC大会上，FacebookCTOBretTaylor介绍了FB的一揽子MobileWeb战略并将其名为“核心移动Web平台”.其中包括：1）和合作伙伴制定MoblieWeb

WebAppTrend·2020-09-11 12:17

成为全栈工程师需要学习哪些知识？

作为一款非常好的图片处理工具）coredraw（平面设计软件）2.界面设计uips3.前端开发移动优先iosapp(oc/c++)Androidapp(java/c++)hybridapp(混合式移动应用)移动

weixin_30689307·2020-09-11 10:26

APP爬虫：windows + Appium + 夜神模拟器，模拟浏览京东APP（全网最详细教程，没有之一！）

1.前言1.1.Appium简介Appium是一个开源测试自动化框架，可用于原生，混合和移动Web应用程序测试。它使用WebDriver协议驱动iOS，Android和Windows应用程序。

dex0423·2020-09-11 09:10

移动web开发之视口viewport

本文基于http://www.cnblogs.com/xiaohuochai/p/5496995.html，在该文的基础下，进行整理。在桌面上，视口的宽度和浏览器窗口的宽度一致。而在移动端，视口分为布局视口(layoutviewport)、视觉视口(visualviewport)和理想视口(idealviewport)。布局视口为了容纳为桌面浏览器设计的网站，移动设备默认的布局视口宽度远大于屏幕的

zhanglir333·2020-09-10 22:22

移动Web开发——视口的概念及设置

视口（viewport）是用来约束网站中最顶级块元素的，即它决定了的大小在PC设备上viewport的大小取决于浏览器窗口的大小，以CSS像素做为度量单位。viewport是由苹果公司为了解决移动设备浏览器渲染页面而提出的解决方案，后来被其它移动设备厂商采纳，其使用参数如下：通过设置属性content="“实现，中间以逗号分隔例如width设置layoutviewport宽度，其取值可为数值或者d

xubuhui·2020-09-10 21:25

移动web开发小记（布局视口）（视觉视口）（理想视口）

一、视口布局视口视觉视口理想视口1.1为什么要使用视口移动开发兴起后，出现的概念也就是说，如果我们开发的页面只需要适应PC端，则不用考虑视口的概念看下面的代码，并没有对视口进行配置Document.box{width:300px;}在PC端的表现和在手机端的表现分别如下原因在于，我们在手机端浏览中渲染此页面时，手机设置了视口为980，而我们手机屏幕的宽度为375，默认情况下PC上的内容是无法在手机

月亮不说谎！·2020-09-10 21:55

bootstrap-移动WEB开发之响应式布局

响应式布局学习目标一个页面兼容了pc端，pad端，和手机端响应式布局是不需要单独写移动端页面的响应不同的设备发生不同的变化时，包括三端之间的变换。响应式开发响应式开发原理就是使用媒体查询（mediaquery）针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。通过媒体查询实现档位的变化响应式布局容器响应式需要一个父级（.container）作为布局容器，来配合子级元素来实现变化效果。

iiiiiill·2020-09-10 20:37

移动web ui框架----v-ui

v-ui是一套根据vuejs设计开发的开源框架，其中包含了h5开发中用到的大量ui控件，如AppBar，Tablayout，SearchBar，Toast，SnackBar，Alert，Comfirm，Prompt询问对话框，Progressbar，ActionSheet,TimePicker，DatePicker，AreaPicker，Switch，Pull2Refresh等43个常用的控件，可

狂奔_的蜗牛·2020-09-10 14:11

移动web 视口(meta name="viewport" )

demo.html：DocumentLoremipsumdolorsitamet,consecteturadipisicingelit.Inciduntiurecumquesedaccusantiumporrosapientetotamineiusquaerat.Adillumvoluptatesoptio,fugitetveroanimivitaeconsequaturautmaioresseq

houyanhua1·2020-09-10 14:19

移动web开发笔记2:flex布局、父项常见属性、子项常见属性、携程网

移动web开发——flex布局1.0传统布局和flex布局对比1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.2flex布局操作方便，布局极其简单，移动端使用比较广泛pc端浏览器支持情况比较差

小黄呀呀呀·2020-09-08 16:17

Web前端框架与移动应用——移动web特效开发

移动端的事件——————————————————————————————————————————————————zepto和jQuery的区别——————————————————————————————————————————————————zepto独有特性

郑州北大青鸟——·2020-08-26 23:44

【WebApp】使用jquerymobile制作的HTML5 Web App

jQueryMobile是创建移动web应用程序的框架；适用于所有流行的智能手机和平板电脑。1.什么项目？

小平_·2020-08-26 16:09

一文搞定Appium环境安装

Appium是一个开源测试自动化框架，可用于本机，混合和移动Web应用程序测试。它使用WebDriver协议驱动iOS，Android和Windows应用程序。Appium依赖的环境？

钰捷·2020-08-26 15:26

好客租房移动web项目（1）

评论组件案例组件通讯-非父子组件通讯-父到子组件通讯-评论案例组件通讯-子到父1、router-demoreact-router基础组件介绍1.1、components（1）Home.jsximportReactfrom'react'exportdefaultclassHomeextendsReact.Component{render(){return这是Home组件}}（2）Login.jsxi

魔法 • 革·2020-08-26 13:28

推荐频道

移动WEB