移动端web 第2页

移动端WEB开发之响应式布局

css基础（一）css基础（一）_上半场结束，中场已休息，下半场ing的博客-CSDN博客Emmet语法Emmet语法_上半场结束，中场已休息，下半场ing的博客-CSDN博客css基础（二）css基础（二）_上半场结束，中场已休息，下半场ing的博客-CSDN博客css基础（三）css基础（三）_上半场结束，中场已休息，下半场ing的博客-CSDN博客css基础（四）css基础（四）_上半场结束

上半场结束，中场已休息，下半场ing·2023-07-20 18:26

Fiddler抓包远程调试篇

功能与网页浏览器的开发者工具基本类似，但这个工具更适合用于移动端web的调试。抓包的作用：1.可使用的电脑：windows或mac

JIseven·2023-07-14 09:32

移动端Web视频播放兼容处理

最近因为项目中用到了视频播放，所以使用了HTML5中的video标签，但是遇到了的各种兼容问题。背景：项目运行在支付宝内的网页，被第三方测试机构测出安卓和IOS中视觉不一样。不得不满足他们的要求。1.video标签有一个层级问题，永远大于页面其他元素的层级。这样就会导致如果页面有其他内容需要展示在页面上方的时候，比如弹层之类的，这样就会出现以下的情况。视频播放时点开其他的弹层（安卓）在安卓机型中，

南城FE·2023-06-09 04:54

全网最全-Java简历优化-优质项目经历

全网最全-Java简历优化-优质项目经历应届生Java简历-项目经历部分头条移动端web应用（黑马头条）项目描述该项目要求仿照目前比较流行的“今日头条”app，内容则以技术类文章为主，为终端学习用户提供精准的

Java-You·2023-06-07 07:40

前沿的Web前端技术趋势与应用实践

一、移动端Web前端技术趋势1.1移动Web前端框架移动端Web前端框架已经成为移动端开发中的标配，框架的出现让移动端开发变得更加简单高效，如ReactNati

小正太浩二·2023-04-20 15:32

移动端Web接入腾讯云TRTC实践（React+TS）

实时音视频服务在项目中出现的频率越来越高的，自己写webRTC的成本相对腾讯云的TRTC-SDK要多大得多，最近公司项目移动端和PC端Web(React+TS)小程序（Taro）中都有使用到，这里针对移动端

Dong.YI·2023-04-06 06:46

使用PC远程调试移动端Web页面

目的只有手机端才能更方便的调试一些特有操作:如多点触控/弹出输入法,但手机端又不能很好的使用F12控制台.我们希望既可以在手机端操作,也能在PC浏览器控制台查看日志或者审查元素.设置一台安卓设备,打开开发者配置,打开USB调试,安装并打开Chrome浏览器.一台PC,打开Chrome,打开科学上网,进入网址:chrome://inspect/#devices,打开DiscoverUSBdevice

bysir·2023-03-27 22:29

最流行的四种移动端布局方式，看这一篇文章就够了

而我们的移动端呢，那就是万余基于webkit了，所以各位进行移动端web开发时，只考虑webkit的适配就可以了，怎么样，开不开心？我们先来看看什么是视口，视口就是浏览器显示页面内容的屏幕区域。

第三条鱼de·2023-03-26 06:15

移动端web开发PX单位问题

在页面开发过程中，对于设计给的设计稿，一般的PC页面开发的时候，很简单，使用px为单位，给多少px就标注多少。但是到了移动端的web开发，一般标注的单位是dp，这对于css里面px单位就需要转换一下了，这边简单说明一下相关点。几个概念设备像素设备像素，也叫物理像素，先来看看很多资料上面的描述它是物理概念，指的是设备中使用的物理像素(Physicpixel)。这个单位用px表示，它是一个[相对绝对单

两句挽联·2023-03-21 22:47

移动端 1px 像素问题及解决办法

前言：在移动端web开发中，UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在某些机型上，1px会比较粗，即是较经典的移动端1px像素问题。

小丶侯·2023-03-18 22:30

移动端web界面开发

根据2017年大公司的市场分析报告，移动端用户上网人数和上网时间已经突飞猛进，相信在5G的环境中，更多人会选择便捷的移动端进行浏览网页获取信息。移动端界面开发也更加重要。移动端网页前端开发和传统PC端开发有不少异同点。1.移动端由于屏幕较小，为提高用户体验，设置单个网页内容远远小于PC端（网页HTML结构相对简单），小部件和格式处理更便捷。PC端富含更多信息，细节更丰富（导航网站或者购物网站尤为明

Michael18811380328·2023-03-18 15:31

基于vue的企业级可用前端框架（开篇）

然后，在此基础上再介绍移动端web项目的建设，当然也会编写完整的代码。完整可运行的

欢喜明·2023-03-17 10:38

2018-12-06-简历2

2，熟练掌握移动端web端，跨浏览器和跨设备的网

篱外听雨·2023-03-09 21:06

移动端web开发第3天（flex布局)

1、移动端和PC端网页不同点?PC屏幕大，网页固定版心手机屏幕小，网页宽度多数为100%2、分辨率物理分辨率/设备分辨率：指的就是当前屏幕所拥有的物理像素点的个数！！！它是不可被软件(驱动)改变，出厂就固定了的；逻辑分辨率：指的就是设备宽度和高度，单位为像素，设计图会根据逻辑分辨率去设计页面，它是可以被软件/驱动所更改的物理像素点：显示图像最小单位PPI：单位英寸内所拥有的物理像素点的个数，像素密

小文同学_6762·2023-03-08 23:33

视频直播、点播H5播放器SkeyeWebPlayer适配排除，移动端，常见移动端Web页面问题及解决方案

免费视频直播、点播H5播放器SkeyeWebPlayer适配排除，移动端，常见移动端Web页面问题及解决方案SkeyeVSS其独创的ws-rtsp流媒体直播技术，兼容传统安防流媒体的同时，不需要安装浏览器插件

·2023-02-17 14:09

真实的程序员日常工作，你中招没？？

第2节：《简易安装和快速创建“HellowWord”》第3节：《小程序之数据绑定，数据还可以这样玩》第4节：《小程序必会用到的三个标签和两个控制属性》7个优秀的国内外移动端web框架

Mr_Zhangwr·2023-02-07 02:10

使用vue-cli(2.x)开发web的基础(四)-集成使用bootstrap,jquery

建议不要使用bootstrap,首先集成比较麻烦,还需要使用jquery,开发pc端web,可以使用element-ui,iview-ui等开发移动端web,可以使用VUX,Cube-UI参考https

Unique_c·2023-02-04 00:19

用CSS做iOS和Android样式适配

在移动端webview渲染的时候，html标签会被自动加入一个class属性，会标识不同的设备如：android上是androidmobileiPhone上是iosphonemobileiPad上是iosipadtabletPC

费麭·2023-01-26 10:38

移动端web及app设计尺寸

移动端高清、多屏适配方案背景开发移动端H5页面面对不同分辨率的手机面对不同屏幕尺寸的手机视觉稿在前端开发之前，视觉MM会给我们一个psd文件，称之为视觉稿。对于移动端开发而言，为了做到页面高清的效果，视觉稿的规范往往会遵循以下两点：首先，选取一款手机的屏幕宽高作为基准(以前是iphone4的320×480，现在更多的是iphone6的375×667)。对于retina屏幕(如:dpr=2)，为了达

若晨工作室·2023-01-13 07:32

移动端适配+flexible.js+rem适配

移动端适配前沿：移动端web页面的开发，由于手机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得web页面在不同移动设备上具有相适应的展示效果，需要在开发过程中使用合理的适配方案来解决这个问题。

Front End Developer·2022-12-20 18:02

移动端web开发（一）--- 移动端开发基础和流式布局

一、移动端基础目前国内常见的移动端浏览器有：UC浏览器、百度浏览器、QQ浏览器等等，种类繁多五花八门，但他们也有一个共同点：都是根据Weblit内核修改延伸出来的内核，所以如果要考虑移动端兼容性问题，只需要处理Webkit内核即可。不过移动端浏览器发展较晚，所以对HTML5和CSS3支持很高，一般不会出现不兼容的问题。由于手机的屏幕尺寸碎片化十分严重，所以对我们制作的所有移动端页面都提出了新要求：

努力的小朱同学·2022-11-21 21:43

移动端布局三种视口_CSS 移动端WEB开发之流式布局-视口

二、css视口视口(viewport)就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口和理想视口2.1布局视口layoutviewport一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的PC端页面在手机上显示的问题。iOS,Android基本都将这个视口分辨率设置为980px，所以PC上的网页大多都能在手机上呈现，只不过元素看上去很小，一般默认可以通过手动缩放网页。2.

will.安稳·2022-11-21 21:05

【CSS】8-移动端开发

目标能够知道移动端web开发现状能够写出标准的viewport能够使用移动web调试方法能够说出移动端场景的布局方案能够描述流式布局能够独立完成京东移动端首页基础移动端基础、视口、二倍图、移动端调试、移动端技术解决方案

moonbaby1·2022-11-21 20:16

前端基础知识第四章---移动端WEB开发之响应式布局

前言❤️人间一趟，积极向上，不念过往，不畏将来❤️前端基础知识第四章---移动端WEB开发之响应式布局一、响应式开发（1）响应式开发原理（2）响应式布局容器二、Bootstrap前端开发框架（1）Bootstrap

battledao eternity·2022-11-21 20:13

前端基础知识第一章---移动端WEB开发之流式布局

前言❤️别去羡慕别人的风光，有本事自己闯一片辉煌❤️前端基础知识第一章---移动WEB开发之流式布局一、移动端基础（1）浏览器现状（2）手机屏幕现状（3）移动端调试方法二、视口（1）布局视口layoutviewport（2）视觉视口visualviewport（3）理想视口idealviewport（4）meta视口标签三、二倍图（1）物理像素&物理像素比（2）多倍图（3）背景缩放backgrou

battledao eternity·2022-11-21 20:42

api 微信小程序组件库colorui_Vant Weapp - 有赞出品的微信小程序组件库

VantWeapp和Vant的区别之前推荐过的移动端web组件库Vant是Vue.js版本的，其对内承载了有赞所有核心业务，对外有十多万开发者在使用，一直是业界主流的移动端组件库之一。

weixin_39956110·2022-11-17 05:42

C# + HtmlAgilityPack + Dapper走一波爬虫

又有机会撸winform了，这次的需求是因为公司有项目申报的这块业务，项目申报前期需要关注政府发布的相关动态信息，政府部门网站过多，人工需要一个一个网站去浏览和查阅，有时候还会遗漏掉，因此呢，我们打算用爬虫+移动端

我只是学了一下编程·2022-11-01 14:44

《Vue.js 3移动应用开发实战》简介

随着前后端分离开发模式的出现，前端框架Vue、React、Angular相关生态的不断完善，移动设备的普及，移动端WebApp的开发成为主流，越来越多的大学逐步开设Web相关的课程。

新知图书·2022-09-07 21:47

H5缓存机制浅析-移动端Web加载性能优化

1H5缓存机制介绍H5，即HTML5，是新一代的HTML标准，加入很多新的特性。离线存储（也可称为缓存机制）是其中一个非常重要的特性。H5引入的离线存储，这意味着web应用可进行缓存，并可在没有因特网连接时进行访问。H5应用程序缓存为应用带来三个优势：离线浏览-用户可在应用离线时使用它们速度-已缓存资源加载得更快减少服务器负载-浏览器将只从服务器下载更新过或更改过的资源。根据标准，到目前为止，H5

huang100qi·2022-06-29 07:12

SSM+Layui网上书城系统移动端Web开发

移动Web与原生应用的优劣势一、移动Web的优势跨平台:网页应用运行在浏览器上，不会直接和系统打交道开发成本低:Because没有平台问题，开发者不需要掌握多种开发语言和框架更容易迭代:Web应用所有的资源都在服务器，不需要用户主动安装和更新就可以实现产品的升级迭代二、移动Web的劣势功能有限:因为没有和系统直接打交道所以只能使用浏览器提供的部分功能操作体验欠佳:由于运行在浏览器上，很多浏览器的质

彭祥.·2022-05-28 18:08

移动端web响应式布局开发

我宣布响应式布局！你！是！我的！神！响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的设备划分尺寸区间超小屏幕(手机)=768px~=992px~=1200px响应式布局容器响应式需要一个父级作为布局容器，来配合子级元素来实现变化效果原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的

今天学习英语了吗·2022-05-22 22:59

[移动端]移动端设备属性

文章目录移动端设备的一些属性尺寸分辨率像素屏幕分辨率图像分辨率PPIDPIDIP(设备独立像素)DPR(设备像素比)移动端web页面的开发，由于手机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得

程序员云锦·2022-04-15 10:40

网页外部注入vConsole调试

之前已经发过一篇《借助FreeHttp为任意移动端web网页添加vConsole调试》，不过那篇操作起来还是比较复杂。

lulianqi15·2022-02-22 12:00

前端基础知识第三章---移动端WEB开发之rem适配布局

前言❤️我不停奔跑，只为追赶当年被寄予厚望的自己❤️前端基础知识第三章---移动WEB开发之rem适配布局一、rem基础二、媒体查询（1）什么是媒体查询（2）语法规范2.1mediatype查询类型2.2关键字2.3媒体特性2.4案例：根据页面宽度改变背景变色（3）引入资源（理解）三、Less基础（1）维护css的弊端（2）Less介绍（3）Less使用（4）Less变量（5）Less编译（6）L

battledao·2022-02-18 17:22

Web：移动端阻止默认行为的小坑

问题移动端web开发中，使用addEventListener阻止了touchstart事件的默认行为却发现没有生效描述再移动端web开发中，我们一般会用addEventListener给document

WindChen·2022-02-08 20:00

REM转换脚本

在写移动端web项目时，经常会用到REM这个单位。但是不同REM和PX的相对基准值是不同的（像我们在IPhone6下，使用的是1REM=50px）。在使用其他人的页面时会涉及到一个单位转换的问题。

欢乐相随·2022-02-07 18:49

【移动端Web开发之响应式布局】

文章目录【移动端Web开发之响应式布局】前端小抄(20)一、响应式开发1.1响应式开发原理1.2响应式布局容器二、Bootstrap前端开发框架2.1Bootstrap简介2.2Bootstrap使用2.3

我把夜熬成了白_·2022-02-06 07:28

移动端web调试神器 - Eruda

前言我们在写webapp或者移动端网页需要嵌入到app时候，尤其是在APP内置的webView上加载我们的页面，想要查看手机浏览器信息是非常困难的事，当出现问题的时候，你又不能查看日志，一般会连接本地测试环境，然后在alert来打印日志（这种做法太蠢了），然后一遍一遍的定位bug，修改代码。使用eruda之后感觉爽爆了，解决了这个问题，这个工具就想电脑端的devtools，可以查看日志，网络，页面

硅谷干货·2021-11-30 09:50

移动端1px解决方案

在移动端web页面中，1px的问题是一个常见的问题，总结一些解决移动端web的1px方法以及对应API介绍border-imageborder-imageCSS属性允许在元素的边框上绘制图像语法border-image

·2021-11-05 12:39

移动端web开发笔记

目录移动端基础视口meta视口标签物理像素与物理像素比二倍图背景缩放background-size背景二倍图以及多倍图切图移动端开发选择移动端技术解决方案移动端特殊样式移动端技术选型流式布局京东移动端首页准备工作body设置app布局app内容填充搜索模块布局搜索模块内容制作新闻快报模板京东移动端首页结束移动WEB开发flex布局导读flex布局体验flex布局原理flex设置主轴方向justif

CharmDeer·2021-10-14 20:56

移动端Web开发基础知识

文章目录移动端Web开发移动端基础浏览器视口样式编写分辨率和设备像素比二倍图SVG矢量图移动端Web开发移动Web开发的两种主流方案，一种是单独制作移动端页面，另一种是制作响应式页面移动端页面：单独制作移动端页面的优势和劣势

YuLong~W·2021-09-26 19:35

滚动穿透与滚动溢出

滚动穿透问题描述在移动端WEB开发的时候（小程序也雷同），如上录屏所示，如果页面超过一屏高度出现滚动条时，在fixed定位的弹窗遮罩层上进行滑动，它下面的内容也会跟着一起滚动，看起来好像事件穿透到下面的

·2021-09-14 10:35

vue3.0 使用高德地图获取经纬度信息

这个移动端web可能真的没有高德地图大。引入一个比自己大的，也实属无奈。记录一下。还是更建议使用微信jssdk完成。我这里没有加载地图的实体。因为用不到。只获取当前的经纬度就行了。

·2021-09-09 11:45

移动端web开发

移动端web开发概述随着互联网技术的快速发展，加之智能设备的迅速普及,传统网站都已经逐渐向移动端转移和扩展,移动端web开发技术的掌握也显得尤为重要。

爱敲代码的狼仔·2021-08-02 22:31

spy-debugger调试、抓包工具

远程调试任何手机浏览器页面，任何手机移动端webview（如：微信，HybridApp等）。支持HTTP/HTTPS，无需USB连接设备。特性1、页面调试＋抓包2、操作简单，无需USB连接设备3、支

吖蛋黄·2021-06-27 18:20

关于像素问题

px产生的像素问题通常在移动端web开发中，UI设计稿中设置边框为1px，在前端开发过程中，实际效果并不等于1px。为什么会有1px像素的问题？先了解设备的物理像素和逻辑像素

向前端看齐的安小艳·2021-06-27 10:04

使用charles 调试移动端web应用 2019-08-23

在做移动开发时，我们为了调试与服务器端的网络通讯协议，常常需要截取网络封包来分析。Charles通过将自己设置成系统的网络访问代理服务器，使得所有的网络访问请求都通过它来完成，从而实现了网络封包的截取和分析。一、CharlesCharles是一个HTTP代理服务器，HTTP监视器，反转代理服务器，当浏览器连接Charles的代理访问互联网时，Charles可以监控浏览器发送和接收的所有数据。它允许

讨厌西红柿·2021-06-24 13:47

ionic & cordova基础环境配置

近期刚接触到移动端webApp的开发，入门需要配置ionic&cordova的基础环境。翻阅众多的技术帖之后总结出一套便于入门小白轻松配置开发环境的方法。

Ajun0422·2021-06-15 02:47

Vuejs 配合 mint-ui 开发移动端web

初衷这是一个比较着急的事情（两天时间，写一个带视频播放、图片浏览、图文混排列表、上拉刷新、滚动刷新等等的单页），一开始同事使用传统H5+JS+CSS的方式，我担心进度，就硬着头皮上vuejs，为什么说硬着头皮上，原因是这是第二次在项目中使用vuejs，第一次使用的经历并不太好，主要是vuejs在低版本android端的适配确实让人头疼。UI组件选型还是说回到第一次使用vuejs的事情，当时选择了元

萝卜日志·2021-06-07 07:04

H5-12.14新标签及canvas画布基础

video标签如果当前浏览器不支持video，可以在veido里面编写提示内容src-引入视频文件的路径autoplay-自动播放视频souce元素video支持的视频格式MP4-目前比较主流OGG-多用于移动端

冬天不爱洗头·2021-05-18 13:55

推荐频道

移动端web