乐少007

摘要： 项目中有个需求：M站，当用户所处不同城市，M站的首页自动切换定位到当前所在城市 客户端APP，安装过程中，会弹出询问，是否获取权限，则，定会打开定位（比如：美团、饿了么） 方案A:通过浏览器获取定位 <script src="http://api.map.baidu.com/api?ak=百度秘钥= 阅读全文

摘要： 移动端导航过多，点击导航左右滚动回弹 移动端项目导航栏目很多，需要左右滑动，前面文章，已经实现，跳转页面也实现了，现在问题是，当点击后面的导航栏目时候，聚焦当前的时候， 需要给当前导航添加一个动画回弹的效果，也就是，让后面的导航，慢慢的移动到可视区域位置 HTML <!--container一级导航 阅读全文

摘要： 1.使用less，借助于koala工具 //基本设置（像素比、Html字体大小）(function (doc, win) { var set={ setRem:function (ImgW,ImgM){//设置字体大小(默认20px,640的2倍图) ImgM=ImgM || 2; ImgW=(Im 阅读全文

摘要： 移动端左右滑动导航 移动端项目中，当导航栏目多的时候，需要左右滑动，且隐藏横向滚动条 纯css即可实现此效果 <div class="menu-outer"> <ul class="menu"> <li><a href="javascript:void(0);">15天预报</a></li> <li 阅读全文

摘要： 使用‘圣杯布局’、‘双飞翼布局’来解释自适应的三栏水平布局 实现三栏水平布局，其中left、right分别位于左右两侧，left宽度为200px，right宽度为300px，main处在中间，宽度自适应。 如图，要实现 左右固定 中间宽度自适应 A:圣杯布局 HTML <div id="header 阅读全文

摘要： 移动端经常遇到点击下拉菜单 这个时候需要三角图标 为了减少移动端的体积，我们使用样式css来写三角图标 详细代码如下所示： HTML <h4 class="arrow1">上箭头</h4> <h4 class="arrow2">下箭头</h4> <h5 class="triangle1">左实心三角 阅读全文

摘要： 解决苹果手机 Safari浏览器下 字体显示为蓝色的 问题 近期测试同学测试，wap站上，底部文字在苹果8上面 ，使用 Safari浏览器打开，一直显示 蓝色字体 其他正常，寻找半天无解，最后 阳仔 小伙伴 猛然想起来，这是 不兼容，少了一句meta标签 在 head区域 添加上 这句话 即可 ，正 阅读全文

摘要： 接力之前的文章 https://www.cnblogs.com/leshao/p/5674710.html 这篇文章讲解的是px -rem 单位换算 除100的 写法 比如实际测量PSD宽度是500px,则 心算 500/100=5 。写 5rem 经过后续项目的改版，不同设计师，不同的风格，不同的 阅读全文

摘要： 近期坐了几个移动端 整屏轮播的 效果 之前都是自己一个个写，之前听说过swiper插件，没有使用过，今天一尝试，果然，爽 使用方法示例 <div class="swiper-container"><div class="swiper-wrapper"><div class="swiper-slide 阅读全文

摘要： 固定表头，单元格td宽度自适应，多内容出现-横向纵向滚动条数据表格的<前世今生> 先上图例 & & 无论多少数据……都完美！ 背景：由于我司行业方向，需要很多数据报表，则table是当仁不让的首选，一般的数据，普通的table即可满足需求；涉及到，数据过多时候，要左右可以滚动查看数据，且头部要锁定。 阅读全文