移动端页面第14页

移动端 - 出弹出层后禁止后面背景上下滑动的解决方法

在做移动端页面开发时，当弹出弹出层后，发现后面的背景内容可以上下滑动，经过一番研究后，得出以下解决办法：PS：需要引入最新的jquery.js文件。

bobo_·2020-06-27 03:44

web移动端页面性能优化方案

这就要求我们产品质量越来越高，那对于我们前端工程师来说也是一个挑战，如何让我们所开发的页面能有更好的体验，就是我们今天讨论的话题：移动端页面性能优化。

u010683915·2020-06-26 23:42

移动端web页面开发中遇到的三个“小坑”

一、简单的移动端页面最好不用JS插件在开发中使用自己熟悉的框架或者插件对自己的开发效率帮助是很大的，但是在实际的开发中不能求效率而不考虑后续的扩展性，毕竟用户的需求是不断变化的。

chenchao2016·2020-06-26 22:50

百度mip自定义js封装步骤

MIP（MobileInstantPages-移动网页加速器）主要用于移动端页面加速官网参考：https://www.mipengine.org/doc/00-mip-101.html百度mip不允许自己定义

TinaAsura·2020-06-26 14:55

移动端常见小问题总结

1、移动端页面上下滑动时发生卡顿的情况，很不流畅在该元素的css上添加以下样式{-webkit-overflow-scrolling:touch;overflow-scrolling:touch;}2、

小icon·2020-06-26 11:09

移动端开发 rem 单位使用问题

前言PC端页面开发与移动端页面开发：PC端页面开发需要考虑更多的兼容性问题，ie、谷歌、火狐等浏览器各自内核不同（ie的天下）。

LK30265·2020-06-25 20:44

移动端页面不满一屏时实现一屏的背景

一般来说，页面中的body是由页面内容撑开的。但有时候我们会有这样奇怪的需求，当页面内容不满一屏时，却要求有一个撑满一屏的背景色。通常的解决方案是用最小高度解决，然而如果直接子元素有下margin，就会在部分手机上触发BFC，解决这类问题我一般会在他的父元素上直接overflow:hidden，但是此时此刻，这种方法行不通，除非你能确定你的页面永远不会超出一屏。其实鱼与熊掌是可以兼得的，换一种思路

李凯强·2020-06-25 12:33

Vue-使用fastclick解决移动端300毫秒延迟

出于对手指触摸滑动的区分，移动端页面对于触摸事件会有300毫秒的延迟，导致多数用户感觉移动设备上基于HTML的web应用界面响应速度慢。

_勤勤恳恳·2020-06-25 02:04

swiper 手机移动端页面循环

mySwiper.slideTo(index,speed,runCallbacks)_Swiper中文网http://www.swiper.com.cn/api/function/2014/1218/109.html先说下要实现的功能，就是一个手机页面，上下两部分，标题和内容：滑动内容部分的时候，上边的标题的下划线也跟着切换，点击上边标题的时候，下边的内容也跟着切换。用到swiper的looplo

powderhose·2020-06-24 20:19

如何让图片按比例响应式缩放、并自动裁剪的css技巧

如何让图片按比例响应式缩放、并自动裁剪的css技巧同时也适用于一些轮播父容器响应式缩放响应式网站、移动端页面在DIVCSS布局中对于图片列表或图片排版时，如果想要图片按比例缩放，最简单的就是把img宽度设为

onlyhom·2020-06-24 18:44

前端该懂交互设计吗？

接到一个前端动效任务：设计一个点击展开的动效效果如下:（在产品看来这个交互是没必要存在，根据公司需求这也成了唯一的方法（在移动端页面右边添加一个控件，这种控件会将用户的注意力转移导致用户无法将注意力集中在要展示的内容

进击的yuan人·2020-06-24 15:17

vue移动端页面跳转过渡动画

结果：与微信页面跳转一样的过渡动画如下123.gif直接上代码//inApp.vue.........data(){return{keepAlive:'main-keep-alive',//需要缓存的页面例如首页transitionName:'slide-right',//初始过渡动画方向}},watch:{$route(to,from){//切换动画letisBack=this.$router.

OnceWhite·2020-06-24 12:00

本地开发,自己电脑作为服务端,手机连接电脑测试移动端页面

本地开发,自己电脑作为服务端,手机连接电脑测试移动端页面1.服务器正常启动，这里的端口是80802.关闭电脑防火墙3.开启电脑热点可以使用本机热点开启功能：4.检查电脑是否可以连通手机5.获取电脑（服务器

西子海清·2020-06-24 07:55

大厂是怎么做移动端适配的

文章先讲一下几种常见的适配方案，然后再看看几个大厂（腾讯、京东、网易、小红书、微博、美团、B站、搜狐、饿了么、携程、大众点评、知乎、拍拍贷、陆金所）的移动端页面都采用了什么

YvetteLau·2020-06-24 07:13

前端骨架屏

使用图片作为骨架屏；简单暴力，让UI同学花点功夫吧哈哈；小米商城的移动端页面

刘浩2561179983·2020-06-23 20:00

浏览器如何跳转到微信打开指定页面

最近遇到一个需求、上层要求我们在自己的APP/WAP/移动端页面点击一个链接能自动跳转唤醒微信和打开一个指定的我们自己的页面，拿到这个需求后我们团队分开去找资料研究方案，通过微信的开发文档、腾讯的第三方开发文档我们都查阅过资料但是最终只找到一些历史性的资料也就是以前可以现在已经全部封闭了

赵宇rain·2020-06-23 18:11

移动端切图备忘

作为一名刚接触移动端页面的孩子，总会遇到很多问题，如为什么head那里要加viewportmeta，为什么背景图片要用二倍图等等。

hsany330·2020-06-23 15:30

微信跳转ticket的生成方法

最近遇到一个需求、上层要求我们在自己的APP/WAP/移动端页面点击一个链接能自动跳转唤醒微信和打开一个指定的我们自己的页面，拿到这个需求后我们团队分开去找资料研究方案，通过微信的开发文档、腾讯的第三方开发文档我们都查阅过资料但是最终只找到一些历史性的资料也就是以前可以现在已经全部封闭了

赵宇rain·2020-06-23 08:53

移动端页面开发流程

移动布局：1，移动设备手机和ipad安卓系统iOS系统安卓系统内置浏览器是谷歌，iOS内置safari浏览器，他们的内核都是webkit，不考虑兼容性，需要考虑的是安卓和iOS的区别2，布局设备宽度···设备的实际大小，设备的分辨率···厂家给的页面的大小···设计稿上的大小浏览器的视口···浏览器自带的通过document.documentElement.clientwidth查看在移动设备上如

dlfej28028·2020-06-23 05:13

vue-配置移动端自适应

参考资料1.基于vue-cli配置移动端自适应2.vue.js移动端配置flexible.js源头前期弄好了vue的大概，要开始写静态页面，按照正常流程，我需要些css，html，但是大家都知道，移动端页面和电脑端不一样

乌拉乌拉X·2020-06-22 18:55

以rem为单位移动端页面开发

头部需要添加meta标签JS设置HTML的font-size(function(doc,win){vardocEl=doc.documentElement,resizeEvt='orientationchange'inwindow?'orientationchange':'resize',recalc=function(){varclientWidth=docEl.clientWidth>640?

大狗派克·2020-06-22 18:56

在rem布局下使用背景图片以及sprite

现在移动端页面用rem布局已经是一大流派了，成熟的框架如淘宝的flexiable.js，以及我的好友@墨尘写的更轻量级的hotcss。

aigenglong0649·2020-06-22 13:01

vue项目在webpack2实现移动端字体自适配功能

使用vue开发移动端页面时，往往需要实现页面根据不同设备屏幕进行尺寸的适配，实现将px自动换算成rem单位，其实只需要安装下面的两个插件即可快速实现移动端适配问题。

·2020-06-22 08:20

js移动端页面判断左右滑动事件

实现原理：通过监听touchstart事件获取，初始的x轴、y轴坐标，在通过监听touchmove事件，获取结束时候的x轴、y轴坐标，他通过初始值与结束值比较，判断是左滑还是右滑。代码：varwindowHeight=$(window).height(),$body=$("body");$body.css("height",windowHeight);//重要代码$("body").on("tou

皮皮猴我们走·2020-06-22 04:31

24k纯小白用Vue写移动端页面时遇到的适配坑

作为一枚妥妥的小白，在没有丝毫觉悟的情况下，用刚入坑的Vue徒手写移动端，也没有任何要兼容不同手机屏幕的适配意识，惭愧....废话不说，下面讲讲这段时间遭遇到的适配问题~完全无适配意识在没有适配意识的情况下，这真的是很伤啊，秉着曾经学习时的方式，编写网页页面，不会想到要在浏览器上切换其他的手机屏幕去调试，结果就会变成自信满满写好一个当前页面，然后当被提醒要看其他手机页面是否兼容时，发现，完全乱套。

JulyAnnes·2020-06-21 23:51

基于webRTC技术，实现1v1视频通话

效果图：移动端link移动端页面：图1发起通话图2接听图3通话图4通话结束移动端linkWeb端页面：图5web端发起通话图6移动端接

Chief_fly·2020-06-21 18:08

移动端设备调整字体大小

这个问题直接导致前端图片,文字等布局乱码的问题移动端页面已经做了屏幕适配,大部分的手机浏览器,webview浏览器,都能正常访问的情况下,偶尔有一个设备出现了h5横向滚动条,或者图片溢出,先检查设备默认字体调整

格调的声色影像·2020-06-21 12:58

移动端页面中遇到的iOS bug

吐槽由于咱家穷，都是用的土鳖的安卓机，然后每次测试的时候，都出一堆意想不到的问题orz，这时候我的心情是非常郁闷的不对啊，我手机上没问题啊。不信你看！这时候，对方掏出了象征高贵身份的ihpone你看我手机上就有问题，你这样不行，要考虑兼容性这我就更难过了。所以才有了这个文章正文以下是正文。getTime()，getFullYear()等方法返回NaN因为前台显示时间，有时候需要对时间日期进行格式化

呆毛社社员LOST·2020-06-21 08:33

前端学习路线图与全套视频（基础篇+进阶篇+高级篇）

很多人还是一头雾水……我们先对每阶段课程做个简单介绍：PC端页面制作学习HTML+CSS搭建网页、PhotoShop切图等基础知识，属于必备技能，不论你是什么目的学习HTML5，此部分很多内容都是必学的知识点移动端页面制作讲解移动端概念与布局

前端大哥大·2020-06-18 14:00

前端学习规划

前端学习进度规划1.HTML5+CSS3（css三大布局：标准流（display：block）、；浮动（float）；定位（position）2.移动端页面开发移动端常见布局：流式布局、flex布局、rem

Carri·2020-06-18 10:00

前端移动端页面适配方案

/*前端页面适配方案《*/(functionflexible(window,document){setRemUnit();functionsetRemUnit(){varo=750,t=100,e=document.documentElement.clientWidth||window.innerWidth,h=50;if(e>480){h=Math.floor(480/o*t*.97)}else

谁抢了我的网名·2020-05-30 10:50

使用 Chii 调试移动端页面

Chii是一款与weinre类似的远程调试工具，主要是将webinspector替换为最新的chromedevtoolsfrontend。Demo请扫描二维码或在手机上直接访问：https://chii.liriliri.io/tests/demo.html打开https://chii.liriliri.io/并点击inspect按钮开始调试示例页面。如果想在其它页面尝试，请在浏览器地址栏上输入以

surunzi·2020-05-29 02:30

零基础学习HTML5大前端会遇到哪些困难

重庆千锋·2020-05-27 09:58

百度站长平台上线快速收录功能，可继承熊掌ID权益

百度站长平台有添新功能，可以快速收录网页，同时继承熊掌ID权益.不过快速收录仅限于提交移动端页面及移动端自适应页面，PC端页面想要快速收录，可以将网页升级为自适应页面。

宋九九·2020-05-14 18:39

2020-04-15nginx解决前端跨域问题转载

不过这种方式开发PC页面到还好，如果是移动端页面就不行了。解

zz云飞扬·2020-04-15 11:37

一步一步实现字母索引导航栏

不过之前接触移动端页面开发较少，所以是边学边做，也就把这个过程中的一些东西整理记录下来。

luobo_tang·2020-04-14 08:00

div+flex移动端布局

移动端布局1.我们要进行移动端页面的开发设计第一肯定想到的是弹性盒子2.弹性盒子flex3.div和flex的配合使用移动端页面1.移动端需要引入一个样式，meta随便打开一个网站F12调成手机模式，复制

樊小勇·2020-04-13 04:21

移动端web开发必须了解的viewport

之前也或多或少也接触过移动端，写移动端页面的时候，总是会在head标签里加这么一行代码不管知不知道背后的原理，反正加这么一句话后，网页宽度就与屏幕宽度完美一致了。

想酷却酷不起来·2020-04-13 01:10

手机端页面自适应解决方案—rem布局

相信很多刚开始写移动端页面的同学都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex（什么是flex），也都能获得不错的效果，这里主要介绍的是本人在实践中用的最顺手最简单的布局方案

开心快乐便当男·2020-04-11 05:17

解决微信jssdk 签名错误 invalid signature

`最近手头业务，移动端页面在微信浏览器中分享转发的时候没有缩率图，只有标题和链接，如下：无缩略图的情况按照微信的官网自定义分享功能，引入jssdk，结果调试，一直报错签名错误，invalidsignature

三丰张·2020-04-10 02:26

移动端页面开发遇到的一些问题

困猫喵·2020-04-09 11:55

移动端页面适配新思路

使用vw来实现页面的适配。（文章通过PostCSS的插件把px转换成vw）为了更好的实现长宽比，特别是针对于img、vedio和iframe元素。实现思路padding-top:百分比;文章推荐方法://padding&伪元素.aspectration{position:relative;}.aspectration:after{content:"";display:block;width:1px

不落05·2020-04-09 05:16

认识em、rem单位以及cssrem自动换算工具

仅供学习，转载请注明出处PC及移动端页面适配方法设备屏幕有多种不同的分辨率，页面适配方案有如下几种：1、全适配：响应式布局+流体布局2、移动端适配：流体布局+少量响应式基于rem的布局基于rem的布局首先了解

DevOps海洋的渔夫·2020-04-05 09:43

css height:100%失效

有时做移动端页面时，有需要用到height：100%来控制的，但是设置完后有时候会发现，用百分比的高是不生效的。经过在网上查找方案，原来是：要看是否可以使用百分比是根据父级对象定义的。

yyshang·2020-04-04 21:32

使用Flexible实现移动端页面的终端适配

这里我给大家分享另外一个移动端页面适配的方法。原理我就先不讲了，有时间我会专门讲一下这个方式的原理，这里主要讲一下怎么用，也许更多人不关注原理，只关注如何最快的解决问题吧。下面我会配上我实现的和效

狐小狸哥哥·2020-04-04 00:43

关于vux安装与使用

Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式

简小咖·2020-04-02 18:01

2018-04-01 移动端页面（响应式）

1、媒体查询image.pngimage.png还可以换一种方式image.png即用文件来代替内容举个例子看https://www.smashingmagazine.com/所谓响应式，就是页面尺寸变了之后，页面样式也跟着变2、问设计师要设计图3、学会隐藏元素需求：刚开始image.png当尺寸缩小之后，变成image.pnglogo不变，但是导航变成了一个按钮，需要点一下才显示image.pn

tsl1127·2020-04-01 14:29

开发移动端页面必须要懂的几点

设备像素(物理像素)和CSS像素(逻辑像素)设备像素设备像素指的就是设备常说的分辨率。如iPhone6分辨率为750*1334，则iPhone的屏幕横向共有750个物理像素，纵向共有1334个像素。设备的物理像素是不会变的。CSS像素CSS像素是独立于设备的逻辑像素,前端布局所用的像素就是指的CSS像素。一个CSS像素在屏幕上所占的位置大小不是固定的，和屏幕的缩放有关。设备像素比(devicepi

softbone·2020-04-01 12:29

web前端课程技术内容之如何做一个简单的手机端页面的翻页

【如何做一个简单的手机端页面的翻页】第一步：创建移动端页面内HTML+CSS【注】可用弹性布局但需要注意的是外层盒子的定位第二步：思考问题要实现怎样的效果？

纤纤郡主·2020-03-29 11:58

不走弯路快速学好web前端的方法？

下面是小编给大家提供的一个学习大纲：基础：HTML+CSS网站页面搭建，CS核心和PC端页面开发，HTML5移动端页面开发核心：web前端核心技术JavaScript，ecmas

强哥科技兴·2020-03-29 09:53

推荐频道

移动端页面