移动端页面

美团shield UI框架源码分析

最近看了一下美团的开源的移动端页面模块化的开发框架Shield分析一下实现原理关于Shield的框架的好处，介绍请看https://tech.meituan.com/shield-opensource.htmlgit
yanqiangChen·2020-09-11 19:34

WEB移动端开发中，局域网内手机浏览器访问电脑页面，实时查看代码调试结果

痛点：在进行移动端页面开发时，经常需要用手机查看开发的页面效果。虽然浏览器自带模拟器，但是各个手机兼容问题调试以及操作效果调试还是需要上真机。
劲枫·2020-09-11 13:24

部分易被忽视的css3属性

1、-webkit-tap-highlight-color移动端页面点击按钮时会发现按钮上会出现一块阴影，设置-webkit-tap-highlight-color:rgba(0,0,0,0);就可以了
dengyun1985·2020-09-11 08:40

手把手带你打造自己的UI样式库（第二章）之移动端页面布局

移动端页面布局一项目的建立1项目目录结构接下来要做的就是建立好项目的目录结构。一个项目的目录层级尽量扁平，不宜太深。
寂寞花如雪·2020-09-11 07:20

pc端、移动端网站优化，禁止百度转码

防止百度转码： 说明是自适应页面还是pc端页面或者移动端页面1、在pc版网页上，添加指向对应移动版网址的特殊链接rel=”alternate”标记，这有助于百度发现网站的移动版网页所在的位置；2、同时在移动版网页上
蚂蚁小草·2020-09-11 06:03

vue-quill-editor富文本内容在页面中样式丢失

现象用富文本的情况有很多，例如在后台管理系统排版好的富文本页面，准备在移动端页面去显示，或者在官网显示，两个项目不在一起，在管理系统排好的样式在显示页面显示的一塌糊涂，为啥呢？
chi1130·2020-09-11 00:27

bootstrap-移动WEB开发之响应式布局

响应式布局学习目标一个页面兼容了pc端，pad端，和手机端响应式布局是不需要单独写移动端页面的响应不同的设备发生不同的变化时，包括三端之间的变换。
iiiiiill·2020-09-10 20:37

vue搭建多页面开发环境

但是最近公司技术老大说，当一个应用越来越大的时候单页面模式应付不来，但是没讲怎么应付不来，所以还得自己去复习一遍这两者的区别：这样对比的话，单页面的优势确实很大，但当我自己去打开某宝，某东的移动端页面时
盏茶作酒·2020-09-10 16:13

HTML5+CSS3开发移动端页面

前提知识：1、能够独立根据设计稿进行整套项目的需求、剖析及其开发；2、对项目开发流程需要有一个基本的了解；3、可以灵活运用切图、重构、前端的知识对项目进行灵活控制。开发步骤之需求分析：1、确定项目主题，确定表现的形式；2、设计稿图层分析，多页视觉放到一个网页文档，采取视觉差特效完成分页展示；3、音乐不跟随翻页，位置固定，播放旋转，可暂停。开发步骤之技术分析：1、移动端项目，采用HTML5作为项目的
dishang5528·2020-09-10 13:55

前端移动端页面通过a标签 进行 拨打电话 / 发短信 / 发邮件 等功能的实现

前端移动页面中需要通过代码实现打电话、发短信、发邮件、以及发送位置功能的话，仅需要在标签里写入短短几句代码就可以实现了；给10086打电话//打电话给10086发邮件//发邮件给10086发短信//发短信发位置//发位置
啊咿呀咿呀·2020-09-10 10:08

华为mate8对flex的支持

最近做移动端页面，发现华为mate8真是傲娇（生气，对flex各种不支持。不知道华为别的机型有没有这个问题，以下以mate8为例。
W酱·2020-08-25 14:37

从产品角度分析移动端页面横滑和竖滑的区别

分析背景：我们自己开发了一款小程序叫「小巧派」，是做每日精选微信小程序和小游戏的商城类小程序。今天看到了别人做的一款小程序叫「APP不释手」，是做APP的精选推荐的小程序。两个小程序都是做推荐，都是卡片形式的展示，区别在于我们是竖滑，他们做的是横滑。然后就做了链各个产品的交互方式区别的分析。用户习惯是竖着滑动，虽然横着滑很酷。他这个小程序交互和我们的小程序最大区别在于它用一屏一个卡片位置的停顿来引
温室寻荒凉·2020-08-25 02:46

css height:100%失效

有时做移动端页面时，需要用到height：100%来控制，但是设置完后会发现，用百分比的高是不生效的。经过上网浏览等查阅资料得知，是否可以使用百分比是根据父级对象定义的。
weixin_33804582·2020-08-24 23:32

苏宁首页（less+rem+媒体查询）

方案一（less+rem+媒体查询）方案：采用单独制作移动端页面技术选型：rem适配布局（less+rem+媒体查询）采用750px设计尺寸步骤1.搭建相关文件夹结构2设置视口标签及引进css初始化样式
尧子陌·2020-08-24 18:37

使用 Chii 调试移动端页面

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

HTML基础学习笔记

原Blog链接：HTML基础学习笔记自学html基础笔记Web前端简单介绍web前端包含：pc端页面移动端页面web前端首先要解决用户体验的问题认识网页网页的组成网页主要由文字、图片和按钮等元素构成。
renkaigis·2020-08-24 16:30

rem, vw, 还是...? 各凭本事的移动端适配方案

前言2018年最后的法定假期都已经结束了，我相信大部分正在进行或曾经进行过移动端页面开发的同学都或多或少的了解过使用rem进行移动端页面适配的方案以及使用vw的方案，(没了解过的同学可以参见大漠老师的这两篇文章使用
pandaGao·2020-08-24 14:41

15款优秀的jQuery-Mobile插件

移动互联网迅速发展，PC端的网页并不能完全适应移动端页面需求，响应式设计体验产生并成为潮流。由此也促成了jQueryMobile的流行。
思否编辑部·2020-08-24 13:33

移动端页面宽度100%时右侧留白边的问题

改好之后再退回去也出不来白边了，下次遇到再截图吧加了这句白边就不见了，原因大概是html手机默认的100%宽度是980px。
Jam2018·2020-08-24 11:44

SUI 实现上拉刷新，下拉加载更多通用ListView

2.轻量级，核心文件压缩后之后52k3.IOS风格公司最近有个项目，使用到了SUI开发部分的安卓移动端页面。
伍柒伍肆·2020-08-24 10:13

两版html,判断是移动端还是pc端，几行代码搞定

varinnerWidth=$(window).width();//获得浏览器宽度在pc端共用js：if(innerWidth<=750){//判断浏览器宽度小于750跳转到移动端页面location.href
李英楠@·2020-08-24 04:24

阿里腾讯前端一面小结

3、项目一三中的难点（后台管理系统）插件的使用及扩展、动态url（pushstate、historyJS、hash）、用hash实现的原理4、项目二中的难点（移动端页面自适应）动态设置viewport＋
weixin_30216561·2020-08-24 03:37

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

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

移动端页面调试工具——UC浏览器开发者版

在移动页面的开发中，我们很难像PC端那样很方便的调试，网上也有各种各样的调试方式。但在工作中，我主要还是用chorme自带的模拟器来模拟各种移动设备，但是用久了之后发现毕竟是模拟的，与真机调试还是会有不同的结果。为了方便开发，UC推出Android平台UC浏览器开发者版，主要支持以下功能：DOM查看和修改JavaScript调试、CSS调试网络状态查看资源文件查看Console控制台其具体的使用教
weixin_30730151·2020-08-23 20:40

移动端页面下拉加载分页数据

1:javascript写法://请求阅读记录数据varpage=0;//第一页的数据。页面刚进来就请求这个方法functiongetTingHistory(date){$.ajax({url:'/studyplan/GetListen?userid='+curUserId+'&time='+date+'&page=0'+"&timezone="+timezone,type:'get',succe
wcy7916·2020-08-23 20:38

使用Swiper开发移动端页面，轻松实现图片的轮播

swiper1.主要包含模块：swiper：指滑动、切换（整个滑动对象，有时特指滑块释放后仍然正向移动直到贴合边缘的过程（过渡））container：指容器（swiper的容器里面包括滑动快（slide）的集合（wrapper）、分页器（pagination）、前进按钮等）wrapper：指包含（触控的对象，可触摸区域，移动的块的集合，过渡时会随slide切换产生位移）slider：指滑块（切换的
sunshine_hl·2020-08-23 14:15

HTML移动端页面重构布局8大方法

1.固定布局方法里把加好，然后根据设计稿设定相应的宽度即可，其他地方类似于pc端。优点思路沿用pc端，上手比较快缺点大屏手机显示网页比较宽，而固定布局宽度参照永远是固定的宽度（设计稿的大小），导致左右两边会有空白。手机横屏的时候两边空白更亮。2.流动布局方法适用百分比做单位。优点能更很好的适应各个屏幕分辨率的手机。缺点不够灵活，添加元素时，需要更改其他元素的值。3.浮动布局方法float+clea
1·2020-08-23 12:00

web移动端单独制作移动端页面布局介绍。

文章目录单独制作移动端页面(主流)流式布局(百分比布局)flex布局传统布局与flex布局初体验flex布局原理常见父项属性flex布局子项常见属性rem适配布局rem基础媒体查询媒体查询+rem实现元素动态大小变化引入资源
阿牛大牛中·2020-08-23 11:33

Zepto

ZeptoZepto，是一个比较有争议的框架，最近一直在做移动端页面开发，一直在用这个框架，今天对于用了这么久的框架来聊聊这个Zepto如何。
xjwolaile·2020-08-23 08:42

结合vue实现移动端页面的瀑布流布局

参考博客：浅谈瀑布流原理及Vue实现结合自己项目的需求进行修改基本原理：多行等宽不等高元素排列。第一排图片的顶部会处于同一个高度，依次排列在顶端，第二行以及之后的行则利用定位在最短的一列下面进行排列//封装了WaterFallFlow.vue子组件528㎡让人惊艳的混搭魅力FFSTUDsssssssssssIO3.5kimportCoverfrom"@/components/Cover";expo
meoncih·2020-08-23 02:18

HTML5 移动页面自适应手机、PC屏幕四种方法

1、使用meta标签：viewportH5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。
Moria_1995·2020-08-22 19:29

移动端中iframe缩放

问题来源于此，需在移动端页面中嵌入iframe页面，如下图。
unnndefined·2020-08-22 18:40

移动端页面开发的两种方式

之前一直做的是web端，换工作之后重心变成了移动端，尝试几次之后总结了两种移动端页面的开发模式，可以自适应各种屏幕大小。希望对大家有所帮助。
aisijue2425·2020-08-22 16:51

HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第一章前言

关于本教程通过一个PC端和一个移动端网上书城案例，穿插讲解CSS3中重要的知识点。每个页面子模块均采用手把手一步一步的方式进行代码编写。本教程不覆盖所有的CSS知识点，对于知识点的讲解秉承宁缺毋滥的原则。大家都知道有一个二八原则，即平时工作中80%最常用的知识点占全部知识点总量的20%。豆约翰就讲这20%最常用的知识点，让大家用最短的时间，从0基础到基本掌握PC端和移动端网站制作方法。本系列教程的
豆约翰·2020-08-22 16:14

AngularJS页面之间传值问题

AngularJS是做移动端页面比较火的一个前端插件，自从春节后一直在研究angularjs和ionic的使用。
MonkeyKingBi·2020-08-22 16:04

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

今天的知识点(2020.03.02)——第321天(我也要出题)[html]为什么移动端页面的设计稿一般是750px/640px呢？
浪子神剑·2020-08-22 14:15

移动端布局基础概念指南

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

前端移动端页面适配方案

/*前端页面适配方案《*/(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-08-22 12:46

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

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

vue中使用better-scroll插件注意事项和参数

better-scroll常用于移动端页面滚动1.注意问题，它一定有一个固定尺寸的wrapper，内容的高度要大于这个wrapper才会发生滚动，所以不要忘记加wrapper2.在使用better-scroll
honey_seve7n·2020-08-22 12:52

移动端所有浏览器页面调试方法

通常在移动端页面调试时，除了移动端chrome和safiri,几乎对其他浏览器无法调试。
Junezm·2020-08-22 11:55

【CSS练习】IT修真院--练习4-移动端界面

任务四、一个最常见的移动端页面完成的事情完成简单布局，然后填充界面与效果图对比优化完成验收要求：header扩展性&顶栏固定进行placeholder样式兼容性研究完成任务四-深度思考task4跟随深度思考
Nodreame·2020-08-22 10:59

adaptive.js让移动端开发更简单的方案

前言对于手机不离手的当今社会，移动端页面开发已经成了日常便饭，如何让手机页面开发起来更省心是一个前端工程师必不可少的技能。
alwaysVe·2020-08-22 10:43

PHP判断是否是微信打开, 浏览器打开

$wxpay_type;//跳转移动端页面$alipay_type=5;//支付宝移动支付$wxpay
我是高手高手高高手·2020-08-21 14:22

移动端webapp自适应布局

0.一些基础请看这篇：HcySunYang的blog：一篇真正教会你开发移动端页面的文章(二)width=device-width这段代码是让布局视口的尺寸等于理想视口。
识得唔识得啊·2020-08-21 13:48

苏宁首页（less+rem+媒体查询）

方案一（less+rem+媒体查询）方案：采用单独制作移动端页面技术选型：rem适配布局（less+rem+媒体查询）采用750px设计尺寸步骤1.搭建相关文件夹结构2设置视口标签及引进css初始化样式
尧子陌·2020-08-21 04:19

HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第3章初识CSS

本教程案例在线演示有路网PC端有路网移动端免费配套视频教程免费配套视频教程教程配套源码资源教程配套源码资源考虑对人的描述方式人{身高:175cm;体重:70kg;肤色:黄色}CSS基本语法结构选择器{声明1;声明2;}h1{font-size:12px;color:#F00;}style标签h1{font-size:12px;color:#F00;}标签选择器HTML标签作为标签选择器的名称…、、
豆约翰·2020-08-21 03:23

HTML5+CSS3前端入门教程---从0开始通过一个商城实例手把手教你学习PC端和移动端页面开发第一章前言

关于本教程通过一个PC端和一个移动端网上书城案例，穿插讲解CSS3中重要的知识点。每个页面子模块均采用手把手一步一步的方式进行代码编写。本教程不覆盖所有的CSS知识点，对于知识点的讲解秉承宁缺毋滥的原则。大家都知道有一个二八原则，即平时工作中80%最常用的知识点占全部知识点总量的20%。豆约翰就讲这20%最常用的知识点，让大家用最短的时间，从0基础到基本掌握PC端和移动端网站制作方法。本系列教程的
豆约翰·2020-08-21 03:24

ios下click失效小记

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

ios下click失效小记

前言今年都在写移动端页面，但是大多数用的都是框架，很少出现事件兼容问题。今天用原生写了个ios的页面，事件兼容花了约120'，必须要记录一下。
Rhinoceros·2020-08-20 23:51
上一页 3 4 5 6 7 8 9 10 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他