跳到主要内容

😐

利用注释记录代码​

无论何时开发 HTML 页面或 CSS 代码段，都要记住你或者其它人几乎肯定需要在某一天修改它。简单的文本 Web 页面通常容易阅读和修改，但是带有图形、表格和其它布局技巧的复杂页面可能相当难以解释。

缩进代码以使之更清晰​

在涉及使 HTML 代码更容易理解和维护时，一致的缩进甚至可能比注释更重要。

版本控制​

  • 提交（ commit ） / 签入（ check in ）和签出（ check out ）：当把一个对象放入代码库中时，就在提交那个文件；在签出一个文件时，就在从代码库中获取它（其中存储了所有当前的和历史的版本）并对其进行处理，直到准备好再次提交或签入文件为止
  • 分枝（ branch ）：置于版本控制之下的文件在任何时刻都可以分枝或分支（ fork ），从而创建两条或更多的开发路径。假设你想试验一些新的显示布局或者表单交互性，但是不希望以任何方式修改现有的站点。你可能开始于一组主文件，但是后来把这组文件进行了分支以用于新的站点，并继续独立地开发它们。如果继续开发原始的文件集，则处理的将是主干（ trunk ）
  • 更改（ change ） / 差异（ diff ）：这只是版本控制下的修改的术语（可以称之为更改或差异）。你可能也听过把差异用作一个动词，比如"我比较了文件的差异"，用于指比较一个对象的两个版本的动作（有一个底层的 UNIX 命令称为 diff ）
  • 分支（ fork ）：当找到一种开源 GitHub 代码库时，你可能想要把它用作自己工作的基础（或者想要为它做贡献），就可以分支该代码库，然后创建它的一个副本，以便可以按自己的进度继续处理它。从分支的代码库中，可以把提交推送（ push ）到自己的版本，从原始代码库中提取（ fetch ）更改，如果你想要把自己的更改贡献给所分支的原始代码库，还可以给原始代码库的所有者发出拉取请求（ pull request ）

使用 HTML 和 CSS 框架​

网页自动关闭​

设置网页自动关闭的方法是在一定的时间调用全局 window.close() 方法，关闭当前窗口。

网页不能另存​

<body
  oncontextmenu="self.event.returnValue"
  ="false"
  onselectstart="return
    false"
></body>

另一种禁用右键的方法如下。

<body oncontextmenu="return false"></body>
<!-- 禁用右键 : -->
<script>
  function stop() {
    return false; // 返回 false ，表示禁用
  }
  document.oncontextmenu = stop; // 监听 oncontextmenu  方法
</script>

禁止"另存为"命令需要在目标网页末尾 </body></html> 的标签前面加上如下代码，可以使"另存为"命令不能顺利执行。

<noscript> <iframe scr="*.htm"></iframe> </noscript>

同理，取消选取、防止复制方法如下： oncopy="return false;" oncut="return false;" 。

// 禁用右键菜单
oncontextmenu = 'return false';
// 禁用拖拽
ondragstart = 'return false';
// 禁用选取
onselectstart = 'return false';
// 禁用选取
onselect = 'document.selection.empty()';
// 禁用复制
oncopy = 'document.selection.empty()';
// 禁用复制
onbeforecopy = 'return false';
// 禁用鼠标
onmouseup = 'document.selection.empty()';

禁止查看网页源代码​

if (window.Event) document.captureEvents(Event.MOUSEUP);
function nocontextmenu() {
  event.cancelBubble = true;
  event.returnValue = false;
  return false;
}

function norightclick(e) {
  if (window.Event) {
    if (e.which == 2 || e.which == 3) return false;
  } else if (event.button == 2 || event.button == 3) {
    event.cancelBubble = true;
    event.returnValue = false;
    return false;
  }
}
document.oncontextmenu = nocontextmenu; // for IE5+
document.onmousedown = norightclick; // for all others

网页不出现滚动条​

设定打开网页的大小​

window.open(
  'page.html',
  'newWindow',
  'height=300, width = 400, top = 0, left = 0, toolbar = no,menubar = no ,scrollbars = no, resizable = no, location = no,status = no',
);