async 、 defer、prefetch

async && defer 1 <script src="script.js"></script> 没有 defer 或 async,浏览器会立即加载并执行指定的脚本,“立即”指的是在渲染该 script 标签之下的文档元素之前,也就是说不等待后续载入的文档元素,读到就加载并执行。 async 1 <script async src=...

解锁 Vue多页面应用

大部分使用Vue是构建单页面应用,但有时候我们也需要多页面应用,比如手机端的H5页面,可能这块需要一个H5页,另一块需要一个H5活动页,彼此相互独立,根本就没有什么关联,这时候还使用单页面应用增加了页面加载的速度,而且打包了一大堆和本页面无关的代码,增加了页面响应时间。 准备工作: 使用vue-cli构建工具,添加项目。 最近vue-cli发布了最新版本v3.0.0,如果使用最新版本的...

Web分享到Twitter、Facebook、微信、微博

分享是为了更好的传播,尤其是做业务平台网站的,传播是自然的事情,而且要和国际化接轨,就要能分享到Facebook、Twitter这样的网站,在中国这片土地上使用最多的就是微信了,所以微信也是一个很好的传播平台,但是自定义标题和缩略图在现在的微信是没有办法做到了。 分享到微信 1、 微信内分享 不知有没有发现,自己的网站链接有时候分享到微信群中,发到朋友圈,右下角的缩略图没了。之前以为是没...

JS 数字补零的几种方法

本文介绍几种补零的方法 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垂直居中

CSS垂直居中基本上经常需要用到的一个需求,而且面试的时候也有的公司会考察这个问题,但是需要手写出来,所以对于这个老生常谈的问题还是需要记住,下面就是我总结出了几种垂直居中的方法: 基于绝对定位的方法 这种方法采用了绝对定位的方法适用于,固定宽高的模块。废话不说上代码 html 1 2 3 <div class="main"> <div class="cente...

解决Chrome不能播放mp4视频的问题和HLS视频播放

现在面临一个问题chrome中播放后缀名为.mp4的视频文件只有声音播放不出视频画面,上网查了一下才知道,MP4视频不是说后缀名以.mp4结尾的就是MP4视频,mp4视频还包括不同的编码格式,还有不同的扩展名,都可以统一定义成MP4文件,而chrome只支持标准的H.264方式的编码,所以如果视频编码格式不对,chrome还是加载不出来的。 想要查看视频的编码格式,最简单查看视频信息的方式...