meta基础知识

H5页面窗口自动调整到设备宽度，并禁止用户缩放页面

<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />

- 阅读剩余部分 -

使用 ctrl+`快捷键 或者 菜单项View > Show Console 来调出命令界面，将以下 Python 代码粘贴进去并 enter 执行，不出意外即完成安装。以下提供 ST3 和 ST2 的安装代码：

- 阅读剩余部分 -

- 阅读剩余部分 -

视差（Parallax）是指从不同的点看一个物体时形成的视觉差异，这个名词是源自希腊文的παράλλαξις ()，意思是”改变”。在网页设计中，视差滚动（Parallax Scrolling）是当下流行的网页设计技术，通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果。下面是一些运用视差滚动效果的优秀网页案例：

- 阅读剩余部分 -

打开网页后自动弹出QQ对话窗口
自动弹出对话框
<iframe style="display:none;" src="tencent://message/?uin=1050575278&Site=&menu=yes"></iframe>

- 阅读剩余部分 -

离开或激活当前页，产生对应标题，还是非常有趣的用户体验，简单代码实现如下：

<script type="text/javascript">
function func(){
    window.onblur = function() {
        document.title = "发呆- ( ゜- ゜)つロ ";
        $("#web-icon").attr('href',"http://www.baidu.com/favicon.ico");
    };
    window.onfocus = function() {
        document.title = "Jrotty's Blog";
        $("#web-icon").attr('href',"https://www.r1989.com/favicon.ico");
    }
}
func();
</script>

有时为了尽量保护自己网站的内容版权，在用户复制的过程中自动添加版权后缀。这里讲用户复制字符大于42个时进行加版权处理，代码如下：

- 阅读剩余部分 -

我们知道在页面上载入小图标有多种方式，比如我们使用比较多的是css sprite背景图片定位，就是将很多小图标集成到一张大图，然后使用CSS定位背景。还有一种比较现代的方式是使用font字体图标，它利用@font-face原理载入图标字体库，然后调用图标。

- 阅读剩余部分 -