乐少007

摘要： 近日公司APP项目有播放视频的需求 一般我们本地写demo,直接使用video标签即可实现播放视频 为了减少服务器压力，选择了，乐视云视频服务。即把视频上传到乐视云视频，获取传给我的URL地址即可。 这样获得的url链接是http形式的 运维安全部的同事，为了安全起见，采取了https访问的形式 这 阅读全文

摘要： 自动刷新 CSS文件 使用任何代码工具码 CSS，都是需要保存后再切换到浏览器按 F5 刷新查看效果，一次又一次，不管这个改动仅是一个小小的颜色。使用 CSSrefresh 后，改动 CSS 文件保存后，直接看浏览器就好了！ 省去了： 切换到浏览器按 F5 刷新查看效果。这对码 CSS 习惯不停刷新 阅读全文

摘要： 目前做过几次 左右对齐。而且文字不一样 多少 每次需要调试很多次。遂模仿滴滴 做了一个demo <dl> <dt>扣费金额 :</dt> <dd>88.10元扣费金额</dd> </dl> /*各个部分样式*/ @charset "utf-8";.detail-outer { padding: 0 阅读全文

摘要： 近期移动端项目用到了很多时间轴。纵向的。开始可以实现，但是不利于维护。整理下， 以作为备份留存学习参考。子元素的 标签的 ：before实现圆点，:after实现边线border纵向时间轴,单一右边内容:padding-left即可实现;如果时间轴边线左右都有内容,则左边的内容,定位过去即可.横向的 阅读全文

摘要： table头部、尾部固定;中间内容定高自适应滚动 很多时候，需要使用到表格做数据分析，不管是前端展现，还是后台管理系统节点展现 工作过程中遇到了，作为一个小笔记，备忘！ 如下图所示 表格的头部，和尾部是固定不动的，中间内容随着内容的增多，而出现滚动条。 <!--container--> <div c 阅读全文

摘要： 近期移动端项目中，图片很多 移动端尽量少图片，以便提升加载速度！这时候css3可以大放光芒比如梯形的背景图 2个标签即可实现梯形背景 html <div class="box"> <span>标题</span> </div> css .box { border-bottom: 1px solid o 阅读全文

摘要： 当前团队开发过程，存在2种度量单位（px、rem）各有说辞px：各个终端统一大小，简单明了，未尝不可！rem:大屏幕显示大字体，小屏幕显示小字体，渐进增强视觉感。业界各种写法都有，不逐一讨论。团队呼声：使用rem,达到字体渐进增强视觉感。得出一套简洁的rem计算自适应方法！大喜！ 核心换算片段如下 阅读全文

摘要： 近期项目一直有类似QQ空间那样的时间轴，来展示公司新闻动态，或者流程之类的设计UI。 每每出现，不以为然，这次总结了下，精简下 <li> <h4>1.下载APP</h4> <p></p> </li> .process-list li h4:before { content: ''; display: 阅读全文

摘要： 近期做移动app、wap等站，需要头部固定在顶部，不随着内容滚动而滚动平时第一想法就是使用position:fixed;top:0;z-index:10;这样去实现但这样使用fixed之后，会在ios系统下,当有input输入框的时候.出现键盘遮盖的问题为了避免这种情况则使用flex盒子 <div 阅读全文

摘要： 弹出遮罩层水平垂直居中 很多时候，登陆注册的时候，会需要弹出一个层，且后面有一层遮罩蒙版层，让后面不可点击状态 且需要这个弹出层是水平垂直居中显示的 固定宽高的水平垂直居中好实现 这里的弹出层，是随着内容撑开的，不固定宽高 .wrap .pop { width: 80%; height: auto; 阅读全文