2017年6月16日
图片大小自适应垂直居中的方法（移动端）
img{ position: relative; max-height: 100%; max-width: 100%; width: auto; height: auto; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); t... Read More
posted @ 2017-06-16 13:05 JohnYunhan Views(184) Comments(0) Diggs(0)
2017年6月5日
stick footer布局
.detail { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; overflow: auto; } .detail-wrapper ... Read More
posted @ 2017-06-05 19:04 JohnYunhan Views(142) Comments(0) Diggs(0)
1像素边框
.border-1px{ position: relative; } .border-1px:after { display: block; position: absolute; left: 0; bottom: 0; border-top: 1px solid #ccc; width: 100%; content: ''; }... Read More
posted @ 2017-06-05 17:11 JohnYunhan Views(109) Comments(0) Diggs(0)
阻止浏览器默认的点击事件
if (!event._constructed) { return; } Read More
posted @ 2017-06-05 16:25 JohnYunhan Views(118) Comments(0) Diggs(0)
在移动端显示高度与屏幕宽度相等的图片
此方法的技巧在于图片外层容器的padding-top值为100%，当padding的值为百分数时，其是基于父元素宽度的百分比上内边距。这样一来相当于是给图片的显示创造了一个高度与屏幕宽度相等的区域。 Read More
posted @ 2017-06-05 16:22 JohnYunhan Views(201) Comments(0) Diggs(0)
2017年6月4日
vue之v-bind:style
{{collected?'已收藏':'收藏'}} Read More
posted @ 2017-06-04 16:26 JohnYunhan Views(304) Comments(0) Diggs(0)
2017年6月3日
js 时间戳转换为指定的日期格式
1 function formatDate(date, fmt) { 2 if (/(y+)/.test(fmt)) { 3 fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); 4 } 5 let o = { 6 'M+': da... Read More
posted @ 2017-06-03 12:15 JohnYunhan Views(228) Comments(0) Diggs(0)
2016年10月24日
css单行排版
text-overflow: ellipsis; overflow: hidden; white-space: nowrap; Read More
posted @ 2016-10-24 19:57 JohnYunhan Views(149) Comments(0) Diggs(0)
2016年10月20日
sass安装（windows版）
一、下载并安装Ruby到c盘（建议），注意安装勾选“Add Ruby executables to your PATH” 二、打开电脑的命令终端，输入下面的命令： 三、更新sass 四、卸载sass Read More
posted @ 2016-10-20 17:23 JohnYunhan Views(88) Comments(0) Diggs(0)
2016年10月11日
php通过post将表单数据保存到数据库实例
html的form表单 1 <form id="contact-form" method="POST" action="../php/msg.php"> 2 <input type="text" class="form-control" name="name" placeholder="name" Read More
posted @ 2016-10-11 17:23 JohnYunhan Views(468) Comments(0) Diggs(0)