摘要: 项目中有个需求:M站,当用户所处不同城市,M站的首页自动切换定位到当前所在城市 客户端APP,安装过程中,会弹出询问,是否获取权限,则,定会打开定位(比如:美团、饿了么) 方案A:通过浏览器获取定位 <script src="http://api.map.baidu.com/api?ak=百度秘钥= 阅读全文
posted @ 2018-11-15 16:46 乐少007 阅读(680) 评论(0) 推荐(0) 编辑
摘要: 移动端导航过多,点击导航左右滚动回弹 移动端项目导航栏目很多,需要左右滑动,前面文章,已经实现,跳转页面也实现了,现在问题是,当点击后面的导航栏目时候,聚焦当前的时候, 需要给当前导航添加一个动画回弹的效果,也就是,让后面的导航,慢慢的移动到可视区域位置 HTML <!--container一级导航 阅读全文
posted @ 2018-11-15 16:19 乐少007 阅读(1106) 评论(0) 推荐(1) 编辑
摘要: 1.使用less,借助于koala工具 //基本设置(像素比、Html字体大小)(function (doc, win) { var set={ setRem:function (ImgW,ImgM){//设置字体大小(默认20px,640的2倍图) ImgM=ImgM || 2; ImgW=(Im 阅读全文
posted @ 2018-11-06 19:22 乐少007 阅读(556) 评论(0) 推荐(0) 编辑
摘要: 移动端左右滑动导航 移动端项目中,当导航栏目多的时候,需要左右滑动,且隐藏横向滚动条 纯css即可实现此效果 <div class="menu-outer"> <ul class="menu"> <li><a href="javascript:void(0);">15天预报</a></li> <li 阅读全文
posted @ 2018-11-06 19:14 乐少007 阅读(6321) 评论(0) 推荐(0) 编辑
摘要: 使用‘圣杯布局’、‘双飞翼布局’来解释自适应的三栏水平布局 实现三栏水平布局,其中left、right分别位于左右两侧,left宽度为200px,right宽度为300px,main处在中间,宽度自适应。 如图,要实现 左右固定 中间宽度自适应 A:圣杯布局 HTML <div id="header 阅读全文
posted @ 2018-09-14 14:51 乐少007 阅读(227) 评论(0) 推荐(0) 编辑
摘要: 移动端经常遇到点击下拉菜单 这个时候需要三角图标 为了减少移动端的体积,我们使用样式css来写三角图标 详细代码如下所示: HTML <h4 class="arrow1">上箭头</h4> <h4 class="arrow2">下箭头</h4> <h5 class="triangle1">左实心三角 阅读全文
posted @ 2018-09-13 20:42 乐少007 阅读(5839) 评论(0) 推荐(0) 编辑
摘要: 解决苹果手机 Safari浏览器下 字体显示为蓝色的 问题 近期测试同学测试,wap站上,底部文字在苹果8上面 ,使用 Safari浏览器打开,一直显示 蓝色字体 其他正常,寻找半天无解,最后 阳仔 小伙伴 猛然想起来,这是 不兼容,少了一句meta标签 在 head区域 添加上 这句话 即可 ,正 阅读全文
posted @ 2018-08-16 21:12 乐少007 阅读(1669) 评论(0) 推荐(0) 编辑
摘要: 接力之前的文章 https://www.cnblogs.com/leshao/p/5674710.html 这篇文章讲解的是px -rem 单位换算 除100的 写法 比如实际测量PSD宽度是500px,则 心算 500/100=5 。写 5rem 经过后续项目的改版,不同设计师,不同的风格,不同的 阅读全文
posted @ 2018-08-07 20:26 乐少007 阅读(471) 评论(0) 推荐(0) 编辑
摘要: 近期坐了几个移动端 整屏轮播的 效果 之前都是自己一个个写,之前听说过swiper插件,没有使用过,今天一尝试,果然,爽 使用方法示例 <div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide 阅读全文
posted @ 2018-08-07 20:12 乐少007 阅读(1124) 评论(0) 推荐(0) 编辑
摘要: 固定表头,单元格td宽度自适应,多内容出现-横向纵向滚动条数据表格的<前世今生> 先上图例 & & 无论多少数据……都完美! 背景:由于我司行业方向,需要很多数据报表,则table是当仁不让的首选,一般的数据,普通的table即可满足需求;涉及到,数据过多时候,要左右可以滚动查看数据,且头部要锁定。 阅读全文
posted @ 2017-10-11 21:36 乐少007 阅读(5753) 评论(5) 推荐(1) 编辑