user-select属性

在浏览一些网站的文章时，读到一些有趣的文字，想把它复制收藏到自己的收藏集中，发现文字不可以选择，也就不可以复制。这种方法可以保护文章版权的效果，虽然花点时间手打也行，不过也是一定程度上保护了文章的传播。

这种效果是怎样实现的呢，用user-select属性就可以实现，在样式中使user-select:none即可使用户不能选择元素中的任何内容，包括文本节点。非常方便，user-select是用来控制内容的可选择性的属性。由于该属性是 CSS3 新增属性，部分浏览器可能不兼容，使用时最好加上各浏览器内核前缀。

嘛~在使用的时候发现了一招瞬间破解这种禁止复制的方法 orz 。对着要复制的文字右键选择 “检查” （我以Chrome为例），弹出开发者控制台，在代码栏中找到 CSS 样式设置，把user-select:none改为user-select:auto，即可启用复制功能。

哈哈，这什么鬼，同样的方法可应用于查看浏览器保存的密码上！一般我们输入账号密码登录某一网站的时候浏览器会提示你是否要保存密码，或者网站上有复选框可以勾选记住密码，这都是利用浏览器的 cookie 来把密码暂存于浏览器中，以便下次登录可以方便点。而那些密码一般都是以黑色圆点方式来显示，但是不要天真地以为这样就看不见密码的内容了。用刚才所说的方法，只要把密码框的type="password"改为type="text" 即可将那可悲的密码暴露于艳阳下，一览无遗。

这个故事告诉我们，把密码保存于浏览器中虽然方便，但是也是不安全的。大家请多加注意
more >>

在看一些漂亮的网页时，看到里面有一些漂亮的图形，然而这又不是图片来的，难道是用代码画的？不，是写的？对，把浏览器当成是画布来画画的方法有：Flash， Canvas， SVG 。今天我就探索一下 SVG 的魅力所在，下面图片中的简单图形是用 SVG 画的：

如图，Ubuntu 上用 apt-get 下载安装 zsh 的时候遇到莫名的错误提示，看错误提示的意识大概就是/var/lib/dpkg/lock这个目录出的问题。网上的说法是，可能有另一个程序正在运行，导致资源被锁不可用。而导致资源被锁的原因可能是上一次运行安装更新时没有正常完成。而我记得上次并没有什么没有正常完成的安装更新，先删除这个目录试试。

解决方法，运行下面命令：

1
2

sudo rm /var/cache/apt/archives/lock
sudo rm /var/lib/dpkg/lock

又能正常安装更新了

在用 JQuery 或一些其它框架时，总是见到有 min 标记的文件，然后打开里面看代码，结果是一团黑色扭动着蠕虫般的字符密密麻麻地紧挨在一起，瞬间打消我研读的念头。刚开始以为这是防止别人学习抄袭里面的内容，一种版权的控制。到现在我才知道这其实是为了加快脚步的加载速度而把脚本中不必要的空格和注释删除从而达到压缩脚本的效果，也就是精简版本的脚本文件。一般都会把有注释并格式整齐内容清晰的原文件备份，方便以后修改。

当然，制作精简版脚本这种无聊乏味至极的工作肯定不是手工弄的，有几种比较好的工具可以帮助我们，我平时用的是 JSMin ，还有备受好评的 Closure Compiler 。这里我就用 JSMin 来说明如何压缩 JS 。

首先先把这工具给下载下来，进官网拉到最下有下载，点这里

下载完成解压后是一个 .exe 文件。随便放在一个自己喜欢的地方。然后打开控制台，命令格式是：

1

JSmin.exe的绝对路径 <要压缩的 JS 文件绝对路径>压缩完后的文件名和保存路径

举个例子：

1

D:\JS\jsmin.exe <D:\JS\test\demo.js>D:\JS\demo.min.js

就是这样子，打开压缩完的文件，就能看到熟悉的密密麻麻的字符啦

获取和替换 p 元素中的文本内容

之前学习的 JS 一直都是修改元素的属性内容，样式什么的，其实 JS 也可以修改元素的文本内容。文档树中的节点并不止元素节点一种，还有属性节点和文本节点。所以要获取元素下的文本内容，就要先使用 childNode 属性来获取该元素下的所有子节点信息，然后再使用 nodeValue 属性来获取子节点内容。

这里如果直接用：

1

p.nodeValue

返回的结果为 null ，因为这里真正需要获得的是 p 元素下的第一个子节点的nodeValue，即 p 元素节点下的文本节点的节点值，而不是 p 元素节点的节点值。所以应该是：

1

p.childNodes[0].nodeValue

chileNodes属性返回的是一个数组。如果 p 下没有其它元素节点的话，那么这个文本节点就是它唯一的子节点，用p.childNodes.length可看出只有一个子节点。

这样整个文档树就没有什么是我 JS 所不能修改的了哈哈
more >>