Erlo
2019-06-13 18:03· 移动端底部导航固定配合vue-router实现组件切换

在我们平时练习或者实际项目中也好,我们常常遇到这么一个需求:移动端中的导航并不是在顶部也不是在底部,而是在最底部且是固定的,当我们点击该导航项时会切换到对应的组件。相信对于很多朋友而言,这是一个很简单的需求,而且市面上有...

2019-05-31 01:03· flex和layout移动端布局

  1、九宫格           样式为: ul{ display: flex; flex-wrap: wrap;//超出换行 } li{ width: 33%; ...

flex和layout移动端布局
2019-05-26 14:01· 百度搜索引擎能识别安卓和IOS移动端

问题描述:假如我们的网站,对PC端的用户则对应的是普通网站内容,对应安卓手机用户,做了a.php.cn的子站,对应苹果的用户则用i.php.cn,因为两者内容是独立的,两个字站分别对他们的用户做了适配,安卓...

百度搜索引擎能识别安卓和IOS移动端吗
2019-05-07 20:03· 移动端 移动布局

移动布局 1.移动设备有 手机和ipad 安卓系统 ios系统 安卓系统的内置浏览器是谷歌 ios内置 safari浏览器 他们的内核都是web,不考虑兼容性,需要考虑的问题是安卓和ios的区别? 2.布局(写页...

移动端 移动布局
2019-05-04 22:02· 07.移动端类库

  iScroll.js 一个可以实现客户端原生滚动效果的类库。 1、下载iScroll 2、build目录下提供了不同版本的iScroll,可根据情况选择使用 3、html要求有3层结构如下图 4、获取w...

07.移动端类库
2019-04-18 11:02· 前端笔记之移动端&响应式(中)视口&百分比布局&弹性盒模型&rem&fillpage

一、viewport视口 1.1什么是屏幕尺寸、屏幕分辨率、屏幕像素密度? 屏幕尺寸:指屏幕的对角线的长度,单位是英寸,常见的屏幕尺寸有3.5、3.7、4.2、4.7、5.0、5.5、6.0等。 屏幕分辨率:指...

前端笔记之移动端&响应式(中)视口&百分比布局&弹性盒模型&rem&fillpage
2019-04-18 11:02· 前端笔记之移动端&响应式(下)默认样式&事件&惯性抛掷&swiper&loaction对象

一、移动端默认样式 ·IOS和Android下触摸元素时出现半透明灰色遮罩 a,input,button{ -webkit-tap-highlight-color: transparent; } ...

前端笔记之移动端&响应式(下)默认样式&事件&惯性抛掷&swiper&loaction对象
2019-04-12 16:02· 前端笔记知识点整合之移动端&响应式(下)默认样式&事件&惯性抛掷&swiper&loact...

一、移动端默认样式 ·IOS和Android下触摸元素时出现半透明灰色遮罩 a,input,button{ -webkit-tap-highlight-color: transparent; } ...

前端笔记知识点整合之移动端&响应式(下)默认样式&事件&惯性抛掷&swiper&loaction对象
2019-04-12 12:02· 前端笔记知识点整合之移动端&响应式(中)视口&百分比布局&弹性盒模型&rem&fillpa...

一、viewport视口 1.1什么是屏幕尺寸、屏幕分辨率、屏幕像素密度? 屏幕尺寸:指屏幕的对角线的长度,单位是英寸,常见的屏幕尺寸有3.5、3.7、4.2、4.7、5.0、5.5、6.0等。 屏幕分辨率:指...

前端笔记知识点整合之移动端&响应式(中)视口&百分比布局&弹性盒模型&rem&fillpage
2019-04-02 17:02· 基于vue-cli3和追书神器制作的移动端小说阅读网站,附接口和源码

项目简介 基于node express+mysql+vue-cli3和追书神器接口制作的移动端小说阅读网站,**仅供参考学习!不用于任何商业用途!** 闲暇时间用vue练练手,就想写个小说网站来看看,选择了追书神器的...

基于vue-cli3和追书神器制作的移动端小说阅读网站,附接口和源码
2019-03-30 11:00· 移动端H5开发遇到的问题及解决方法

本篇文章给大家带来的内容是关于移动端H5开发遇到的问题及解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。微信分享签名错误invalid signaturevue单页应用history...

2019-03-19 12:01· vue移动端实现ip输入框问题的解决方法介绍

本篇文章给大家带来的内容是关于Python动态定义函数的方法介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。vue框架移动端做ip输入框组件,input在浏览器和微信端兼容问题。要求:只...

2019-03-15 00:00· 详解vue移动端项目代码拆分记录

撸一套vue多端共用,非常适合需要快速且全面上线的项目。但是多端共用一套vue代码,由于平台间的互相限制,每端在某些业务例如支付分享等是完全独立的代码,每个平台的支付方式也会有所差异,造成在这...

2019-03-13 11:02· web移动端开发技巧

一、meta的使用 1、 强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览 2、winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉:  3...

2019-03-06 14:02· HTML5教程之移动端Web页面布局

 一、什么是移动端项目   顾名思义,运行在移动端的项目就称为移动端项目。那什么是移动端呢,主要是指我们的一些手持设备,最具有代表性的就是我们日常使用的手机和平板,当然还包括一些其他便携设备,如智能手表,掌上游戏机,等...

HTML5教程之移动端Web页面布局
2019-03-06 14:01· 移动端自动化测试框架搭建

大框架的几点思考: 需要框架实现什么功能 前期需要做数据与业务分离,方便维护 测试用例集管理要方便,便于异常时重新Run单条用例 用例设计需要尽可能简单,多提供公共方法     目前设计框架如下图:...

移动端自动化测试框架搭建
2019-03-04 22:02· 小tips:使用rem+vw实现简单的移动端适配

首先设置meta属性,如下代码: meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-s...

2019-02-14 18:02· 移动端视频h5表现问题汇总

1. 同屏播放视频 video src="" x-webkit-airplay="true" webkit-playsinline="true" playsinline />   2. 移动端视频预加载    由于移动端...

2019-02-13 15:01· 移动端H5中百度地图的click事件的介绍(代码示例)

本篇文章给大家带来的内容是关于移动端H5中百度地图的click事件的介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。根据百度地图官方解释,在移动端 H5 页面中可监听下面这 ...

移动端H5中百度地图的click事件的介绍(代码示例)
2019-02-12 12:02· 移动端web自适应适配布局解决方案

100%还原设计图,要注意:  看布局,分析结构。   感觉难点在于: 1.测量精度(ps测量数据); 2.文字的行高。   前段时间写个移动端适配的页面(刚接触这方面),查了一些资料,用以下方法能实现: 1.设置理想视口: ...

2019-01-24 12:01· css隐藏移动端滚动条并平滑滚动(代码示例)

本篇文章给大家带来的内容是关于css隐藏移动端滚动条并平滑滚动(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。HTML代码如下 移动端...

2019-01-21 16:01· 浏览器与android移动端视频互播技术实现

       手机端与平台之间的视频直播功能,主要通过集成多种开源视频框架以及采购第三方视频直播服务器产品来实现预定业务需求。视频直播对话功能的实现,主要经历了三个阶段:利用开源视频框架实现视频直播、采购第三方视频服务器实现视...

浏览器与android移动端视频互播技术实现
2019-01-16 16:02· 移动端网站开发前端学习总结

1.关于适配: 移动端适配可以使用lib-flexible(也可配合百分比宽度一起使用)十分适用于webapp适配 Font-size默认为12px 以rem为单位。 关于lib-flexible详解:http://ww...

2019-01-16 12:01· 移动端页面头部固定定位的绝对定位实现(代码示例)

本篇文章给大家带来的内容是关于移动端页面头部固定定位的绝对定位实现,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。在移动端进行开发时,通常整个页面的头部会固定一个区域,比如下图淘宝中的头部。...

移动端页面头部固定定位的绝对定位实现(代码示例)
2019-01-11 12:01· 原生js实现移动端Touch滑动反弹的方法(代码示例)

本篇文章给大家带来的内容是关于原生js实现移动端Touch滑动反弹的方法(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。移动端 Touch 滑动反弹什么是Touch滑动?就是类似...

原生js实现移动端Touch滑动反弹的方法(代码示例)
2019-01-03 00:00· 原生js实现移动端Touch轮播图的方法步骤

Touch 轮播图 touch轮播图其实就是通过手指的滑动,来左右切换轮播图,下面我们通过一个案例,来实现下。 1. html 结构 结构上,还是用ul、li来存放轮播图片,...

2019-01-02 15:03· 浅谈pc和移动端的响应式

身为一个前端攻城狮,是不是经常遇到各种各样的响应式问题?下面我们来说一下: 1.响应式跟自适应有什么区别? 有些人可能还不知道响应式跟自适应的区别,甚至认为他们是同一个东西,其实不是的. 自适应是最早出现的,后面才有了响...

浅谈pc和移动端的响应式
2018-12-24 10:02· 移动端网页书写

css样式: @charset "utf-8";body,html{ font-family: "微软雅黑"; font-size:100px; font-size: calc(100vw/7.2);//根据设计稿...

2018-12-08 02:01· 移动端轮播图

这是结构 DOCTYPE html> html lang="en"> head> meta charset="UTF-8"> meta name="viewport" content="width=de...

2018-11-25 00:00· 移动端滑动切换组件封装 vue-swiper-router实例详解

具体代码如下所述: 组件部分 {{item.name}} ...

2018-11-16 19:02· 用exfe.js和canvas解决移动端 IOS 拍照上传图片翻转问题(附代码)

本篇文章给大家带来的内容是关于用exfe.js和canvas解决移动端 IOS 拍照上传图片翻转问题,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。记得我初入前端差不多一年,公司做了一个we...

2018-11-06 09:17· 移动端h5直播项目|html5直播实战开发|h5仿陌陌

最近一些直播、小视频什么的都比较火,像陌陌、抖音、火山短视频… 于是空闲时间自己也利用html5技术也试着倒腾了下直播项目,使用到了h5+css3+iscroll+zepot+swiper+wlsPop架构开发了一个仿陌...

移动端h5直播项目|html5直播实战开发|h5仿陌陌
2018-10-30 22:21· CSS去除移动端点击时元素产生的背景色

在点击产生背景色的元素的css样式上加上以下代码:     -webkit-tap-highlight-color: transparent;

2018-10-29 16:14· 移动端的flex三栏布局的相关知识介绍(代码示例)

本篇文章给大家带来的内容是关于移动端的flex三栏布局的相关知识介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。默认情况下先显示移动端,通过 @media 属性适配屏幕变化使...

2018-10-19 11:36· vue移动端h5页面根据屏幕适配的四种方案

最近做了两个关于h5页面对接公众号的项目,不得不提打开微信浏览器内置地图导航的功能确实有点恶心。下次想起来了的话,进行总结分享一下如何处理。在vue移动端h5页面当中,其中适配是经常会遇到的问题,这块主要有死个方法可以适...

vue移动端h5页面根据屏幕适配的四种方案
2018-10-16 04:55· 移动端图片上传旋转、压缩问题的解决方案

本篇文章就给大家带来移动端图片上传旋转、压缩问题的解决方案。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。前言在手机上通过网页 input 标签拍照上传图片,有一些手机会出现图片旋转了90...

移动端图片上传旋转、压缩问题的解决方案
2018-10-11 21:16· PC端移动端不同屏幕大小下响应式布局

本文给大家介绍PC端移动端不同屏幕大小下响应式布局,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。先上效果图:PC端效果:移动端效果:代码如下: ...

PC端移动端不同屏幕大小下响应式布局
2018-10-05 07:32· 移动端适配(3)——rem适配

rem适配   (function(){     var html=document.documentElement;     var hWidth=html.getBoundingClientRect().widt...

2018-10-05 07:32· 移动端布局注意事项与less

用Koala实现less的实时编译 1、下载Koala(Koala可以实现实时编译) 2、把CSS文件夹(如index.css,index.less)拖到Koala中 3、点击到需要编译的index.css,如:     ...

移动端布局注意事项与less
2018-10-01 01:46· 移动端HTML5模拟长按删除事件(附代码)

本篇文章给大家带来的内容是关于移动端HTML5模拟长按删除事件(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。为啥写这篇文章最近接了个需求,要求长按某个标签显示删除一个悬浮的删除按...

移动端HTML5模拟长按删除事件(附代码)
2018-09-26 17:34· vue 移动端屏幕适配 使用rem

要想移动端适配 并使用 rem  您需要先看这篇文章,配置好less ➡️ 在vue 中使用 less,就可以使用rem了   如果项目已经开发的差不多了,没有用到rem 又要使用rem,您用这招。 postcss-pxtor...

vue 移动端屏幕适配 使用rem
2018-09-17 17:04· 深入理解CSS中的rem以及移动端的布局方法

相信大家对px已经很熟悉了,但是提到rem有些人就不知道了。今天这篇文章主要介绍什么是rem,em,以及他们在移动端中的布局方法,有需要的可以参考一下,希望对你有帮助。一、rem是什么?rem是css3中新...

2018-09-17 10:01· 细说移动端 经典的REM布局 与 新秀VW布局

和以往一样,本次项目也放到了 Github 中,欢迎围观 star ~   1. 前言 2. 基本概念 3. REM布局 4. VW布局  实现单边边框1px  实现多边边框1px     实现边框圆角  实...

细说移动端 经典的REM布局 与 新秀VW布局
钉钉h5项目实战|仿钉钉聊天|h5移动端钉钉案例
2018-09-05 09:39· Web移动端商城 移动端商城手机网站html整套模板,web移动商城仿app手机模板下载

  --Web移动端商城移动端商城手机网站html整套模板,web移动商城仿app手机模板下载。原生的js和jquery-1.6.2.min.js,页面才有html5自适应。包括首页(轮播,导航)、兼职(视频,图文话题,...

2018-08-31 09:53· 移动端cropper.js如何实现裁剪图片并上传(代码分析)

本篇文章给大家带来的内容是关于移动端cropper.js如何实现裁剪图片并上传(代码分析) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。引入cropper使用 HTML结构 头像...

移动端cropper.js如何实现裁剪图片并上传(代码分析)
2018-08-26 00:00· Unity移动端的复制要这么写示例代码

前言 Unity官网提供了详尽的文档和丰富的教学视频,昨天跟着视频做了一个简单的3d游戏“roll-a-ball”。游戏涉及了许多Unity的基本知识,用来入门很不错。 本文主要给大家了关...

2018-08-15 10:40· 使用jquery实现类似于移动端支付宝的支付键盘(代码)

本篇文章给大家带来的内容是关于使用jquery实现类似于移动端支付宝的支付键盘,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。最近做项目时碰到一个需求,就是在移动端支付页面点击支付按钮弹出一...

使用jquery实现类似于移动端支付宝的支付键盘(代码)
2018-08-15 00:00· jQuery仿移动端支付宝键盘的实现代码

最近做项目时碰到一个需求,就是在移动端支付页面点击支付按钮弹出一个支付键盘,类似于支付宝的那种。由于项目只是单纯的手机网站,而并非app,所以这个功能得由前端来实现。话不多说,先上图看看效果。...

jQuery仿移动端支付宝键盘的实现代码
2018-08-07 09:37· html5移动端Meta的设置

这篇文章给大家介绍的内容是关于在html5移动端Meta的设置,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用...

2018-08-02 00:00· 详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件

wc-messagebox 基于 vue 2.0 开发的插件 包含 Alert, Confirm, Toast, Prompt 仿照 iOS 原生UI(样式来源: MUI...

2018-07-15 14:40· 如何通过js判断页面在pc端打开还是移动端打开

这篇文章主要介绍了关于js判断页面在pc端打开还是移动端打开,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下js判断页面在pc端打开还是移动端打开,分别跳转不同的index.htmlwindo...

2018-06-26 15:35· 如何通过HTML5触摸事件实现移动端简易进度条

这篇文章主要介绍了HTML5触摸事件实现移动端简易进度条的实现方法的相关资料,内容挺不错的,现在分享给大家,也给大家做个参考。前言HTML中新添加了许多新的事件,但由于兼容性的问题,许多事件都没有广泛的应用...

2018-06-23 18:37· 使用Vue移动端如何实现图片裁剪组件

这篇文章给大家介绍了基于Vue的移动端图片裁剪组件功能,因为移动端是用vue,所以就写成了一个vue组件,下面就说说自己的一些实现思路,需要的朋友可以参考下最近项目上要做一个车牌识别的功能。本来以为很简单,...

使用Vue移动端如何实现图片裁剪组件
2018-06-12 11:38· 使用vue-cli如何配置移动端自适应?

本篇文章主要介绍了详解基于vue-cli配置移动端自适应,现在分享给大家,也给大家做个参考之前写过一篇关于移动端屏幕适配:移动端屏幕适配的解决,今天来聊一聊基于vue-cli配置的移动端屏幕适配问题。配方还...

2018-05-26 15:41· 如何使用Vue-cli webpack移动端自动化构建rem

这次给大家带来如何使用Vue-cli webpack移动端自动化构建rem,使用Vue-cli webpack移动端自动化构建rem的注意事项有哪些,下面就是实战案例,一起来看一下。相信很多小伙伴想着自己的移动端项目能够...

2018-05-14 12:18· Vue+canvas实现移动端手写板步骤详解

这次给大家带来Vue+canvas实现移动端手写板步骤详解,Vue+canvas实现移动端手写板的注意事项有哪些,下面就是实战案例,一起来看一下。 清除 保存 Canvas画板 ...

2018-05-12 10:45· 移动端如何做出字母索引导航

这次给大家带来移动端如何做出字母索引导航,移动端做出字母索引导航的注意事项有哪些,下面就是实战案例,一起来看一下。vue+ better-scroll 实现移动端歌手列表字母索引导航。算是一个学习笔记吧,写个笔记让自己了...

移动端如何做出字母索引导航
2018-05-12 10:22· vue2.0实现移动端输入框实时检索更新列表步骤详解

这次给大家带来vue2.0实现移动端输入框实时检索更新列表步骤详解,vue2.0实现移动端输入框实时检索更新列表的注意事项有哪些,下面就是实战案例,一起来看一下。最近在做vue2.0的项目遇到一个移动端实时检索搜索更新列...

vue2.0实现移动端输入框实时检索更新列表步骤详解

热门文章

> <

Erlo大厅()

* 这里是“吐槽厅”,所有人可看,只保留当天信息。

  • Erlo.vip2019-06-16 11:44:44Hello、欢迎使用吐槽厅,这里是个吐槽的地方。
  • 首页 笔记分享 案例展示 ERLO 搜索
    鼠标试试
    返回顶部