wensu_Lei-CSDN博客

原创 gulp使用步骤

安装nodejs全局安装gulp$ cnpm install -g gulp定位目录$ cd E:\www\gulpDemo创建pakage.json配置文件$ cnpm init 安装gulp到项目本地$ cnpm install --save-dev安装gulp插件（依赖）$ npm install gulp-jshint gulp-sass gulp-concat gu

2016-08-04 16:07:32 666

原创 class命名

常见class关键词：布局类：header, footer, container, main, content, aside, page, section 包裹类：wrap, inner 区块类：region, block, box 结构类：hd, bd, ft, top, bottom, left, right, middle, col, row, grid, span 列表类：list,

2016-07-29 09:54:54 393

TweenMax动画库TweenMax扩展自TweenLite，添加了很多比较有用的特性，例如：repeat(),repeatDelay(),yoyo(),等等。TweenMax构造函数TweenMax ( target:Object, duration:Number, vars:Object );target : Object – 目标 MovieClip (或其它对象)，对它的属性进行缓动 d

2016-07-29 09:52:15 912

转载前端优化的14条规则

前端性能优化的14个规则作为一个半前端工程师，而且只会写点HTML5和CSS3的“假”前端工程师，为了能更好地理解一下前端的花花世界，最近拜读了《高性能网站建设指南》一书，对作者提出的前端性能优化的14个规则获益匪浅，为了让自己印象更深刻点，决定作此文，当做学习笔记也好，知识总结也罢，总归看过的东西要让自己很好地掌握很好地运用起来才是王道。在解读这些规则的同时，我会用我一年半多的移动网站开发经历提出

2016-07-29 09:49:04 570

原创 emmet语法

1.1 生成html初始文档!+tab或者html:5 生成html5文档的初始结构html:xt 生成html4过渡型html:4s 生成html4严格型）生成的文档如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</ti

2016-06-03 11:17:59 3059 2

原创 git使用

一.创建版本库创建一个版本库非常简单，如，如果我要在D盘 –> www下目录下新建一个testgit版本库。则命令为： $ cd D:$ cd www$ mkdir testgit$ cd testgit 1.通过命令 git init 把这个目录变成git可以管理的仓库，如下：$ git init 这时候你当前testgit目录下会多了一个.git的目录，这个目录是Git来跟踪管理

2016-06-03 11:06:41 6396

原创 TweenMax

TweenMax扩展自TweenLite，添加了很多比较有用的特性，例如：repeat(),repeatDelay(),yoyo(),等等。TweenMax构造函数TweenMax ( target:Object, duration:Number, vars:Object );target : Object – 目标 MovieClip (或其它对象)，对它的属性进行缓动 duration : N

2016-06-03 10:56:17 1540

原创 CSS3基础第三篇（布局相关，媒体查询，用户界面）

1.多列布局1.1 多列布局——Columns为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样的效果还是有相当大的难度，庆幸的是，CSS3的多列布局可以轻松

2016-04-29 13:20:12 7512 2

原创 CSS3基础第二篇（变形，动画）

1.变形1.1.变形--旋转 rotate()旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。

2016-04-29 09:56:39 3971

转载 google network面板用法详解

谷歌浏览器network用法详解:network工具功能强大，能够让我看到网页加载的信息，比如加载时间，和先后顺序，是否是并行加载，还是堵塞加载。下面进入正题: 上面就是network面板的截图。默认情况下有八列:（1）.Name:表示加载的文件名。（2）.Method:表示请求的方式。（3）.Status:表示状态码（200为请求成功，304表示从缓存读取）。

2016-04-28 11:37:27 9600

原创 CSS3基础第一篇（圆角，阴影，渐变，选择器）

1.border-radius:1px 2px 3px 2px; /*添加圆角四个半径值分别是左上角、右上角、右下角和左下角，顺时针 */ 2.box-shadow:0px 0px 12px 5px #33CC00 inset;/*添加阴影参数分别是 X轴偏移量 Y轴偏移量【阴影模糊半径】【阴影扩展半径】[阴影颜色] [投影方式]*/ a

2016-04-27 09:02:45 2813

原创表单前端验证+ajax异步请求

今天做了一个注册表单的各个字段的前端的验证，感觉能用，但不知道还有没有更好的方法，特别是阻止表单提交那块，用了4个变量，感觉有点麻烦，明天要后台验证，用到正则表达式，之前没用过，又可以尝试新的东西了 $(function(){ var flag1=flag2=flag3=flag4=flag5=false; //账号验证 $('.phone').blur(function()

2015-08-06 23:16:22 6102

leiwen_su的博客