Erlo
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结构 头像...

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实现移动端输入框实时检索更新列表步骤详解
2018-05-11 17:00· 移动端HTML5中判断横屏竖屏的方法

在移动端中我们经常碰到横屏竖屏的问题,那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。本文主要介绍了HTML5中判断横屏竖屏的方法(移动端)的相关资料,需要的朋友可以参考下,希望能帮助到大家。这里有两种方法:一...

2018-05-11 15:00· hammer.js实现移动端的图片手势放大功能

var reqAnimationFrame = (function() { return window[Hammer.prefixed(window, 'requestAnimationFram...

2018-05-09 11:37· vue2 mint-ui loadmore在移动端实现下拉刷新,上拉更多功能

这次给大家带来vue2 mint-ui loadmore在移动端实现下拉刷新,上拉更多功能,vue2 mint-ui loadmore在移动端实现下拉刷新,上拉更多功能的注意事项有哪些,下面就是实战案例,一起来看一下。 ...

2018-05-07 17:43· 移动端实现简单进度条

这次给大家带来移动端实现简单进度条,移动端实现简单进度条的注意事项有哪些,下面就是实战案例,一起来看一下。前言HTML中新添加了许多新的事件,但由于兼容性的问题,许多事件都没有广泛的应用,接下来为大家介绍一些好用的移动端...

2018-05-05 11:17· Vue利用canvas实现移动端手写板的方法

这篇文章主要介绍了关于Vue利用canvas实现移动端手写板的方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下本文介绍了Vue利用canvas实现移动端手写板的方法,分享给大家,具体如下: ...

2018-05-05 10:17· HTML5触摸事件实现移动端简易进度条的实现方法

这篇文章主要介绍了关于HTML5触摸事件实现移动端简易进度条的实现方法,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下前言HTML中新添加了许多新的事件,但由于兼容性的问题,许多事件都没有广泛的应用,接下来...

2018-05-03 17:31· 在移动端mint-ui loadmore实现下拉刷新上拉显示更多

这次给大家带来在移动端mint-ui loadmore实现下拉刷新上拉显示更多,在移动端mint-ui loadmore实现下拉刷新上拉显示更多的注意事项有哪些,下面就是实战案例,一起来看一下。mintui是饿了么团队针...

2018-04-27 12:57· vue移动端实现下拉刷新步骤详解

这次给大家带来vue移动端实现下拉刷新步骤详解,vue移动端实现下拉刷新的注意事项有哪些,下面就是实战案例,一起来看一下。看完这篇文章,相信大伙也一样可以,做出一个自己的刷新,加载的组件说这个功能之前,大家要先了解一下,...

vue移动端实现下拉刷新步骤详解
2018-04-26 11:45· Mobile框架开发移动端Web App步骤详解

这次给大家带来Mobile框架开发移动端Web App步骤详解,Mobile框架开发移动端Web App的注意事项有哪些,下面就是实战案例,一起来看一下。一.jQuery Mobile 的渐进增强设计与浏览器支持根据维基...

Mobile框架开发移动端Web App步骤详解
2018-04-26 10:45· PHP函数判断移动端和PC端

这篇文章介绍的内容是关于PHP函数判断移动端和PC端 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下#zs#移动端判断#fzs# function isMobile() { // 如...

2018-04-20 11:59· react实现移动端数据输出与显示

这次给大家带来react实现移动端数据输出与显示,react实现移动端数据输出与显示的注意事项有哪些,下面就是实战案例,一起来看一下。要求如下输入框输入内容数据长度大于0,展示出预览信息光标离开关闭预览信息预览信息每隔4...

2018-04-19 13:50· JS在移动端实现无限加载分页功能

这次给大家带来JS在移动端实现无限加载分页功能,JS在移动端实现无限加载分页功能的注意事项有哪些,下面就是实战案例,一起来看一下。原理:当滚动条到达底部时,执行下一页内容。判断条件需要理解三个概念: 1.scrol...

2018-04-19 09:50· js实现在移动端图片轮播

Document html,body{ width:100%; overflow-x:hidden; } html{ font-size:100px; }...

2018-04-18 11:03· vue.js移动端实现上拉加载下拉刷新

这次给大家带来vue.js移动端实现上拉加载下拉刷新,vue.js移动端实现上拉加载下拉刷新的注意事项有哪些,下面就是实战案例,一起来看一下。 跟横向滚动一样,我们还是采用better-scroll这个库来实现。由于...

2018-04-17 19:19· 移动端,input输入框被手机输入法解决方案

当界面元素靠下时候的时候,input输入框会被系统的键盘遮挡。 我们可以让界面向上移动一定距离去避免遮挡。 $('#money').click(function(){ setTimeout(functi...

2018-04-17 19:19· 移动端SEO时代已经来临,你准备好了吗?

    最近Google更新的动作比较频繁,包括算法Brackets更新,以及谷歌近期正式宣布采用Mobile First Index。谷歌官方在2018年3月26日发布了该则消息。(虽然谷歌早在2016年就...

移动端SEO时代已经来临,你准备好了吗?
2018-04-17 17:16· angularJS+Ionic实现移动端图片上传功能

这次给大家带来angularJS+Ionic实现移动端图片上传功能,angularJS+Ionic实现移动端图片上传功能的注意事项有哪些,下面就是实战案例,一起来看一下。前端开发中经常会碰到图片上传的问题,网上的解决办法...

2018-04-17 12:17· angularJS+Ionic在移动端进行图片上传(附代码)

这次给大家带来angularJS+Ionic在移动端进行图片上传(附代码),angularJS+Ionic在移动端进行图片上传的注意事项有哪些,下面就是实战案例,一起来看一下。前端开发中经常会碰到图片上传的问题,网上的解...

2018-04-14 17:07· Vue.js移动端组件库使用方法

这次给大家带来Vue.js移动端组件库使用方法,Vue.js移动端组件库使用的注意事项有哪些,下面就是实战案例,一起来看一下。 Mint UI 包含丰富的 css 和 JS 组件,能够满足日常的移动端开发需要。通过它...

2018-04-14 10:06· JS做出移动端触摸轮播效果

这次给大家带来JS做出移动端触摸轮播效果,JS做出移动端触摸轮播效果的注意事项有哪些,下面就是实战案例,一起来看一下。下面是移动端手指滑动轮播图的完整代码。 *{margin:0;padding:...

2018-04-13 14:20· vue-cli怎么配置lib-flexible+rem移动端自适应

这次给大家带来vue-cli怎么配置lib-flexible+rem移动端自适应,vue-cli配置lib-flexible+rem移动端自适应的注意事项有哪些,下面就是实战案例,一起来看一下。安装flexiblenpm...

2018-04-11 16:10· vue移动端的UI框架实现侧边菜单插件效果

这次给大家带来vue移动端的UI框架实现侧边菜单插件效果,vue移动端的UI框架实现侧边菜单插件的注意事项有哪些,下面就是实战案例,一起来看一下。 最近面试发现很多前端程序员都从来没有写过插件的经验,基本上都是网上百...

热门文章

> <

Erlo大厅()

* 这里是“Erlo大厅”,在这发言所有人都可以看到。只保留当天信息

  • Erlo.vip2019-01-21 06:32:30Hello、欢迎使用Erlo大厅,这里是个吐槽的地方。
  • 首页 笔记分享 新闻资讯 ERLO 搜索
    鼠标试试
    返回顶部