CSS 隐藏滚动条
Posted by Dan on March 19, 2019
PC中实现隐藏滚动的方法
在浏览器中隐藏滚动条,兼容浏览器(chrome 和Safari),只需在滚动的class中加入如下CSS即可
1
2
3
.element::-webkit-scrollbar {
display: none;
}
要兼容PC其他浏览器IE,Firefox等,在容器外面再嵌套一层overflow:hidden,内部内容限制尺寸和外部嵌套层一样,就变相...
博客版本记录
Posted by Dan on December 24, 2018
至此博客已经改过好几个版本了,现在总算让自己很满意了。
最开始也是从别人的博客发现有hexo,其中有一款自己很喜欢的黑白主题,就想着要是自己有一个这样的博客那该多好。于是就开始找资料,看如何搭建一个hexo的博客,从最开始创建github pages仓库,购买域名,安装hexo一步步来也走了很多的坑,总之博客总算是搭建好了,也开心了一阵。
一个博客最重要的当然是内容了,最开始也不知道写什...
async 、 defer、prefetch
Posted by Dan on October 25, 2018
async && defer
1
<script src="script.js"></script>
没有 defer 或 async,浏览器会立即加载并执行指定的脚本,“立即”指的是在渲染该 script 标签之下的文档元素之前,也就是说不等待后续载入的文档元素,读到就加载并执行。
async
1
<script async src=...
解锁 Vue多页面应用
Posted by Dan on July 14, 2018
大部分使用Vue是构建单页面应用,但有时候我们也需要多页面应用,比如手机端的H5页面,可能这块需要一个H5页,另一块需要一个H5活动页,彼此相互独立,根本就没有什么关联,这时候还使用单页面应用增加了页面加载的速度,而且打包了一大堆和本页面无关的代码,增加了页面响应时间。
准备工作:
使用vue-cli构建工具,添加项目。
最近vue-cli发布了最新版本v3.0.0,如果使用最新版本的...
Web分享到Twitter、Facebook、微信、微博
Posted by Dan on May 20, 2018
分享是为了更好的传播,尤其是做业务平台网站的,传播是自然的事情,而且要和国际化接轨,就要能分享到Facebook、Twitter这样的网站,在中国这片土地上使用最多的就是微信了,所以微信也是一个很好的传播平台,但是自定义标题和缩略图在现在的微信是没有办法做到了。
分享到微信
1、 微信内分享
不知有没有发现,自己的网站链接有时候分享到微信群中,发到朋友圈,右下角的缩略图没了。之前以为是没...
JS 数字补零的几种方法
Posted by Dan on May 12, 2018
本文介绍几种补零的方法
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
// 简单的for 循环补零
functi...
CSS垂直居中
Posted by Dan on December 11, 2017
CSS垂直居中基本上经常需要用到的一个需求,而且面试的时候也有的公司会考察这个问题,但是需要手写出来,所以对于这个老生常谈的问题还是需要记住,下面就是我总结出了几种垂直居中的方法:
基于绝对定位的方法
这种方法采用了绝对定位的方法适用于,固定宽高的模块。废话不说上代码
html
1
2
3
<div class="main">
<div class="cente...
解决Chrome不能播放mp4视频的问题和HLS视频播放
Posted by Dan on August 11, 2017
现在面临一个问题chrome中播放后缀名为.mp4的视频文件只有声音播放不出视频画面,上网查了一下才知道,MP4视频不是说后缀名以.mp4结尾的就是MP4视频,mp4视频还包括不同的编码格式,还有不同的扩展名,都可以统一定义成MP4文件,而chrome只支持标准的H.264方式的编码,所以如果视频编码格式不对,chrome还是加载不出来的。
想要查看视频的编码格式,最简单查看视频信息的方式...