- 博客(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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人