作者： admin

python的urllib2模块获取网页内容

import urllib2 #直接请求url response = urllib.urlopen('http://www.baidu.com') #获取状态码，如200 print response.getcode() #打印网页源码 print response.read()

2017-06-10
vim编辑器中Emmet的常用快捷键

<c-y>, 展开简写式
<c-y>d Balance a Tag Inward(选中包围的标签?)
<c-y>D Balance a Tag Outward
<c-y>n 进入下个编辑点
<c-y>N 进入上个编辑点
<c-y>i 更新<img>图像尺寸
<c-y>m 合并文本行
<c-y>k 删除标签
<c-y>j 分解/展开空标签
<c-y>/ 注释开关
<c-y>a 从URL生成anchor标签
<c-y>A 从URL生成引用文本

2017-06-08
jquery基础知识
一，jquery选择器

1.id选择器 $(“#id”)

2. 类选择器 $(“.class”)

3. 元素选择器 $(“span”)

4. ance desc选择器 $(“div span”)

选择整个家族的子元素

5.parent > child选择器

只选择子元素

6.某元素下面的元素 prev + siblings
```
用法: $("prev + siblings")
<div>
  <span></span>
  <p></p>
  <span>选中的元素</span>
  <span></span>
</div>
```
7.某元素下面到某元素 prev ~ siblings
```
用法: $("prev ~ siblings")

<div>
  <span></span>
  <p></p>
  <span>选中的元素</span>
  <span>选中的元素</span>
</div>
```
2015-12-23
前端自动化gulp入门
一，gulp的安装

1，glup是基本nodejs安装的所以我们先简单的说一下nodejs的安装。

www.nodejs.org是nodejs的官网，下载后，下一步下一步安装一遍。

安装nodejs后默认就有了nodejs的包管理工具npm（英文全称应该是 Node Package Manager），可以理解为就是给nodejs下载插件的。

如何查看nodejs是否安装成功

window用户可以用 PowerShell 里面输入node -v，返回版本号证明你的nodejs正确安装了。
```
node -v             //输入，意思是查询nodejs的版本号
v0.12.7             //返回一个软件版本号
```
2，有了nodejs，我们就可以放心大胆的安装gulp了，注意，这里会有一个小坑。

输入语句如下，后面的-g参数表示在全局范围安装，理解为不管在电脑的那个目录，都可以用到gulp。
```
npm install gulp -g           
```
很多时候我们会安装不上，因为被墙了。没关系，大公司淘宝为我们提供了结局方案。亲们可以移步到http://npm.taobao.org/。

安装完成，以后就可以用命令cnpm来代替npm。
```
//用淘宝镜像来安装gulp
cnpm install gulp -g           
```
二，初始化项目
```
mkdir  myproject
cd  myproject
cnpm init                                //回车后会有一些配置提示，可以忽略，一路回车完成。
cnpm install gulp --save-dev             //下载gulp文件到项目中
```
完成后，在myproject目录中会增加一个文件夹和一个json文件，分别是node_modules和package.json。
新建gulpfile.js文件
```
var gulp = require('gulp');

gulp.task('hello',function(){
  console.log('你好');
});

gulp.task('default',['hello']);
```
回到命令行，输入gulp，就会自动输出名叫hello的任务，输出你好
2015-11-11

css清除浮动


<ul id="demo1" class="nostyle demo clearfix"> 
 <li>1</li>
 <li>1</li>
 <li>1</li>
</ul>


// Css Code
/*简洁版*/
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after{
	clear:both;
	overflow:hidden;
}
.clearfix{
    zoom:1;
}


/* 经典版 */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* 简单粗暴版  overflow:auto 或者  overflow:hidden */
.clearfix{
  overflow:hidden; *zoom:1;
}

2015-11-11

sass入门

一，sass的安装

二，sass声明变量


$width:300px;

三，普通变量与默认变量
1,普通变量


//scss文件
$width:300px;
div{width: $width;}


//编译后的css文件
div{width: 300px;}

2,默认变量 !default;


//scss文件
$width:500px;
$width:300px !default;
div{width: $width;}


//编译后的css文件
div{width: 500px;}

四，变量的调用


//定义变量
$brand-primary:darken(#428bca,6.5%) !default;
$btn-primary-color:#fff !default;
$btn-primary-bg:$brand-primary !default;
$btn-primary-border:darken($brand-primary,5%) !default;
//按钮的样式
.btn-primary{
color             :$btn-primary-color;
background-color  :$btn-primary-bg;
border            :1px solid $btn-primary-border;
}


//编译后的css文件
.btn-primary{
color              : #FFF;
background-color   : #337ab7
border             : 1px solid #2e6da4;
}

五，局部变量和全局变量


$color:orange !default;   //这里设置全部变量
.block{
  color:$color;           //调用全部变量
}
.em{
  $color:red;             //设置局部变量
  a{ color:$color;}       //调用局部变量
}

六，嵌套

1，选择器嵌套
2，属性嵌套，例如border，padding，margin，font等中间有-的属性都可以使用属性嵌套。
3，伪类嵌套，&:before; &:after;

七，混合宏
声明混合宏：@mixin Name{}
调用混合宏：@include Name;
混合宏传参（三种）：1，传一个不带值得参数 2，传一个带值的参数 3，传多个参数

2015-11-08

作者： admin

一，jquery选择器