03 2018 档案

懒加载 js----例子------图片
摘要：转载自：https://www.jianshu.com/p/9b30b03f56c2 懒加载工具类 结束。 原理：就是当图片出现在浏览器可视区域中时，再把图片的url传给它，也可以在这个时候创建图片，而图片被包裹在一个容器中，比如li或div，图片的url放在其容器的自定义属性data-src中； 阅读全文
posted @ 2018-03-27 19:59 仔行天下 阅读(181) 评论(0) 推荐(0)
pc端样式初始化
摘要：pc端样式初始化： 根据需要可以在后面补充 。。 阅读全文
posted @ 2018-03-27 13:17 仔行天下 阅读(1518) 评论(0) 推荐(0)
Sublime 插件- px 转rem
摘要：一个CSS的px值转rem值的Sublime Text 3自动完成插件。 插件效果如下 安装 克隆项目 https://github.com/hyb628/cssrem.git 进入packages目录：Sublime Text -> Preferences -> Browse Packages.. 阅读全文
posted @ 2018-03-27 13:08 仔行天下 阅读(216) 评论(0) 推荐(0)
手机端1px细线公共类
摘要：手机端1px细线公共类 手机端1px细线公共类 阅读全文
posted @ 2018-03-27 11:43 仔行天下 阅读(148) 评论(0) 推荐(0)
移动端样式初始化
摘要：搜的： 晓蓉的： chzhen的： //以后再看提取一个最简最好的。 阅读全文
posted @ 2018-03-26 21:21 仔行天下 阅读(414) 评论(0) 推荐(0)
移动端web开发 尽量哪些标签 常用标签及注意事项
摘要：H5手机移动端WEB开发资源整合 常用的标签及注意事项： https://blog.csdn.net/u012118993/article/details/56023399 移动前端不得不了解的html5 head 头标签： https://blog.csdn.net/u012118993/arti 阅读全文
posted @ 2018-03-26 01:05 仔行天下 阅读(521) 评论(0) 推荐(0)
flex布局
摘要：容器的属性 flex-direction flex-wrap flex-flow justify-content align-items align-content 3.1 flex-direction属性 flex-direction属性决定主轴的方向（即项目的排列方向）。 它可能有4个值。 ro 阅读全文
posted @ 2018-03-26 00:46 仔行天下 阅读(208) 评论(0) 推荐(0)
-webkit-box
摘要：父容器 display: flex; justify-content: center;/*主轴*/ align-items: center; /*交叉轴*/ display: -webkit-box; -webkit-box-pack: center;/*主轴*/ -webkit-box-align 阅读全文
posted @ 2018-03-25 20:59 仔行天下 阅读(377) 评论(0) 推荐(0)
网页图片jpg，gif，png对比。
摘要：总结：照片类的jpg如：banner图，小图gif或png8 GIF格式特点： 透明性 Gif是一种布尔透明类型，既它可以是全透明，也可以是全不透明，但是它并没有半透明（alpha 透明）。 动画 Gif这种格式支持动画。 无损耗性 Gif是一种无损耗的图像格式，这也意味着你可以对gif图片做任何操 阅读全文
posted @ 2018-03-25 16:21 仔行天下 阅读(1279) 评论(0) 推荐(0)
原生判断是否存在某个类，手机端事件，手机端测试
摘要：原生方法，判断一个元素是否含有某个类，例子： 选择器一个写法： .single.bg{ background-color:pink; }//single和bg事实是作用于同一个元素上； .single div{ } //single的所有后代div .single > .bg{ }//dingle的 阅读全文
posted @ 2018-03-24 23:56 仔行天下 阅读(202) 评论(0) 推荐(0)
中线，基线，垂直居中vertical-align:middle的一些理解
摘要：基线：小写字母xxxxx的下边缘线就是我们的css基线；一般的行内元素都是vertical-align: baseline;默认设置； x-height:就是指小写字母xxxx的高度，下边缘线到上边缘线的高度。 中线：我们可以近似脑补成字母x交叉点那个位置。 我们都知道，内联元素默认是基线对齐的，而 阅读全文
posted @ 2018-03-21 13:41 仔行天下 阅读(1924) 评论(0) 推荐(0)