博客主题访问地址:https://github.com/logan70/logan70.github.io
获取当前 global 位置
$ npm config get prefix
改变当前 global 位置
$ npm config set prefix=$HOME/.node_modules_global
$ npm install <Module Name> --global
简写方式
$ npm install <Module Name> -g
$ npm install <Module Name>
install命令总是安装模块的最新版本,如果要安装模块的特定版本,可以在模块名后面加上@和版本号。
$ npm install sax@latest
$ npm install sax@0.1.1
$ npm install sax@">=0.1.0 <0.2.0"
gem install compass
创建一个Compass项目
compass create myProject
创建完之后进入该目录
cd myProject
config.rb
: 项目的配置文件sass
: sass源文件存放目录css
: css源文件存放目录编译
compass compile
compass compile --output-style compressed
compass compile --force
compass watch
.scss
文件转换为.sass
文件
sass-convert main.scss msin.sass
安装Sass
先下载安装Ruby
http://rubyinstaller.org/downloads
然后打开电脑的命令终端,输入下面的命令:
gem install sass
查看Sass版本
sass -v
更新Sass
gem update sass
卸载Sass
gem uninstall sass
.scss
文件编译为.css
文件
sass test.scss test.css
编译风格
Sass提供四个编译风格选项
- nested:嵌套缩进的css代码,它是默认值。
- expanded:没有缩进的、扩展的css代码。
- compact:简洁格式的css代码。
- compressed:压缩后的css代码。
sass --style compressed test.sass test.css
Sass监听
可以让Sass监听某个文件或目录,一旦源文件有变动,就自动生成编译后的版本。
// watch a file
sass --watch input.scss:output.css
// watch a directory
sass --watch app/sass:public/stylesheets
cvs(集中式 网络环境 1985) -> svn(集中式 网络环境 2000)-> git(分布式 无网环境 2005)-> github(程序猿托管网站 2008)
Windows版的Githttps://git-for-windows.github.io
在Git bash
中设置用户名和邮箱
$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"
把目录变成Git可以管理的仓库:git init
把文件添加到仓库:git add <file>
git add readme.txt
把文件提交到仓库:git commit
git commit -m "wrote a readme file"
-m
后面输入的是本次提交的说明,可以输入任意内容,当然最好是有意义的,这样你就能从历史记录里方便地找到改动记录。
commit
可以一次提交很多文件,所以你可以多次add
不同的文件
BOM(Browser Object Model)浏览器对象模型
window 既是通过JavaScript访问浏览器窗口的一个借口,又是ECMAScript规定的Global对象
所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员
全局变量是 window 对象的属性
//下面两种表达方式等价
var age = 23;
window.age = 23;
全局函数是 window 对象的方法
//下面两种表达方式等价
function myFun(){
...
}
window.myFun = function(){
...
}
HTML DOM 的 document 也是 window 对象的属性之一
//下面两种表达方式等价
window.document.getElementById("header");
document.getElementById("header");
document.getElementById('id')
document.getElementsByTagName('tagName')
语法
ele.style.styleName = styleValue
要设置的样式名称需为驼峰式(如
fontSize
)
var box = document.getElementById('box');
box.style.fontSize = '16px';