移动端页面

PC端、移动端页面适配方案

移动端大体上可以分为两种：1、在同一个页面进行自适应布局，通常使用CSS3@media媒体查询器实现2、两套页面，在后端进行统一适配，根据不同的浏览器UA返回对应的页面本文记录在java后端进行PC端、移动端页面适配的方案工程结构想要实现后端统一适配
huanzi-qch·2019-12-17 12:00

深圳盈峰环境-前端开发工程师

职位三：前端开发工程师（1人）职位描述：1、根据公司要求负责web/移动端页面开发工作；2、参与讨论产品需求，分析并给出最优的页面前端架构解决方案；3、代码编写，页面整体资源整合、逻辑实现，前后端联调；
晗笑书生·2019-12-17 04:44

Web移动端页面 --响应式和动态REM

响应式什么是响应式页面呢？顾名思义响应式页面就是能做出响应的页面，它的页面效果不是定死的，会随着用户的改变而改变。如何着手响应式有以下几个思考的方向找一份设计图使用MediaQuery隐藏元素添加metaviewport明白手机端交互方式的区别MediaQuery是什么Mediaquery翻译过来就是媒介查询，媒介就是我们查看这个网页的设备。媒介查询源于CSS3，它可以根据用户的设备所具有的某些特
Criya·2019-12-15 17:10

前端面试每日 3+1 —— 第236天

[css]移动端页面不满一屏时如何实现满屏背景？[js]写一个方法找出指定一维数组所有不重复的元素和个数[软技能]上班时你会经常看手机吗？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。
浪子神剑·2019-12-14 13:37

ios下click失效小记

前言今年都在写移动端页面，但是大多数用的都是框架，很少出现事件兼容问题。今天用原生写了个ios的页面，事件兼容花了约120'，必须要记录一下。
Rhinoceros·2019-12-14 07:36

项目默认配置规定

1.HTML5文档结构页面标题Viewport设置快捷键：meta:vp+tab键说明：此属性为移动端页面视口设置，当前值表示在移动端页面的宽度为设备的宽度，并且不缩放（缩放级别为1）960px内被套在一个宽度为
小草莓蹦蹦跳·2019-12-13 13:33

技巧篇:使用eruda做手机端网页调试

在做移动端页面开发测试的时候,我们习惯性的在pc端使用devtools进行模拟适配调试,如下图:image.png但有时,发布后在手机上使用时,还是会有些问题需要调试,eruda使用起来较为方便,如下图
小羊咩咩·2019-12-13 01:11

前端是什么/互联网的原理/HTTP协议+服务器相关知识

前端页面包含:PC端页面以及移动端页面。前端工程师在公司里是充当着一
刘子豪Geek·2019-12-08 10:39

总结开发移动端页面布局遇到的几个问题

本文旨在总结上周开发的小功能版块中遇到的几个问题。1.在使用flexbox布局时遇到的问题。在使用flexbox的时候出现了一个奇怪的问题，就是容器中左边的图片设定了固定的宽高，依旧会发生变形。（并且这个问题只出现在动态取数据的情况下，静态页面不存在此问题）如图一所示：图一经过分析发现原因在于：根据实际取到的标题文字数目不同会撑开块并将左边的图片挤压而导致形变。解决方案一：之前是左边定宽，右边自适
lavender21·2019-12-07 20:56

移动端页面布局结构 分享

移动端不同于PC端，最大的区别是屏幕尺寸的限制，相同的内容显示效率要低很多。如果直接按照PC端显示所有内容，页面信息自然混乱不堪。作为交互设计师需要对信息进行优先级划分，并且合理布局，提升信息的传递效率。下面来谈谈手机界面设计中常用到的一些页面布局。1.list布局image优点list列表纵向长度没有限制，上下滑动可以查看无限内容；list列表在视觉上整齐美观，用户接受度很高；list列表可以展
XiaoAM·2019-12-07 18:34

移动端布局适配

一、meta标签的效果移动端页面一般会在head头部添加如下meta标签。
nimw·2019-12-02 00:55

cordova打包自己的第一个app（安卓apk）

既然都是工程师了，把自己写的移动端页面打包成apk不会可怎么行。之前在公司就是做移动app开发的，不过，由于那个时候公司已经搭建好环境了，所以这次在自己搭建的时候还是遇到了各种各样的问题。
harryfun·2019-12-01 23:55

UI设计学习路线之最新意派基础教程

在互联网时代，UI设计师不可避免要完成很多移动端页面的设计，掌握一些工具可以让UI设计师在工作中事半功倍。
千锋教育·2019-11-29 13:00

whistle学习（一）之安装、使用、软件功能了解

Socket收发的帧数据设置请求hosts、上游http/socks代理修改请求url、方法、头部、内容修改响应状态码、头部、内容，并支持本地替换修改WebSocket或Socket收发的帧数据内置调试移动端页面的
坤嬷嬷·2019-11-08 11:00

一篇真正教会你开发移动端页面的文章(一)

即使还没有读过我的文章《在处理网络数据的JavaScript抽象的重要性》，你也很有可能已经意识到代码的可维护性和可扩展性很重要，这也是介绍JavaScript抽象的目的。为了更加清楚的说明，我们假设在JavaScript中抽象是一个模块。一个模块的最初实现只是它们漫长（也许是持久的）的生命周期过程的开始。我将一个模块的生命周期分成3个重要阶段。引入模块。在项目中编写该模块或复用该模块；调整模块。
美洋洋_4f15·2019-11-05 21:40

解决移动端弹层滚动导致页面滚动的问题

前几天项目需求，就是常见的移动端页面，点击出现半透明遮罩，遮罩上面有新弹出的窗体，窗体内部有滚动内容，但是会导致遮罩后面的主体页面也发生滚动。
珈蓝白塔·2019-11-03 18:00

移动端页面布局

开头以为移动端的布局就是设备像素低了一点，然后用响应式的@media来设计页面就好了，然而我还是太天真了。开头直接上了text-align:center,然后发现字都没了，然后我发现，css里面的像素和实际设备显示的像素真的不一样，然后就发现，不得不了解一些移动端特有的概念，物理像素什么的，对我来说不算抽象，然后主要是viewport的使用。浅谈移动Web开发（上）：深入概念这篇文章里面viewp
进击的前端·2019-11-03 09:08

jquery实现移动端页面加载后，向上滚动指定距离无效引起的探索

效果如下，页面加载完后向上滚动一段距离最近一同事询问用jquery为何无法实现上面效果，查看代码后发现代码并没写错，也正确引入了zepto.js，也不是版本问题（因为是移动端项目，出于性能和需求的考虑没有引入jquery.js）后经测试发现要实现上面效果不能引用zepto.js，而要使用jquery.js那为何会这样呢？这个问题就涉及到二者的区别zepto是jquery的精简版，针对移动端去除了大
你不知道的巨蟹·2019-10-22 17:00

index.html 移动端页面适配meta中viewport设置
Micro同学·2019-10-15 15:14

移动端布局基础概念指南

前言这篇文章主要讨论了移动端页面渲染与布局的一些基本概念例如viewport和css像素,这些内容是了解移动端页面适配的基本前提.在这篇文章中记录了这些基本的概念,因为我并不从事移动端开发,文章有误,欢迎指正
ASCll·2019-10-15 05:07

移动端页面滚动到底部自动加载数据

$(window).bind("scroll",function(){if(getScrollHeight()==getDocumentTop()+getWindowHeight()){//当滚动条到底时,触发内容//ajax_function()alert("滑动到的底部");}});//文档高度functiongetDocumentTop(){varscrollTop=0,bodyScroll
$DeBuger·2019-10-10 14:00

js的touch事件的实际引用

直到这几天工作需要，研究移动端页面的触屏滑动事件，搜索jquery的相应技术支持实在繁琐（当然也可能是我对jquery的理解不够），而js只需几步简单定义即可。
·2019-09-23 19:03

移动端滑动插件Swipe教程

因为好一段时间没有全部手写移动端页面了，遂又重新找了一个下有没有什么好的幻灯片插件，毕竟重复造轮子没有必要啊。
·2019-09-22 16:05

手机软键盘弹出时影响布局的解决方法

移动端软键盘弹出时影响布局该如何解决1）前段时间作的移动端页面，因为高度只有1页所以用了height:100%;width:100%;ios下点击输入框弹出软键盘时，布局没有大影响。
·2019-09-22 12:31

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

用于快速构建移动端单页应用，很简约，是我喜欢的风格star2.3k2.vux基于WeUI和Vue(2.x)开发的移动端UI组件库star10k基于webpack+vue-loader+vux可以快速开发移动端页面
qq_21683643·2019-09-19 09:26

给手机端页面留一个调试后门吧(vue)

但是现在已经进入了移动端时代，移动端页面的需求越来越大。在开发移动端页面的时候我们通常是在浏览器完成开发完成，之后才在手机端测试，如果测试出现问题还得重新回到浏览器上寻找错误。
我的小熊不见了·2019-09-04 10:47

给手机端页面留一个调试后门吧(vue)

但是现在已经进入了移动端时代，移动端页面的需求越来越大。在开发移动端页面的时候我们通常是在浏览器完成开发完成，之后才在手机端测试，如果测试出现问题还得重新回到浏览器上寻找错误。
晓月寒丶·2019-09-04 10:00

给手机端页面留一个调试后门吧(vue)

但是现在已经进入了移动端时代，移动端页面的需求越来越大。在开发移动端页面的时候我们通常是在浏览器完成开发完成，之后才在手机端测试，如果测试出现问题还得重新回到浏览器上寻找错误。
我的小熊不见了·2019-09-04 00:00

毕业生想学习web前端，应该怎么学才能最快找到工作？

然后你要有一个非常清晰的学习大纲，切记学习任何东西都要系统，不可胡乱的瞎学浪费时间下面是小编给大家提供的一个学习大纲：基础：HTML+CSS网站页面搭建，CS核心和PC端页面开发，HTML5移动端页面开发核心
双手写代码·2019-09-02 15:00

移动端开发必须知道的小技巧

viewport这个是移动端页面开发必备的标签，用来调整布局视口同视觉视口一致，禁止页面缩放等。ap
pubdreamcc·2019-08-31 17:00

HTML5新结构标签和移动端页面布局

--------------------HTML5新结构标签--------------------1、h5新增的主要语义化标签如下：1、header页面头部、页眉2、nav页面导航3、article一篇文章4、section文章中的章节5、aside侧边栏6、footer页面底部、页脚pc端兼容需要引用对应的js脚本2、HTML5新增表单控件：网址邮箱日期时间星期数量范围电话颜色搜索网址:邮箱:
qq5d3e5bae55f08·2019-08-21 16:19

Vue仿微信app页面跳转动画效果

在使用Vue.js开发移动端页面的时候，默认的组件转场效果过于生硬，根本就没有动画效果。于是我用Vue提供的组件过渡功能，写了个仿微信app页面跳转的动画，以提高用户体验。
IT独立开发者·2019-08-21 10:38

less px转rem插件

由于开发移动端页面，做ui设配，使用less作为css预编译语言，由于或者自己才疏学浅，没有找到现成关于lesspx转rem的插件，或者对less语法不太够熟练，采用这种极端的写法，特此开发:.....
L6zt·2019-08-21 00:00

微信公众号页面开发遇坑指南

首先，既然是移动端页面，第一个逃不过的坑就是页面适配问题了。1、大家可能第一想到的是rem单位，貌似很多人认为这个单位是解决该问题万能的，其实不是，这个方式并不是最好的方式。
安东尼的漫长岁月·2019-08-20 11:09

记一次 JS 偶发性加载失败的经历

问题定位一开始，不会用PC调试移动端页面（本人并没有开发移动端的经验），后来查了一下相关资料，使用USB+
迷鹿·2019-08-17 00:00

h5中的小技巧

/g,'').split(',')[4];获取lefttopvarleft=$('#test').position().left;vartop=$('#test').position().top;解决移动端页面点击图标或按钮产生阴影
谢小逸·2019-08-12 09:25

CSS实现宽高等比自适应容器的方法

在最近开发移动端页面，遇到这么一个情况：当页面宽度100%时，高度为宽度一半，并随手机宽度变化依然是一半。于是我们就需要实现一个宽度自适应，高度为宽度一半的容器。
望月明·2019-08-09 14:17

【复习】CSS实现宽高等比自适应容器

在最近开发移动端页面，遇到这么一个情况：当页面宽度100%时，高度为宽度一半，并随手机宽度变化依然是一半。于是我们就需要实现一个宽度自适应，高度为宽度一半的容器。
pingan8787·2019-08-07 00:00

overflow-x: hidden;不生效的问题

问题：但是如果你的页面是移动端页面的话，你会发现有时候会出现overflow:hidden失效的问题。出现这样的问题一般是因为你的元素是相对于body移动的，这样的情况在移动端就会出现问题。
小透明进击战·2019-08-04 18:37

全局异常捕获

引言现代前端应用面临的浏览器环境是非常复杂的，尤其是移动端页面。面对如此多样的浏览器环境，我们需要一种异常监控机制，在页面上有异常发生时，能够获得错误的基本信息、文件url、行号等。
7revor·2019-08-01 17:28

全局异常捕获

引言现代前端应用面临的浏览器环境是非常复杂的，尤其是移动端页面。面对如此多样的浏览器环境，我们需要一种异常监控机制，在页面上有异常发生时，能够获得错误的基本信息、文件url、行号等。
7revor·2019-08-01 17:28

附8 页面布局设计原则概述

如果开发移动端页面，则处处离不开页面布局。下面简要介绍布局的基本知识。我们在设计布局的时候，要遵从自顶向下的理念，什么意思呢？
MisShop智能开发平台·2019-07-24 18:11

js移动端自适应动态设置html的fontsize

JS设计移动端页面时会遇到自适应问题，大多数都知道用rem来设置页面的比例大小，下面就来说几种常见的html中的fontsize设置方法：1.使用flexible.js插件库。
奔跑的太阳花·2019-07-22 18:00

pc端和移动端两套样式在vue中的切换

首先，一套移动端页面，一套pc端页面。为每套移动端页面增加例如mobile类名，为pc端页面增加如pc类名。或是为页面最外层元素增加mobile类名或pc类名。
elephant230·2019-07-16 16:14

移动端Click300毫秒点击延迟的来龙去脉(转)

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

Html5移动端适配IphoneX等机型的方法

先来看下iPhoneX机型的样子上图中，Iphonex机型在头部和底部新增了这两个区域，所以我们需要针对这类机型做些适配，方便我们的webapp的展示h5做成的移动端页面，常见布局为头部+躯干+底部三栏模式
吴一周·2019-06-25 15:44

H5唤醒App之scheme方案

前言在写移动端页面会遇到唤醒App的需求,一般都是通过scheme协议唤起的,这里记录一下代码片段以新浪微博为例:其协议为sinaweibo://splash;这些协议需要自己去收集,或者去官方查询;有些
appleguardu·2019-06-23 00:00

移动端页面弹窗滚动，页面也随之滚动解决方案

在做移动端开发时，常常会开发需要滚动的弹窗。例如image这时如果在手机上滚动弹窗里的内容，遮罩层底下的页面也会跟着滚动。给用户带来不太友好的用户体验。在网上查阅了一些方法后，找到了一种：在弹窗弹出来之后设置$('body,html').css({'height':'100%','overflow':'hidden'});在关闭弹窗后移除$('body,html').removeAttr("sty
北冥有鱼我养的·2019-06-04 15:28

使用HBuilderX 打包 vue 项目 为 App 的步骤

这里，我的项目是vue-cli构建的工程，h5移动端页面。由于开发成本并没有用安卓或ios原生语言来开发app，而是选择将现有项目直接打包。
雪莲的博客·2019-05-31 11:22

Vue实现固定定位图标滑动隐藏效果

写在前面移动端页面，有时候会出现一些固定定位在底部图标，比如购物车等。这时候如果添加一个滑动页面，图标透明度变低，同时移动到屏幕边进行隐藏，效果如下。
Yuhoo·2019-05-30 10:47
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他