移动Web 第5页

移动web开发之flex布局

移动端常见布局：✍目录总览：（移动Web开发、移动端常见布局【流式布局、flex布局（概念、容器、项目）】）流式布局（百分比布局)流式布局，就是百分比布局，也称非固定像素布局。

生命里那束光·2023-04-12 02:28

27款实用高效的腾讯热门开源项目推荐

WeUI是由微信官方设计团队专为微信移动Web应用设计的UI库，是一套同微信原生视觉体验一致的基础样式库，为微信Web开发量身设计，可以令用户的使用感知更加统一。

ejinxian·2023-04-10 23:52

移动web第一天字体图标平面转换渐变

字体图标字体图标展示的是图标，本质是字体。处理简单的、颜色单一的图片。字体图标的优点：灵活性：灵活地修改样式，例如：尺寸、颜色等轻量级：体积小、渲染快、降低服务器请求次数兼容性：几乎兼容所有主流浏览器使用方便：1.下载字体包2.使用字体图标图标库Iconfont：https://www.iconfont.cn/下载字体包：登录（新浪微博）→选择图标库→选择图标，加入购物车→购物车→添加至项目→下载

秃燃的一天·2023-04-10 01:57

vue 按需引入NutUI

NutUI是一套京东风格的移动端组件库，开发和服务于移动Web界面的企业级产品。具体的使用方式，可以参考NutUI说明文档。虽说NutUI也有针对vue版本，有不同的引入方式的介绍。

拿回忆下酒·2023-04-08 13:52

移动web第三天-移动端特点flex布局

1、flex弹性布局flex的优势：简单、灵活避免浮动脱标面试题：什么叫弹性布局：弹性布局就是flex布局1.1用法：给父元素(弹性容器)添加dispaly:flex弹性容器特点：1、默认宽度和父元素宽度一样，默认的高度由内容撑开弹性盒子(亲儿子)特点：1、默认宽度由内容撑开，默认的高度为父元素的高度(侧轴方向默认是拉伸)2、没有块级，行内，行内块元素之分，统统都是弹性盒子，都可以设置宽高3、默认

前端wenyq·2023-04-07 10:29

移动端弹出遮罩层后禁止页面滚动

在开发移动web的时候，相信大家都会遇到当有fixed定位遮罩层弹出时，在屏幕上滑动能够滑动背景下面的内容，这在大部分场景下都不是和友好的，解决方法如下：1.CSSoverflow:hidden一般这种情况如果需要阻止滚动嘴简单的方法就是弹层弹出后

南城FE·2023-04-05 06:06

慕课网学习之-移动web滚动

移动端的滚动方式及滚动原理1.body滚动：意思是页面的高度由内容自动撑大，body自然形成滚动条，一般不做处理默认的都是body滚动body.jpeg2.局部滚动:意思就是我们的滚动在一个固定宽高的div内触发，将该div设置为overflow:scroll/auto;来形成div内部的滚动，滚动条出现在div内部scroll.jpeg3.模拟滚动，典型例子为iscroll，原理有两种:a.监听

等花开_8e16·2023-04-04 17:44

iOS web html5 移动端软键盘弹起遮挡输入框输入框定位不准确

移动web聊天页面，输入框在底部的时候，点击输入，弹起软键盘，iOS在将页面推上的时候会回弹一下，导致键盘刚好遮挡到输入框。而且在页面不同高度弹起的键盘对输入框的位置还不一样。

南城FE·2023-04-04 16:11

【前端】01 - 移动web开发-流式布局

1.移动端基础1.1浏览器现状PC端常见浏览器：360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器：UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都

itlu·2023-04-04 12:45

2022-04-11

就业班移动web第七天一、媒体查询根据设备的变化，设置差异式布局！

橙黄橘绿时_da6d·2023-04-03 20:48

移动web开发与适配

学习目标了解移动web简单调试方法了解移动web常见适配方案掌握移动端布局技巧全面掌握rem适配方法移动端小知识跑在手机端的web页面(H5页面)为什么也叫做H5页面？

李华炎·2023-04-03 06:41

一个平凡de人·2023-04-01 07:40

APP自动化测试系列之Appium介绍及运行原理

一、Appium介绍1、Appium概念Appium是一个开源测试自动化框架，可用于原生，混合和移动Web应用程序测试。它使用WebDriver协议驱动IOS，Android和Windows应用程序。

软件测试呀·2023-04-01 01:08

简单的 Meta标签

今天来聊一点简单的东西；为什么我们编辑器中的快捷代码段中都会有一个这个我相信大家都知道是干什么的；今天我想说的是移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动

锋享前端·2023-04-01 00:51

「vue基础」新手入门篇（一）

谷歌也推出了基于组件的第二代Angular框架，致力于开发全平台应用——Web、移动Web、移动应用、原生应用和桌面原生应用，其最为核心的特点是：MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等

前端达人·2023-03-31 04:28

Appium环境搭建及元素定位

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

程序员白虎·2023-03-30 04:42

移动web-day03-移动端特点,百分比布局,Flex布局

一,移动端特点1.移动端和PC端网页不同点PC端网页和移动端网页的有什么不同？➢PC屏幕大，网页固定版心➢手机屏幕小，网页宽度多数为100%如何在电脑里面边写代码边调试移动端网页效果？➢谷歌模拟器2.分辨率.1屏幕尺寸指的是屏幕对角线的长度，一般用英寸来度量.2分辨率PC分辨率:➢1920*1080➢1366*768缩放150%:➢（1920/150%）*（1080/150%）总结:硬件分辨率（出

sheepl·2023-03-30 02:57

自学JQuery Mobile的几个例子

JQueryMobile是一个用于构建移动Web应用程序的框架，适用于主流的移动设备（智能手机、平板电脑），该框架利用了HTML5和CSS3技术减少了额外的脚本文件的编写。

weixin_30859423·2023-03-29 17:23

2023年web前端开发学习路线图

新手入门：HTML5+CSS3+实战项目→移动webJavaScript阶段：JavaScript基础→JavaScript核心WebAPIs→数据交互&异步编程Ajax\GitVUE开发：框架前置课Nodejs

宝马金鞍901·2023-03-29 15:27

2023年Web前端开发学习路线图

目录前言第一阶段：新手入门1.Web前端零基础入门HTML5+CSS3+前端项目2.移动web开发实战第二阶段：技术进阶1.JavaScript深入浅出-0基础入门神器2.JavaScript核心之WebAPIs3

黑马程序员官方·2023-03-29 15:05

移动web页面局部横向滑动

想实现一个类似手机京东App热搜的横向滑动，一开始走上了错误的道路，想要使用touchmove来完成滑动部分。结果越整越复杂，效果还不行，滑动后，两边都有空白不知道怎么消除。作为前端小白，一碰到这种问题就十分头疼。后来重新整理了思路，参考了CSSul横向滑动并超出屏幕可滑动，直接用CSS就能完成了，很感谢。其实按照我的原始需求，并不需要能滑动，只要平铺排列出来就可以了。所以把两种都放这儿吧最近搜索

谁动了我的芝麻糖·2023-03-27 04:06

每日前端签到（第六十八天）

第六十八天（2018-10-12）[html]移动web页面如何自动探测电话号码？[css]请你解释下什么是浮动和它的工作原理是什么？同时浮动会引起什么问题？

拿着号码牌徘徊·2023-03-25 04:55

ljwheyxy·2023-03-24 10:18

Vue电商后台管理系统项目开发实战（一）

前言当下根据不同的应用场景，电商系统一般都提供了PC端，移动APP，移动Web，微信等多种访问方式。如下图。不同的客户端共用同一个服务器，数据库，API。

小韦的案例小窝·2023-03-23 19:57

Chrome最新版放弃webkit内核，改为blink

那么我们有一个更加分散的移动WebKit故事？什么阻止Chrome发布专有功能？这只是谷

王策北·2023-03-22 15:07

记录vue 移动web页面在iOS和安卓浏览导航栏的字不显示问题

正常布局一个导航栏，但是字在ios出不来，在安卓一切正常，直接上图：未出现字之前的代码字未出现经过一番鼓捣；终于解决了：直接上图代码：改后的布局改变后的样式下面这个，改变后的样式，我试着吧字体大小的单位用rem，结果，active后字又不显示了，用px就是正常的，没办法还是用pxpx图下面这个图是用rem为字体单位的效果图，就不上代码了，直接上图：rem为字体单位的active后没出现字总之，问题

力丸x·2023-03-20 11:40

为什么要选择创建HTML5 web App

为什么要选择创建HTML5webApp让我们来回顾用HTML5框架创建移动webApp的一些优势。在移动开发方面，移动webApp已经比原生App以及响应式设计这两个时髦术语炒作得少了。

APP开发那些事儿·2023-03-19 20:14

Windows下Appium环境搭建

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

Dotry·2023-03-19 05:24

Angular学习笔记-深入学习

比如：Web应用、移动Web应用、移动应用和桌面应用等。通过WebWorker和服务端渲染(SSR)，达到在如今Web平台上所能达到的最高渲染速度。Angular让你能够有效掌控可伸缩性。

赵客缦胡缨v吴钩霜雪明·2023-03-18 12:23

前端学习第二阶段-第4章移动web开发

4-1媒体查询01-移动WEB开发rem适配布局导读02-rem单位03-媒体查询语法简介04-媒体查询案例背景变色05-媒体查询+rem实现元素动态大小变化06-媒体查询引入资源4-2less介绍和使用

戈森·2023-03-18 00:50

08-CSS-移动WEB开发之流式布局

一、移动端基础1.1浏览器现状PC端常见浏览器360浏览器、谷歌浏览器、火狐浏览器、QQ浏览器、百度浏览器、搜狗浏览器、IE浏览器。移动端常见浏览器UC浏览器，QQ浏览器，欧朋浏览器，百度手机浏览器，360安全浏览器，谷歌浏览器，搜狗手机浏览器，猎豹浏览器，以及其他杂牌浏览器。国内的UC和QQ，百度等手机浏览器都是根据Webkit修改过来的内核，国内尚无自主研发的内核，就像国内的手机操作系统都是基

lsc。·2023-03-14 04:46

Appium: Windows系统桌面应用自动化测试(一)

（3）Appium是一个开源工具，用于自动化iOS手机、Android手机和Windows桌面平台上的原生、移动Web和混合应用。它把这些系

Lion King·2023-02-28 06:10

移动web 03-day(移动端特点\百分比布局\Flex布局)

1.移动端特点01-移动端和PC端网页不同点1.png02-谷歌模拟器:pc端转换成移动端后,要把网页刷新一遍2.png03-分辨率1.屏幕尺寸：指的是屏幕对角线的长度，单位一般为英寸；.物理分辨率/设备分辨率：指的就是当前屏幕所拥有的物理像素点的个数！！！它是不可被软件(驱动)改变，出厂就固定了的；.逻辑分辨率：指的就是设备宽度和高度，单位为像素，设计图会根据逻辑分辨率去设计页面，它是可以被软件

得闲饮茶_ebdf·2023-02-19 03:59

移动web第三天-------移动端特点flex布局

PC端网页和移动端网页的不同1.PC屏幕大，网页固定版心2.手机屏幕小，网页宽度多数为100%如何在电脑里面边写代码边调试移动端网页效果？谷歌模拟器**打开谷歌浏览器,f12进入调试模式,点击下面片面的红色方框出按钮,进入手机模拟器image.png屏幕尺寸1.指的是屏幕对角线的长度，一般用英寸来度量分辨率1.硬件分辨率（出厂设置）2.缩放调节的分辨率（软件设置）分辨率分类物理分辨率是生产屏幕时就

JustinLaw·2023-02-17 04:42

小程序技术科普：运行机制&安全机制

了解小程序的由来在小程序没有出来之前，最初微信WebView逐渐成为移动web重要入口，微信发布了一整套网页开发工具包，称之为JS-SDK，给所有的Web开发者打开了一扇全新的窗户，让所有开发者都可以使用到微信的原生能力

speedoooo·2023-02-07 13:59

《HTML5移动web开发指南》笔记（一）

图书封面内容简介《HTML5移动Web开发指南》主要围绕html5技术，讲述如何利用html5相关技术开发移动web网站和webapp应用程序。

重庆淡静·2023-02-03 15:45

Vue-CLI 的 H5 在手机QQ分享配置的天坑!

官方提供的资料:腾讯移动Web开发平台:15年最后一次更新,可想而知放在如今QQ中调用的准确性！这里面提供了一些QQWebView相关配置的接口,也只是一些接口。

ErHu丶·2023-02-03 03:24

【前端学习笔记】移动web-黑马程序员学习笔记

移动web-黑马程序员学习笔记1字体图标2平面转换2.1绝对定位元素居中：2.2双开门效果2.3旋转效果2.4*转换原点2.5多重转换效果2.6缩放3*渐变4空间转换（3D转换）4.1空间位移4.2透视效果

张张张张张高高·2023-01-31 15:44

移动web变形,旋转,缩放,渐变

移动web变形,旋转,缩放变形transform（2D）位移translate盒子水平和垂直旋转rotate设置中心点transform-origin多形态变形小技巧缩放scale渐变变形transform

鹏zxp·2023-01-26 02:14

PC端移动端UI

后台UI分类：topjuiH+AmazeUIlayui腾讯FrozenUIAUIbootswatchNEC腾讯移动WebH-uisui组件库SUIMobileUIkitYDUIBUI快速上手MUIElementTOUCHUI

梦想虽然·2023-01-26 00:29

web与app开发java_移动web开发和移动app开发的区分

1、移动web开发这部分跟web前端开发差别不大，使用的技术都是html+css+js。区别为手机浏览器是webkit的天下，pc端是IE的天下。手机网页可以理解成pc网页的缩小版加一些触摸特性。

那些都不懂·2023-01-21 18:55

vue.js

dom查找dom新增创建dom克隆删除属性操作app分类移动webapp运行在移动端浏览器上的app原生app：就是从移动端应用商店下载的app混合式app：就是我们前端写好的页面

北冥神功。·2023-01-20 14:00

Vue知识总结

dom查找dom新增创建dom克隆删除属性操作app分类移动webapp运行在移动端浏览器上的app原生app：就是从移动端应用商店下载的app混合式app：就是我们前端写好的页面

Bmx1111·2023-01-20 13:59

移动web开发的第一天学习分享-------字体图标

在还没有开始学习移动web时,对于网页的小图标都是使用精灵图来写代码,今天了解到1.字体图标(只有一种颜色的图标,本质是字体.可以采用字体图标而不用使用精灵图,降低服务器请求次数,)字体图标使用步骤:步骤

两米八八!·2022-12-29 13:00

跨平台开发方案的三个时代

从当前的实际情况来看，移动端跨平台需求主要集中在以下3点：桌面端跨移动端：桌面向移动端过渡的早期，希望PCWeb与移动Web复用同一套代码。Native跨Web：一套功能差不多的W

finogeeks·2022-12-06 15:28

Python +Appium 实现app自动化测试

Python+Appium实现app自动化测试一、Appium简介Appium是一款开源工具，用于自动化iOS、Android和Windows桌面平台上的本地、移动web和混合应用程序。

ChinaDragonDreamer·2022-11-28 22:05

h5c3---移动WEB开发---移动端常见布局（上）---8.15

流式布局方式是移动web开发使用的比较常见的布局方式。二倍精灵图做法在PS里面把精灵图等比缩放为原来的

i33.·2022-11-21 21:46

h5c3---移动WEB开发---移动端常见布局（下）---8.25

二、响应式页面兼容移动端（其次）：①响应式开发（媒体查询）原理：使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。响应式布局容器：响应式需要一个父级做为布局容器，来配合子级元素实现变化效果。原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。响应式布局的容器固定宽度：大屏(>=12