《VS Code 学习笔记 之 Open Live Server》

---

VS Code 学习笔记

---

Open Live Server

• Open Live Server : 开启 实时服务
  

---

代码分析

/*
	[].slice 生成新数组
	call 改变this 并执行函数
	document.getElementsByTagName("标签名")：通过标签名获取元素
	自执行函数(function () {})()
	in 的使用：判断 某个对象的属性在当前平台是否支持
	for 循环优化
	正则表达式：/(&|\?)/: 特殊元字符的转义使用 "\"
	toLowerCase : 字符串方法，把当前this指向的内容字符串全部转换成小写
	indexOf(): 字符串方法，找到目标字符char 的位置，返回其下标值（Number）
*/

//  Code injected by live-server 实时服务注入的代码
	// <![CDATA[  <-- For SVG support
	if ('WebSocket' in window) {
		(function() {
			function refreshCSS() {  
				var sheets = [].slice.call(document.getElementsByTagName("link"));
				var head = document.getElementsByTagName("head")[0];
				for (var i = 0; i < sheets.length; ++i) {
					var elem = sheets[i];
					head.removeChild(elem);
					var rel = elem.rel;
					if (elem.href && typeof rel != "string" || rel.length == 0 || rel.toLowerCase() == "stylesheet") {
						var url = elem.href.replace(/(&|\?)_cacheOverride=\d+/, '');
						elem.href = url + (url.indexOf('?') >= 0 ? '&' : '?') + '_cacheOverride=' + (new Date().valueOf());
					}
					head.appendChild(elem);
				}
			}
			var protocol = window.location.protocol === 'http:' ? 'ws://' : 'wss://';
			var address = protocol + window.location.host + window.location.pathname + '/ws';
			var socket = new WebSocket(address);
			socket.onmessage = function(msg) {
				if (msg.data == 'reload') window.location.reload();
				else if (msg.data == 'refreshcss') refreshCSS();
			};
			console.log('Live reload enabled.');
		})();
	}
	// ]]>