jquery 实现在指定元素的开头添加内容 & css文件里面@charset “utf-8”；的作用 & meta标签里面的viewport & vscode编译器快速生成各种注释模板

成都政协

1、在指定元素的开头添加内容：prepend

	init: function() {
			var _this = this,
				html = '',
				timer = 0;
			// 添加元素
			html += '<style>'
			html += 	'.home-fold { position: relative; width: 100%; height: ' + this.v['height'] + 'px; overflow: hidden; background-repeat: no-repeat; background-position: top center; -webkit-transition: none; transition: none; }';
			html += 	'.home-fold .w { position: relative; z-index: 2; }';
			html += 	'.home-fold .tool { position: absolute; top: 0; right: 0; font-size:14px; line-height: 30px; }';
			html += 	'.home-fold .tool .text { display: inline-block; padding: 0 10px; line-height: 30px; background-color: #fff; background-color: rgba(255, 255, 255, .5); }';
			html += 	'.home-fold .tool .text b { color: #f00; }';
			html += 	'.home-fold .tool .close { display: inline-block; padding: 0 10px; color: #fff; background-color: #333; }';
			html += 	'.home-fold .tool .close:hover { text-decoration: none; background-color: #000; }';
			html += 	'.home-fold .link { position: absolute; top: 0; left: 0; z-index: 1; display: block; width: 100%; height: 100%; }';
			html += '</style>';
			html += '<div class="home-fold" id="' + this.v['wrap'] + '" style="background-image:url(' + this.v['pic'] + ');">';
			html += 	'<div class="w">';
			html += 		'<div class="tool">';
			html += 			'<span class="text"><b id="' + this.v['timeWrap'] + '">' + this.v['time'] + '</b>秒后自动关闭</span>';
			html += 			'<a class="close" href="javascript:fold.close();">关闭</a>';
			html += 		'</div>';
			html += 	'</div>';
			if (this.v['link'].length > 0) {
				html += '<a class="link" href="' + this.v['link'] + '" target="_blank"></a>';
			}
			html += '</div>';
			$('body').prepend(html);
			// 定时关闭
			timer = setInterval(function() {
				if (_this.v['time'] > 0) {
					$('#' + _this.v['timeWrap']).html(--_this.v['time']);
				} else {
					_this.close();
					clearInterval(timer);
				}
			}, 1000);
		},

2、css文件中第一行@charset “utf-8”;的作用

声明该css文件使用utf-8编码，浏览utf-8编码的任何网页，无论是中文，日文，韩文，都可以正常显示

3、meta标签里面的viewport

让一些搜索引擎搜索到你的网页，代码可以这样写： 
<meta Name="Keywords" Content="网页关键字" > 
<meta Name="description" Content="网页描述文字" > 

 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=0">

viewport详细介绍

当 HTML 页面在手机上浏览时，该标签用于指定是否将网页内容中的手机号码显示为拨号的超链接。
<meta name="format-detection" content="telephone=no, address=no">

在 iPhone 上默认值是：
<meta name="format-detection" content="telephone=yes"/>
如果你不希望手机自动将网页中的电话号码显示为拨号的超链接，那么可以这样写：
<meta name="format-detection" content="telephone=no"/>

删除默认的苹果工具栏和菜单栏。
需要显示工具栏和菜单栏时，不需要添加，默认值为no，即正常显示。如果content设置为yes，Web应用会以全屏模式运行，可以通过只读属性window.navigator.standalone来确定网页是否以全屏模式显示。
  <meta name="apple-mobile-web-app-capable" content="yes">

apple-mobile-web-app-status-bar-style：作用是控制状态栏显示样式
<meta name="apple-mobile-web-app-status-bar-style" content="black">

4、vscode插件：Document This

快速生成各种注释模板。
Ctrl+Alt+D and again Ctrl+Alt+D