git 帮我们解决了三个主要问题

• 版本管理git add -> git commit = 新版本

• 多任务开发(分支) 一个分支代表一个任务,分支之间不相互影响

  git branch -> git checkout -> git add -> git commit -> 新版本

• 协同开发(多人共同开发) 通过共享充仓库实现

  xxx.git -> git init –bare (创建仓库)
  git push -> xxx.git 上传到仓库
  git pull -> xxx.git 从仓库下载到本地
  注意 一个文件想要下载仓库的版本 必须先初始化为 git 仓库

阅读全文 >>

px、em、rem的区别及换算方法

px的特点：

1. IE无法调整那些使用px作为单位的字体大小；
2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；
3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)。

阅读全文 >>

bash常用命令

• cd: 改变目录
• pwd: 查看当前目录
• ls: 列出当前目录
• mkdir: 创建文件目录
• touch: 创建文件
• cat: 查看文件全部内容
• more: 或者 less 查看文件
• rm: 删除文件
• rm -rf: 删除文件目录
• rmdir: 删除空文件目录
• mv + 文件名 + 路径: 移动文件
• mv + 文件名 + 重命名 或者 mv + ./文件名 + ./重命名
• cp + 拷贝文件 + 路径
• head -n: 查看前 n 行
• tail -n: 查看后 n 行
• tab: 自动补全
• tab双击: 列出匹配内容
• history: 列出命令记录
• ssh: 远程登录
• >: 重定向
• >>: 重定向 并且追加
• wget: 下载
• tar: 解压缩
• curl: 网络请求
• whoami: 查看当前用户
• grep: 匹配内容

阅读全文 >>

HTML5 新特性

• 语义化更好的内容标签(header,nav,section,footer,aside,article)
• 表单控件, calendar,date,time,email,url,search
• 音频、视频API(aduio,video)
• 画布API(canvas)
• 地理API(geolocation)
• 本地离线存储 localStorage 长期存储数据,浏览器关闭后数据不会丢失
• sessionStorage 数据在浏览器关闭后自动删除
• 新技术 webworker,websocket,geolocation

阅读全文 >>

display 属性的详解

display:block

• block元素会独占一行，多个block元素会各自新起一行。默认情况下，block元素宽度自动填满其父元素宽度。
• block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。
• block元素可以设置margin和padding属性。

阅读全文 >>

css hack 概念

由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式，我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程，叫做CSS hack!

阅读全文 >>

css 常见问题总结

哪些css属性可以继承?

• 可继承:

  1. font-size
  2. font-family
  3. color
  4. ul
  5. li
  6. dl
  7. dd
  8. dt

阅读全文 >>

表达式的概念

• 广义的概念:所有返回的一段代码块,都可以成为表达式.比如:

  var a=0;
  var a, b;
  

• a = 0;这个表达式的返回值为0;
• b = a;这个表达式的返回值为a;
• 赋值表达式的返回值为=右边的值;

阅读全文 >>

解决盒子塌陷的几种方案

• 给父盒子添加高度
• 给父盒子添加clear: both样式 (缺点:两个div之间的margin值失效)
• 内墙法

阅读全文 >>

表达式的概念

• 广义的概念:所有返回的一段代码块,都可以成为表达式.比如:

  var a=0;
  var a, b;
  

• a = 0;这个表达式的返回值为0;
• b = a;这个表达式的返回值为a;
• 赋值表达式的返回值为=右边的值;

阅读全文 >>