自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(20)
  • 资源 (4)
  • 收藏
  • 关注

原创 CSS3发光按钮

@-webkit-keyframes bigAssButtonPulse { from { background-color: #fdfdd3; -webkit-box-shadow: 0 0 25px #fdfdd3; } 50% { background-color: #fffea4; -webkit-box-shadow: 0 0 50px #fffea4; } to { backgr

2015-01-28 13:58:22 1742

原创 overflow:auto;子元素浮动后父容器高度自适应问题

当一个父容器里面的子元素都浮动之后,子元素的高度将被忽略,所以父容器的高度不会被子元素撑高(除非另外设定高度),解决办法是给父容器添加如下规则:overflow:auto;这样就使父容器高度自适应。

2015-01-26 10:00:46 1892

原创 开发无框架单页面应用 — 老码农的祖传秘方

什么是单页面应用(SPA)?维基百科上的描述是这样的:“A single-page application (SPA), is a web application or web sitethat fits on a single web page with the goal of providing a morefluid user expe

2015-01-23 14:34:46 1402

原创 总结一些更多的针对webkit的HTML, CSS和Javascript方面的特性.

[html]view plaincopyspanstyle="font-size:14px;border:0px;margin:0px;padding:0px">HTMLspan>,从HTML文档的开始到结束排列:metaname=”viewport”content=”width=device-width,initial-scale=1.0

2015-01-22 15:18:43 904

原创 Grunt 自动化部署之css、image、javascript、html压缩Gruntfile.js配

grunt.initConfig方法用于模块配置,它接受一个对象作为参数。该对象的成员与使用的同名模块一一对应。每个目标的具体设置,需要参考该模板的文档。就cssmin来讲,minify目标的参数具体含义如下:expand:如果设为true,就表示下面文件名的占位符(即*号)都要扩展成具体的文件名。cwd:需要处理的文件(input)所在的目录。src:表示需要处理的文件。

2015-01-18 05:21:08 618

原创 如何升级nodejs 的npm

今天,又发现一个超级简单的升级node.js的方法。一行命令搞定,省去了重新编译安装的过程。node有一个模块叫n(这名字可够短的。。。),是专门用来管理node.js的版本的。首先安装n模块:npm install -g n第二步:升级node.js到最新稳定版n stable是不是很简单?!n后面也可以跟随版本号比如:n v0.10.26或n 0.10.26就这

2015-01-18 05:11:17 3337

原创 grunt安装

1、安装nodejs,在cmd下测试node --version和npm --version是否正确显示;2、安装grunt, npm install -g grunt;3、安装grunt-cli,想要在cmd中使用grunt命令,需要npm install -g grunt-cli。完成后测试grunt --version看是否正确显示grunt-cli版本。这样,就完成了gru

2015-01-18 04:03:11 642

原创 CSS3 Transform——transform-origin

在CSS2.1中,我们的页面都是静态的,网页设计师也习惯把它作为页面效果的设计工具。但往往有些页面效果不只是静态的,比如说,如何实际移动一些元素?如何更改元素的外观——旋转或缩放?多年来,Web设计师为了给修改页面的外观,都依赖于图片、Flash或JavaScript才能完成。不过,CSS3将要改变设计师这种思维,进入CSS3时代,借助CSS3就可以轻松倾斜、缩放、移动以及翻转元素。

2015-01-18 01:09:47 1239

原创 grunt前端开发插件grunt-sprite

这是什么grunt-sprite是一个grunt的前端开发插件。能干什么这是一个帮助前端开发工程师将css代码中的切片合并成雪碧图的工具,它的主要功能是:使用二叉树排列算法,对css文件进行处理,收集切片序列,生成雪碧图在原css代码中为切片添加background-position属性生成用于高清设备的高清雪碧图,并在css文件末尾追加媒体查询代码在引用雪碧

2015-01-15 09:18:53 1306

原创 使用grunt生成雪碧图

作为一名前端开发人员,实现前端自动化是一项大大节省开发时间的有效手段;这样开发人员可以更好更专注于前端代码的开发,而不用过多关注于css压缩,js检测这样的繁琐的工作。  本文主要介绍使用grunt实现前端雪碧图生成,以及生成相应的css文件,安装grunt,这部分就不多说了,具体内容参考http://www.gruntjs.net/grunt首页详细介绍了

2015-01-15 09:17:29 2183

原创 git 配置基本信息

配置用户名git config--global user.name T-bagwell配置用户email git config--global user.email [email protected]配置默认的编辑器为vimgit config --global

2015-01-14 16:35:03 618

原创 浅析nodejs的buffer类

1、什么时候该用buffer,什么时候不该用我看一下如下的测试代码,分别是拼接各种不同长度的字符串,最后直接拼接了10MB的字符串var string,string2,string3;var bufstr,bufstr2,bufstr3;var j;console.time('write 100 string')for(j=0;j1000;j++){ var x = j+''

2015-01-12 11:02:23 801

原创 Sublime Text 3 常用插件以及安装方法

直接安装安装Sublime text 3插件很方便,可以直接下载安装包解压缩到Packages目录(菜单->preferences->packages)。使用Package Control组件安装也可以安装package control组件,然后直接在线安装:按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理

2015-01-10 17:30:13 1822

原创 MongoDB学习笔记(六) MongoDB索引用法和效率分析

一、创建索引  1. 默认索引  MongoDB有个默认的“_id”的键,他相当于“主键”的角色。集合创建后系统会自动创建一个索引在“_id”键上,它是默认索引,索引名叫“_id_”,是无法被删除的。我们可以通过以下方式查看:12var_idIndex = mongoCollection.Metadata.In

2015-01-02 22:53:02 788

原创 MongoDB学习笔记(五) MongoDB文件存取操作

一、在文档对象中存取文件  当文件大小较小的时候,直接存入文档对象实现起来更简洁。比如大量图片文件的存取等,一般图片文件都不会超过4M。我们先实现一个上传图片存入数据库,再取出来写回页面的例子:  1. 把图片存到BJSON中12345678910///

2015-01-02 22:50:24 882

原创 MongoDB学习笔记(四) 用MongoDB的文档结构描述数据关系

一、包含子文档的集合操作  有这么一个应用场景,某网站提供会员登录的功能,用户需要注册账号才能享受会员服务,但是注册者可能会因为用户资料表单输入项过大而放弃填写,因此用户信息分为主要资料和详细资料两项,初次注册只需要填写主要资料就行了。我们打算把详细信息设计为子文档存储。  1) linq方式实现  1. 新建数据描述类,描述用户信息1

2015-01-02 22:49:04 604

原创 MongoDB学习笔记(三) 在MVC模式下通过Jqgrid表格操作MongoDB数据

一、实现视图层Jqgrid表格逻辑  首先,我们新建一个MVC空白项目,添加好jQuery、jQueryUI、Jqgrid的前端框架代码:  然后在Views的Home文件夹下新建视图“Index.aspx”,在视图的body标签中添加如下HTML代码:div>tableid="table1">table>

2015-01-02 22:46:53 743

原创 MongoDB学习笔记(二) 通过samus驱动实现基本数据操作

一、关于MongoDB的驱动  MongoDB支持多种语言的驱动,在此我们只介绍C#的驱动。仅C#驱动都有很多种,每种驱动的形式大致相同,但是细节各有千秋,因此代码不能通用。比较常用的是官方驱动和samus驱动。samus驱动除了支持一般形式的操作之外,还支持linq方式操纵数据。各人比较喜欢这种方式。  官方驱动下载地址:点击下载  samus驱动下载地址:点击下载 

2015-01-02 22:41:26 560

原创 MongoDB学习笔记(一) MongoDB介绍及安装

一、前言  最近开始学习非关系型数据库MongoDB,却在博客园上找不到比较系统的教程,很多资料都要去查阅英文网站,效率比较低下。本人不才,借着自学的机会把心得体会都记录下来,方便感兴趣的童鞋分享讨论。部分资源出自其他博客,旨将零散知识点集中到一起,如果有侵犯您的权利,请联系[email protected]。大部分内容均系原创,欢迎大家转载分享,但转载的同时别忘了注明作者和原文链接哦。

2015-01-02 22:39:49 566

原创 Sublime Text 全程指引

摘要(Abstract)本文系统全面的介绍了Sublime Text,旨在成为最优秀的Sublime Text中文教程。更新记录2014/09/27:完成初稿2014/09/28:更正打开控制台的快捷键为Ctrl + `更正全局替换的快捷键为Ctrl + Alt + Enter前言(Prologue)Sublime Text是

2015-01-02 16:29:24 871

微信公众号H5游戏平台完整源码下载(几十款游戏和应用)

微信Html5游戏平台源码,包括40款h5小游戏和21款有趣的测试

2016-02-22

jQuery圆角插件

jQuery,可以实现各种圆角效果,附有使用文档

2012-11-03

java根据比例概率生成随机数

JAVA 生成随机数,并根据概率、比率,通过返回数字来判断中奖情况

2012-11-03

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除