关于CSS盒模型

盒模型分为两种,分别是IE盒模型和标准盒模型

一个盒子的组成部分包括widthheightborderpaddingmargin

  • width:盒子内容的宽度
  • height:盒子内容的高度
  • border:盒子的边框
  • padding:盒子内边距
  • margin:盒子外边距

标准盒模型

一个标准的W3C盒模型的宽度width表示的是内容的宽度,高度height表示的是内容的高度,具体如下

- 阅读剩余部分 -

script元素

script元素主要的属性

  • async:可选,表示立即下载脚本(异步),但是不影响页面的其他操作,只对引入外部脚本文件有效
  • defer:可选,表示脚本延时到文档完全被解析和显示后再执行,相当于告诉浏览器立即下载,延时执行。只对引入的外部脚本文件有效
  • src:表示包含要要执行的外部文件

注意

1.当有多个脚本设置了defer属性的时候,脚本延时执行仍然按照脚本引入的先后顺序执行

2.当有多个脚本设置了async属性的时候,脚本的执行顺序不一定按照脚本引入的先后顺序执行

<script src = "XXX.js" defer = "defer" ></script>

<script src = "XXX.js" async ></script>

git常用命令(转载)

查看、添加、提交、删除、找回,重置修改文件

git help command # 显示command的help

git show # 显示某次提交的内容 git show $id

git co -- # 抛弃工作区修改

git co . # 抛弃工作区修改

git add # 将工作文件修改提交到本地暂存区

git add . # 将所有修改过的工作文件提交暂存区

git rm # 从版本库中删除文件

git rm --cached # 从版本库中删除文件,但不删除文件

git reset # 从暂存区恢复到工作文件

- 阅读剩余部分 -

拖拽原理

在网页上实现拖拽分三步:

1.当鼠标按下的时候,触发onmousedown事件,计算出当前鼠标位置距离拖拽目标的左边和上边距离

2.鼠标移动的时候,触发onmousemove事件,计算鼠标移动的距离,然后把距离赋值给拖拽目标,实现拖拽

3.鼠标抬起的时候,触发onmouseup事件,注销onmousemoveonmouseup

下面是实现的代码:




发现用jsFiddle运行不能拖拽...也是够了。。

- 阅读剩余部分 -