移动端页面

nginx禁用移动端页面html缓存的配置

目录1、重新打包移动端2、nginx配置修改前言：移动端部署更新到Nginx后，客户端如果之前已经下载过一次html文件，那么如果客户端访问时，移动端的html等代码文件并不会刷新，需要用户强行退出客户端，重新扫码登录或验证码登录之后，再次访问移动端，才有可能加载最新的静态文件。而这种让用户强行退出再次登录的方法，有时还不一定行。为此，就把移动端访问的静态文件的Html缓存禁用，用户每次进来刷新页
weixin_44953227·2024-09-03 22:55

软件测试/测试开发/测试管理丨Page Object模式：为什么它是Web自动化测试的必备工具

为UI页面写测试用例时（比如web页面，移动端页面），测试用例会存在大量元素和操作细节。当UI变化时，测试用例也要跟着变化，PageObject很好的解决了这个问题。
·2024-02-11 18:34

flex布局兼容iphone 6

最近在开发移动端页面的过程中发现了flex布局在iphone6上不兼容的问题，经过测试和查阅资料现列出一下flex布局属性兼容方法。
此行欲上天·2024-02-10 12:29

移动端常见布局

目录一，单独移动端页面（主流）1，流式布局（百分比布局/非固定像素布局）2,flex布局2.1布局原理2.2flex-direction设置主轴方向2.3justify-content设置主轴上的子元素排列方式
Mon trésor.88·2024-02-08 22:22

移动端WEB开发

目录一，meta视口标签二，物理像素（分辨率）与物理像素比三，二倍图二倍精灵图的做法四，背景缩放background-size五，移动端开发选择单独移动端页面（主流）响应式兼容PC移动端六，移动端技术解决方案七
Mon trésor.88·2024-02-08 22:22

移动端页面尺寸之一倍图二倍图三倍图

一倍图：设计稿320px原名.png。二倍图：设计稿640px原名@2x.png三倍图：设计稿750px原名@3x.png设置最大宽度最小宽度：父盒子要设置max-widthmin-width给盒子设置最大宽度与最小宽度就是为了解决移动端自适应问题设计稿为二倍图时：给父盒子设置最大宽度最小宽度/*最外层盒子要设置最大宽度与最小宽度*/.layout{/*宽度设置100%*/width:100%;/
Virtual66·2024-02-08 04:10

「学习笔记」黑马面面布局开发

1.2目录规范二、流程开发2.1蓝湖/摹客协作平台2.2适配方案2.3初始化文件2.4布局模块2.5swiper插件使用2.6图标字体上传下载2.7上传码云并发布部署静态网站黑马面面布局开发一、目的了解移动端页面开发流程掌握移动端常见布局思路
mildness丶·2024-01-31 21:50

vue中使用postcss-pxtorem实现适配

场景:vue搭建移动端页面，main.js引入全局css报错。
Esther_12e7·2024-01-24 15:23

vue项目记录移动端页面浏览位置

描述:假设b、c两个页面需求:b到c页面的时候需要记录当前b的浏览位置，c返回到b的时候滚动到上次浏览的位置实现方法:将滚动距离存在vuex、beforeRouteLeave1.首先在vuex中state定义一个变量来记录当前的浏览的位置//state中定义数据state:{carrerTouScroll:{height:''//滚动的距离}}//mutations操作state数据mutatio
Kiana娜娜·2024-01-20 10:05

飞书 requestAuthCode:fail invalid url

飞书requestAuthCode:failinvalidurl飞书内前的移动端页面打不开，需要重定向URL
一个小开心呀·2024-01-19 15:16

Vue3前端h5移动端页面预览PDF使用pdfjs-dist，添加自定义文本水印

pdfjs-dist版本[email protected]{ref,onMounted,watch}from'vue'import{useRoute}from"vue-router";import*aspdfjsLibfrom'pdfjs-dist'constroute=useRoute()//！pdfjsLib.GlobalWorkerOptions.workerSrc=
Amodoro·2024-01-19 00:50

asp.net+js+ajax实现手机移动端页面预览、剪裁、上传头像图片

参考资料：支持移动设备触摸图片裁剪的jQuery插件移动端html测试html-->修改取消确定//document.addEventListener('touchmove',function(e){e.preventDefault();},false);$("#clipArea").photoClip({width:80,height:80,file:"#imgFaceUrl",view:"#v
公西雒·2024-01-18 22:26

从前端角度浅谈性能 | 京东物流技术团队（转载）

web的性能一定程度上影响了用户留存率，GoogleDoubleClick研究表明：如果一个移动端页面加载时长超过3秒，用户就会放弃浏览。
聪明的竹子·2024-01-18 20:15

软件测试/测试开发/测试管理丨Page Object模式：为什么它是Web自动化测试的必备工具

为UI页面写测试用例时（比如web页面，移动端页面），测试用例会存在大量元素和操作细节。当UI变化时，测试用例也要跟着变化，PageObject很好的解决了这个问题。
测试开发软件测试性能测试自动化测试·2024-01-16 19:19

一些前端学习过程的自测练习题

目录页面设计部分1设计一个简单的学院网站首页；2.按照图示要求完成简单的登录页面3.完成如下网站设计4.完成如下网站设计（练习页面布局）5利用下面素材，设计一个满足H5规范的网页（移动端页面练习）：Javascrip
程序猿online·2024-01-15 02:19

在mac电脑上,用Safari浏览器调试ios手机移动端页面

打开iphone手机的开发者模式，流程是：【设置】->【Safari】->【高级】->开启【Web检查器】,具体如下图所示打开Mac上Safari的开发者模式，流程是【Safari】->【偏好设置】->【高级】->【在菜单栏中显示“开发”菜单】勾选用数据线将iphone手机和mac连接起来，在电脑的safari中按照流程执行：【开发】->【手机名称】->【正在调试的网站】最后，就可以按照调试pc端
walker1838·2024-01-09 15:27

移动端页面滚动

页面是一个全屏滚动列表，在移动端IOS上会出现皮筋效果，就是当页面拉到尽头的时候还能再继续拉动，露出浏览器的底色，松手会回弹回去。为处理这个问题，建议使用一个全屏的中间层代替页面，使用这个中间层的滚动。像VUE这样的单页应用，可以让作为页面的组件width:100vh，为了让H5拥有原生组件的惯性滑动效果，需要使用-webkit-overflow-scrolling:touch;width:100
LUGY·2024-01-07 09:12

移动端声明及meta标签设置

使用最新的浏览器渲染）3.视口（快捷键：meta:vp）作用：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备那么大展示；视口的宽度可以通过meta标签设置；此属性为移动端页面视口设置
梓钰·2024-01-03 16:26

像素和完美视口

像素就是我们写的width：100px这些视口（viewpoint)就是屏幕中用来显示网页的区域当放大或缩小网页的时候，物理像素不会改变CSS像素会改变，CSS像素和物理像素的比例会改变完美视口（在编写移动端页面的时候
Komorebi_9999·2023-12-31 16:14

隐藏滚动条

最近再做项目遇到个问题：移动端页面是否可以隐藏滚动条，同时又保证页面可以滚动？
JackLee_·2023-12-28 21:23

Vue移动端左右滑动效果实现方法

1.最近得到一个新需求，需要在Vue项目的移动端页面上加上左右滑动效果，在网上查阅资料，最终锁定了vue-touch2.下载vue-touch（https://github.com/vuejs/vue-touch
daozun·2023-12-27 12:38

CSS-移动端页面（响应式）

CSS-移动端页面（响应式）媒体查询//样式表中的CSS媒体查询@media(min-width:769px){body{background-color:purple;}}@media(min-width
半斋·2023-12-24 18:13

移动端 webkit内核浏览器 字号会自动放大问题

问题描述：有时候在做移动端页面的时候，会发现某些字体会自动放大，而页面中另外一部分倒是对的。
五天21·2023-12-23 23:01

小米移动端页面练习---重点：导航栏点击下箭头内容的切换以及样式,高亮显示的实现

效果图1.html搜索商品名称推荐智能电视家电笔记本全部推荐智能电视家电笔记本小米13小米13￥5999起立即购买小米1313333小米13￥5999起立即购买首页首页首页首页首页2.scriptletarrow=document.querySelector('.arrow');letHeight=document.querySelector('.header-two-section');letc
00代码搬运工·2023-12-20 11:03

使用viewport中的vm来适配移动端页面

前言作为一个小前端，经常要和H5打交道，这就面临着不同终端的适配问题。Flexible方案通过Hack手段来根据设备的dpr值相应改变标签中viewport的值，给我更贴切的体会就是通过js脚本根据设备的dpr和设计图的宽度来计算出html的font-size值，然后就运用rem单位开发可以等比例缩放的H5页面。但是！Flexible已经完成了他自身的历史使命，我们可以放下Flexible，拥抱新
Lia代码猪崽·2023-12-05 04:19

分页接口设计

下页按钮可实现页面切换通过点击页码可实现页面切换可直接跳转至指定页面多用于PC端，适合需要查找特定内容的页面需要计算总数or总页数（搜索引擎等场景也可以无需计算，相应的跳转按钮会有所限制）电梯式分页适用于传统的页面布局，而在移动端页面上更流行的是瀑布流
gzgogo·2023-12-04 22:44

uniapp实现用户全局设置应用字体大小（适用于各端）

比如，直接将font-size的rpx单位改成rem单位且可以自动等比例缩放效果当然你的移动端页面也会跟随更改~~~~思路1.使用插件p
AKA多个A·2023-12-04 03:53

百度开源的低代码前端框架，支持网页和移动端页面开发

大厂技术  高级前端  Node进阶点击上方 程序员成长指北，关注公众号回复1，加入高级Node交流群amis是一个低代码前端框架，它使用JSON配置来生成页面，可以减少页面开发工作量，极大提升效率。在经历了十几年的发展后，前端开发变得越来越复杂，门槛也越来越高，要使用当下流行的UI组件库，你必须懂npm、webpack、react/vue，必须熟悉ES6语法，最好还了解状态管理，比如Redux，
傲娇的koala·2023-11-30 07:10

html页面禁止竖屏,关于移动端页面强制竖屏的方法

最近工作中写了一个移动端的页面，本来是没什么的，但是有一个要求感觉很奇怪，从前也没有遇到过，就是我写的这个页面需要放在一个APP中，但是这个APP是横屏的，打开这个页面的webview也是横屏的(最新版的APP打开的时候是竖屏的webview)，本来我们是用的rem布局，横屏的状态下也是没有什么问题的，但是甲方希望在横屏打开的时候强制这个页面竖屏显示。所以就有了下面一系列的操作了。首先是判断横屏的
梓泉·2023-11-28 10:42

高效截图+更改尺寸+压缩图片大小（适合移动端页面）

在浏览器运行html文件chromedevtools中：ctrl+shift+p截全图:全图截局部节点图:选取节点局部截图3.保存图片4.更改适合的尺寸，比如选择手机或电脑https://www.yasuotu.com/msize5.压缩图片大小https://tinypng.com/
小小_1998·2023-11-26 07:10

移动端页面常见问题及解决方案

移动端页面常见问题及解决方案一、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？
weixin_30361753·2023-11-19 23:50

移动端页面(一): 响应式

移动端交互注意点既然我们是要做移动端的页面,那么我们肯定首先要知道移动端的一些特点,下面这四点我觉得是在做移动端页面的时候我们需要注意的移动端没有hover移动端一般我们用touch相关事件而不是click
squall1744·2023-11-19 23:13

移动端声明及meta标签设置

使用最新的浏览器渲染）13.视口（快捷键：meta:vp）1作用：在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备那么大展示；视口的宽度可以通过meta标签设置；此属性为移动端页面视口设置
兜兜里冒糖糖·2023-11-19 19:41

使用Android模拟机开发调试移动端页面

这里可以通过在电脑上安装一个Android模拟器，然后结合Chrome的devices远程设备功能，进行移动端页面的开发和调试安装模拟器mac上面的Android模拟器可选择的比较少，且性能不太好，这里推荐夜神
sosay_b375·2023-11-19 06:55

解决iframe内嵌移动端页面出现样式错乱问题

出现移动端页面样式错乱的原因：手动给iframe标签设置高度造成的解决思路：在iframe页面完成DOM渲染再给iframe设置高度标签格式：具体实现：mounted(){//页面初始化调用函数this.iframeLoad
前端宝库·2023-11-16 18:47

低代码编辑平台后台实现

背景之前做过一个前端低代码编辑平台，可以实现简单的移动端页面组件拖拽编辑：https://github.com/li-car-fei/react-visual-design最近基于C++的oatpp框架实现了一下后台
carfied-feifei·2023-11-16 07:09

前端弹性布局flex讲解

主要思想是给予容器控制内部元素高度和宽度的能力，多用于移动端页面。flex属性分为两部分，一部分作用于父容器，另一部分作用于子容器。下面我们就分别来介绍它们一些
smileForward·2023-11-14 21:05

软件测试/测试开发丨UI自动化测试，PageObject设计模式

公众号搜索：TestingStudio霍格沃兹测试开发的干货都很硬核为UI页面写测试用例时（比如web页面，移动端页面），测试用例会存在大量元素和操作细节。
测试开发软件测试性能测试自动化测试·2023-11-09 23:45

技术分享 | web自动化测试-PageObject 设计模式

为UI页面写测试用例时（比如web页面，移动端页面），测试用例会存在大量元素和操作细节。当UI变化时，测试用例也要跟着变化，PageObject很好的解决了这个问题。
测试萧十一郎·2023-11-07 23:35

vue element 移动端 点击输入框软键盘弹出，页面布局更改，关闭键盘后，布局没回弹

这周做了一个移动端页面，部署上去发现，只要输入框点击输入消息，布局就会被顶上去，底部栏按钮在键盘关闭后也无法回到原来位置，我这里中间的内容区做了动态设置高度，所以就只需要在软键盘关闭后重新调用计算高度的方法即可
前端小白记录·2023-11-04 12:13

轮播carousel-仿淘宝

用在PC端也是没问题的,参考的淘宝的移动端页面。
贫下码农·2023-11-03 03:51

css进阶专题

CSS学习思路宽度与高度（文档流）堆叠上下文icon全解移动端页面（响应式）Flex布局布局套路为什么这么多人讲不清楚BFC动态REM表单美化Bootstrap的使用方法就是复制粘贴IFC（BFC的兄弟
joker731·2023-11-02 04:31

移动端、flex

-------------------appNativeApp原生Appjava安卓ocios优势性能高可以调用底层功能劣势不能跨平台最少需要两个团队开发周期长维护难开发成本高WebAppWebApp移动端页面
z_j_r·2023-10-30 00:44

css如何让块无间隙,css如何让块无间隙

本文操作环境：Windows7系统、HTML5&&CSS3版，DELLG3电脑最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙
天下事一点通·2023-10-28 20:19

ui设计移动端字体适配_手机端页面UI设计尺寸和字体大小规范

UI设计师在初涉移动端设计和开发的时候，基本都会面临一个令人十分苦恼的问题那就是移动端页面UI设计尺寸标准和字体规范，今天奇酷学院整理了一些关于手机端页面UI设计尺寸和字体大小规范问题，希望对UI设计师设计移动端页面的时候有一些帮助
weixin_39955825·2023-10-25 03:51

优秀的基于VUE移动端UI框架合集

很简约，是我喜欢的风格star2.3k中文文档在线预览image2.vux基于WeUI和Vue(2.x)开发的移动端UI组件库star10k基于webpack+vue-loader+vux可以快速开发移动端页面
为啥要创业·2023-10-24 05:31

刚毕业想转行学习web前端，该怎么学才能最快入门？

web前端学习路线下面是给大家提供的一个学习大纲：基础：HTML+CSS网站页面搭建，CS核心和PC端页面开发，HTML5移动端页面开发。
嫦娥佩奇·2023-10-24 02:34

js禁止页面滚动

开发移动端页面的时候有一个很比较常见的需求，在出现弹窗时，禁止滑动弹窗后面的主体页面。
weixin_45093753·2023-10-23 09:04

lodash库_.chunk、_.pick、_.omit、_.cloneDeep、_.debounce方法

官方文档：https://www.lodashjs.com1.对数组进行分组_.chunk(array,[size=1])使用场景，如移动端页面一行能放5个元素，总共7条数据，将一维数组转为二维数组，让一个数组只有
_Jyann_·2023-10-19 20:46

移动端页面完美适配解决方案（现阶段）

最近在写一些移动端的页面，总会遇到一些适配问题，以前呢也不知道为什么，总是习惯用rem来做单位，可是总有问题，写起来相当难受，于是我坐不住了，一定要去看看有没有更好的方法。然后就有了已下心得。先吐槽一句，rem不知道是谁带起来的，坑了好多人。想必做前端的肯定都知道vw，vh这样的相对单位吧。它是相对于屏幕的宽度来的，具体可以看看这篇文章接下来就是如何写项目配置，首先安装postcss-px-to-
安东尼的漫长岁月·2023-10-18 17:24
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他