移动WEB 第11页

移动端跨平台技术之下的变与不变

目前（2020/7/18）来看，移动端跨平台需求主要集中在：跨PC端与移动端：PC向无线过渡的早期，希望PCWeb与移动Web复用同一套代码跨Native与Web：商品详情页等要求有一套功能差不多的Web

前端向后·2020-08-21 04:59

移动WEB开发-响应式布局

移动端WEB开发之响应式布局1.0响应式开发原理1.1响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~1200的中等屏幕（桌面显示器）大于1200的宽屏设备（大桌面显示器）1.2响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是

LUYrty樱花·2020-08-21 02:44

移动WEB开发-rem适配布局

移动web开发之rem布局rem基础媒体查询Less基础rem适配方案一、rem基础1、rem单位rem(rootem)是一个相对单位，类似于em，em是父元素字体大小。

LUYrty樱花·2020-08-21 02:40

移动WEB开发-flex弹性布局

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

LUYrty樱花·2020-08-21 02:04

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

移动web开发流式布局1移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。

LUYrty樱花·2020-08-21 02:04

移动WEB开发-响应式布局

移动端WEB开发之响应式布局1.0响应式开发原理1.1响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。设备的划分情况：小于768的为超小屏幕（手机）768~992之间的为小屏设备（平板）992~1200的中等屏幕（桌面显示器）大于1200的宽屏设备（大桌面显示器）1.2响应式布局容器响应式需要一个父级做为布局容器，来配合子级元素来实现变化效果。原理就是

LUYrty樱花·2020-08-21 02:37

移动WEB开发-rem适配布局

移动web开发之rem布局rem基础媒体查询Less基础rem适配方案一、rem基础1、rem单位rem(rootem)是一个相对单位，类似于em，em是父元素字体大小。

LUYrty樱花·2020-08-21 02:46

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

移动web开发流式布局1移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。

LUYrty樱花·2020-08-21 02:26

移动WEB开发-flex弹性布局

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

LUYrty樱花·2020-08-21 02:26

@media screen解决移动web开发的多分辨率问题

在css2中就有mediatype属性，用于判断媒体类型。而在css3中新增了mediaquery属性用于增强mediatype属性。mediaquery属性可以看做是是mediatype属性的增强版，使mediatype可以进行条件判断输出对应的css。screen仅是media中的一种常用设备的尺寸：显示器1280x800ipad1024x768Android800x480iPhone640x

2012013977·2020-08-21 00:51

测试工程师_自动化测试_移动端

移动web应用”是指使用移动浏览器访问的应用。混合应用是指原生代码封装网页视图——原生代码和web内容交互。

SoapEye·2020-08-20 23:09

测试工程师_自动化测试_移动端

移动web应用”是指使用移动浏览器访问的应用。混合应用是指原生代码封装网页视图——原生代码和web内容交互。

SoapEye·2020-08-20 23:08

前端面试题全面整理-带解析涵盖（css、js、浏览器、vue、react、移动web、前端性能、算法、node）

前言上期整理了一些vue面试题，本期整理总结这些前端面试题，涵盖面很广，并且面的都是知名大厂，所以这些题还是很有代表性的，都掌握以后一面基础面应该没什么问题，二面也能应付大半，奉上：css相关1.万能居中1.margin:0auto;水平2.text-align:center;水平3.行高，垂直4.表格，center,middle；水平垂直5.display:table-cell；模拟表格，all

李晓伟·2020-08-20 22:34

前端面试题全面整理-带解析涵盖（css、js、浏览器、vue、react、移动web、前端性能、算法、node）

前言上期整理了一些vue面试题，本期整理总结这些前端面试题，涵盖面很广，并且面的都是知名大厂，所以这些题还是很有代表性的，都掌握以后一面基础面应该没什么问题，二面也能应付大半，奉上：css相关1.万能居中1.margin:0auto;水平2.text-align:center;水平3.行高，垂直4.表格，center,middle；水平垂直5.display:table-cell；模拟表格，all

李晓伟·2020-08-20 22:01

移动web HTML5使用photoswipe模仿微信朋友圈图片放大浏览

http://www.cnblogs.com/theroad/p/5397229.html使用js框架是PhotoSwipe。PhotoSwipe是一个图片放大插件，兼容pc和移动端，经历过多个版本的迭代且一直在不断更新，踩过的坑不知凡几，在移动端有着巨大的优势。1、可控制多种风格如：标题、分享、全屏按钮，点击事件、是否加入字幕，背景透明等。2、可支持移动端触摸手势兼容pc端所有的基本手势支持：滑

weixin_30731287·2020-08-20 21:17

Javascript限制网页只能在微信内置浏览器中访问

那么问题就来了，这个网页首先涉及到了移动web前端开发，我优先选择了用HTML5+bootstrap组合来实现页面的美观效果，前端其他的任务交给javascript解决（这里我是完全使用原生javascript

xiangyong882000·2020-08-20 20:42

[聊一聊系列]聊一聊移动web分辨率的那些事儿

欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.com/blog/frontenddriver不同于PC时代，移动

侯医生·2020-08-20 20:08

[聊一聊系列]聊一聊移动web分辨率的那些事儿

欢迎大家收看聊一聊系列，这一套系列文章，可以帮助前端工程师们了解前端的方方面面（不仅仅是代码）：https://segmentfault.com/blog/frontenddriver不同于PC时代，移动

侯医生·2020-08-20 20:08

移动web端自定义tap与模拟hover效果

在上两篇文章【10行代码搞定移动web端自定义tap事件】【移动web端模拟hover效果】中分别对移动web端的自定义tap事件、模拟hover效果的原理进行了简单的说明。

小梦design·2020-08-20 20:15

移动web端自定义tap与模拟hover效果

在上两篇文章【10行代码搞定移动web端自定义tap事件】【移动web端模拟hover效果】中分别对移动web端的自定义tap事件、模拟hover效果的原理进行了简单的说明。

小梦design·2020-08-20 20:15

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

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

小梦design·2020-08-20 20:14

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

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

小梦design·2020-08-20 20:14

构建你第一个App

我们要构建什么我们将构建一个简单的移动web应用程序使用公司的移动网站。这个应用包含一个home主页,一个联系人表单,和一个简单的列表加载你最新的发布的博客并允许访问者通过移动设备访问。

yoha1227·2020-08-20 13:32

移动web开发

一基础知识1.1屏幕屏幕尺寸——对角线的长度分辨率——像素度量（水平和垂直）1.2长度度单位（相对和绝对长度）像素是一个相对的长度单位（像素没有固定的长度）1.3像素密度（DPI.PPI）--DotsPerInchPixelsPerInch单位面积像素里面能放多少的点数屏幕尺寸固定时，当PPI越大，像素的实际大小就会越小越高，，清晰度yu当PPI越小，像素实际大小就越大补充：Retina-视网膜屏

w997621897·2020-08-20 12:49

高dpi图片对于不同设备的适配方案

在移动web端，情况变得更加复杂：各种各样的设备具有不同的外形尺寸。受限的网络带宽和电池寿命。在图片方面，Web应用程序开发人员的目标是尽可能高效地提供最佳质量的图像。

Joker_Ye·2020-08-20 12:07

ASP.NET 2.0移动开发入门之使用模拟器

开始介绍如何编程之前，先介绍如何使用模拟器浏览ASP.NET移动WEB页面。由于不同的移动设备针对ASP.NET移动程序的支持程度是有较大差距的，因此显示的效果也有所不同。

bulbul2006·2020-08-20 11:42

移动开发基础

一移动web的基础知识1.meta标签 width:设置布局viewport的特定值（“device-width”）；initial-scale：设置页面的初始缩放；minimum-scale：最小缩放

女神修炼日记Cherry·2020-08-20 11:50

详解基于Android的Appium+Python自动化脚本编写

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

·2020-08-20 10:08

2020年全新web前端学习路线图，学完就业20K！

第一阶段：HTML5+css前端小白零基础入门HTML5+CSS3第二阶段：移动web网页开发移动web进阶教程第三阶段：JavaScript网页编程前端与移动开发基础入门到精通javaScript零基础通关必备教程第四阶段

嫦娥小姐姐·2020-08-19 05:45

移动web开发--- tabs栏详解之angular解析

我们经常使用tabs栏切换在这里我总结了一下tabs栏的切换方式。1.使用伪类：target切换.test.hd{padding:10px0;}.test.nav{position:fixed;right:10px;left:540px;}.test.nava{display:block;margin:10px0;}/*重点*/.test.bd.panel{width:500px;margin-t

believedream·2020-08-19 00:20

零基础学Vue--day07项目

1.电商业务概述客户端服务：PC端，小程序，移动web，移动app；管理员端服务：PC后台管理端；PC后台管理端功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息

淡漠的繁华·2020-08-18 23:48

swiper安装与引用

主要使用于移动端的网站、移动webapps，nativeapps和hybridapps。

kkkkljk·2020-08-18 11:23

js判断移动设备横屏竖屏状态

在移动WEB开发中，有些场景需要判断设备的横竖屏状态，在发现orientation方法之前我用的是获取设备的宽高来判断：//判断横竖屏$(window).resize(()=>{letw=$("body

懒得安分·2020-08-18 06:55

media viewport

在响应式设计或移动Web开发当中经常见到的一句代码：content属性还包括initial-scale，user-scalable等，不过这里不谈，它们的意思都很容易理解。

weixin_34259159·2020-08-18 04:23

移动Web页面，为什么都喜欢width=device-width，并且关闭系统缩放功能？

如题，这种方式做的移动Web页面，设计稿通常是按照960*640的规格进行设计，再开发的时候，通常会把里面量到的尺寸缩小一半再开发。

weixin_33991727·2020-08-18 04:27

一些关于Viewport与device-width的东西～

进行移动web开发已经有一年多的时间了，期间遇到了一些令人很困惑的东西。

weixin_30374009·2020-08-18 04:07

为什么移动Web页面都喜欢width=device-width 且关闭系统缩放功能

在网页的中增加这句话，可以让网页的宽度自动适应手机屏幕的宽度。其中：width=device-width：表示宽度是设备屏幕的宽度nitial-scale=1.0：表示初始的缩放比例minimum-scale=0.5：表示最小的缩放比例maximum-scale=2.0：表示最大的缩放比例user-scalable=yes：表示用户是否可以调整缩放比例手机的屏幕肯定有各种分辨率如果单纯固定死的话，

hyamy·2020-08-17 22:06

REST风格的软件架构

手机端除了app，我们还会经常接触到移动web，除了浏览器中，很多app里面也会使用web服务，我们会在手机上面做更多复杂的操作，老一代的系统架构已经不再适应了，需要更加规范和优秀的软件架构来应对今天的挑战

狂飙-蜗牛·2020-08-17 21:56

HTML5教程书籍电子版30本合集

高级程序设计》完整版电子书http://down.51cto.com/data/259638《HTML5从入门到精通》电子书下载http://down.51cto.com/data/309111《HTML5移动

北京星硕世纪信息技术有限公司·2020-08-17 07:02

你不知道的前端SDK开发技巧

作者：陈达孚香港中文大学研究生,《移动Web前端高效开发实战》作者之一，《前端开发者指南2017》译者之一，在中国前端开发者大会,中生代技术大会等技术会议发表过主题演讲,专注于新技术的调研和使用.本文为原创文章

weixin_33895657·2020-08-16 21:21

E聊SDK-简介(1): 介绍

E聊现已适配PCWeb,移动Web,Android,iOS等平台。3.系统架构:3.1各模块介绍E聊服务器:提供了基础的消息

E聊SDK·2020-08-16 19:29

最近Android真的凉凉了？

除此之外，最近，Google宣布将有一个单独的移动web搜索索引。这革命性一步完全改变了移动app开发趋势，特别是从SEO和webapp的角度。加速移动页面AMP改变webapp

weixin_33840661·2020-08-16 15:35

前端面试题全面整理-带解析涵盖CSS、JS、浏览器、Vue、React、移动web、前端性能、算法、Node

喜欢的小伙伴关注我哦，欢迎大家的交流学习文章目录前端面试题全面整理css相关1.万能居中2.BFC优化3.盒模型哪两种模式？什么区别？如何设置4.常用清除浮动的方法，如不清除浮动会怎样？5.删格化的原理6.纯css实现三角形7.高度不定，宽100%，内一p高不确定，如何实现垂直居中？8.至少两种方式实现自适应搜索9.设置一段文字的大小为6px10.css菊花图12.关于vh,vw13.Flex布局

妙趣前端·2020-08-16 14:22

移动端常见布局

流式布局方式是移动web开发使用的比较常见的布局方式max-width最大宽度（max-height最大高度）min-width最小宽度（min-hight最小高度）2flex布局2.1传统布局与flex

행운의소녀·2020-08-15 22:00

移动web顶部导航栏的制作小心得

之前一直涉及到的都是PC端的Web，现在要做微信公众号的时候，发现很多PC端的效果在手机上做起来是有一定的差别，要做很多兼容和调整的东西。现在来谈一谈这些天做顶部固定导航栏的小心得。因为博客貌似会解析文本中写的html代码，影响代码展示效果，所以为了方便，很多时候代码可能使用的是截图，给大家造成不便，聊表歉意。1.关于顶部固定导航栏效果图如下：实现代码如下：整体框架图如下图所示：现在让我们来看看c

浅曦忆·2020-08-15 19:47

CSS3: 神奇的"rem"自适应布局(WebAPP适配神器)

一.移动web开发与适配跑在手机端的web页面(h5页面)跨平台基于webview告别IE，拥抱webkit1.常见的移动web适配方法：(1).PC:960px/1000px居中盒子模型，定高，定宽display

搁浅...·2020-08-15 19:27

/** * 移动web站设置html的fontSize * 750宽度为100px rem = 效果图像像素(750 / 100);

/***移动web站设置html的fontSize*750宽度为100pxrem=效果图像像素(750/100);*/exportfunctionremChange(){varresizeEvt='orientationchange'inwindow

css3html5csdn·2020-08-15 19:13

移动web开发中viewport的理解

引言在移动web开发中，首先必须要弄清楚的就是viewport的概念。不管对于web开发新手还是从事pc端web开发已久的开发者，viewport的概念和使用至关重要。

zhuchuji·2020-08-15 17:19

移动Web开发-WebApp（flex布局+移动端导航案例）

实际开发中的像素：css像素设备像素比dpr=设备像素/css像素标清屏dpr=1高清屏dpr=2缩放改变的是css像素大小PPI（每英寸的物理像素点）=根号（屏幕横向分辨率²+屏幕纵向分辨率²）/屏幕对角线长度（单位英寸）视口viewportconsole.log(window.innerWidth);//窗口文档显示区宽度console.log(document.documentElement

冬眠的龙龙·2020-08-15 15:00

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

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

iteye_11316·2020-08-15 10:59

推荐频道

移动WEB

移动端跨平台技术之下的变与不变

移动WEB开发-响应式布局

移动WEB开发-rem适配布局

移动WEB开发-flex弹性布局

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

移动WEB开发-响应式布局

移动WEB开发-rem适配布局

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

移动WEB开发-flex弹性布局

@media screen解决移动web开发的多分辨率问题

测试工程师_自动化测试_移动端

测试工程师_自动化测试_移动端

前端面试题全面整理-带解析 涵盖（css、js、浏览器、vue、react、移动web、前端性能、算法、node）

前端面试题全面整理-带解析 涵盖（css、js、浏览器、vue、react、移动web、前端性能、算法、node）

移动web HTML5使用photoswipe模仿微信朋友圈图片放大浏览

Javascript限制网页只能在微信内置浏览器中访问

[聊一聊系列]聊一聊移动web分辨率的那些事儿

[聊一聊系列]聊一聊移动web分辨率的那些事儿

移动web端自定义tap与模拟hover效果

移动web端自定义tap与模拟hover效果

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

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

构建你第一个App

移动web开发

高dpi图片对于不同设备的适配方案

ASP.NET 2.0移动开发入门之使用模拟器

移动开发基础

详解基于Android的Appium+Python自动化脚本编写

2020年全新web前端学习路线图，学完就业20K！

移动web开发--- tabs栏详解之angular解析

零基础学Vue--day07项目

swiper安装与引用

js判断移动设备横屏竖屏状态

media viewport

移动Web页面，为什么都喜欢width=device-width，并且关闭系统缩放功能？

一些关于Viewport与device-width的东西～

为什么移动Web页面都喜欢width=device-width 且关闭系统缩放功能

REST风格的软件架构

HTML5教程书籍电子版30本合集

你不知道的前端SDK开发技巧

E聊SDK-简介(1): 介绍

最近Android真的凉凉了？

前端面试题全面整理-带解析 涵盖CSS、JS、浏览器、Vue、React、移动web、前端性能、算法、Node

移动端常见布局

移动web顶部导航栏的制作小心得

CSS3: 神奇的"rem"自适应布局(WebAPP适配神器)

/** * 移动web站设置html的fontSize * 750宽度为100px rem = 效果图像像素(750 / 100);

移动web开发中viewport的理解

移动Web开发-WebApp（flex布局+移动端导航案例）

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

前端面试题全面整理-带解析涵盖（css、js、浏览器、vue、react、移动web、前端性能、算法、node）

前端面试题全面整理-带解析涵盖（css、js、浏览器、vue、react、移动web、前端性能、算法、node）

前端面试题全面整理-带解析涵盖CSS、JS、浏览器、Vue、React、移动web、前端性能、算法、Node