自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 阿萨斯的

啊飒飒大师阿萨德

2019-01-11 11:02:34 144

原创 博客搬家了

新地址http://www.nihaoshijie.com.cn/请多多支持

2014-06-13 15:13:23 776

转载 Android 开源框架Universal-Image-Loader完全解析(一)--- 基本介绍及使用

转载请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/26810303),请尊重他人的辛勤劳动成果,谢谢!大家好!差不多两个来月没有写文章了,前段时间也是在忙换工作的事,准备笔试面试什么的事情,现在新工作找好了,新工作自己也比较满意,唯一遗憾的就是自己要去一个新的城市,新的环境新的开始,希望自己能尽快的

2014-05-29 09:17:47 670

原创 css3仿天猫侧边栏

演示:http://jsfiddle.net/Adce2/主要思路: 1, 首先画出侧边栏的html。 2, 利用css3属性分别为close sidebar-content添加显示和隐藏的动画。 3, 利用css3的keyframes来定义动画的样式。

2014-05-28 18:42:16 2584 1

原创 PHP CutyCapt生成网页url截图

Requirements:1,需要一个linux系统。2, X-Server。(在命令行下实现对X-server的模拟,渲染图形进行缓存)-在没有安装X-Server的环境下提供图像渲染)Agenda:以ubuntu系统为例:1, 打开命令行。2,安装svn,g++,如果以前装过,执行这段命令也没关系,不会报错。sudo apt-get

2014-05-15 15:22:05 2711

转载 css 有用代码

CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果,使网站更好看,更能够吸引用户访问。这篇文章中,我收集了一组实用的 CSS3 技巧,能够帮助你美化您的网站,并给它一个更专业的外观和感觉。黑白图像下面的 CSS 代码能够把彩色图像转变成黑白风格:1234567img.desat

2014-05-09 11:41:14 917

原创 css3 animation动画事件

当使用css3时,会遇到利用@keyframes来定义动画事件,利用下面3个事件,可以捕捉当前元素

2014-05-09 11:38:19 1067

原创 Javascript基本概念梳理

javascript里的数据类型:原始类型:数字

2014-05-04 13:49:45 903

转载 Javascript原型和继承

请在此暂时忘记之前学到的面向对象的一切知识。这里只需要考虑赛车的情况。是的,就是赛车。最近我正在观看 24 Hours of Le Mans ,这是法国流行的一项赛事。最快的车被称为 Le Mans 原型车。这些车虽然是由“奥迪”或“标致”这些厂商制造的,可它们并不是你在街上或速公路上所见到的那类汽车。它们是专为参加高速耐力赛事而制造出来的。厂家投入巨额资金,用于研发、设计、制造这

2014-05-04 13:39:36 627

转载 BFC是什么?

BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。虽然我知道如何利用 BFC 解决这些问题,但当别人问我 BFC 是什么,我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么?  在解释 BFC 是什么之前,需要

2014-05-04 11:24:32 1214

原创 angularjs requeirjs配置相关

尝试了网上的yeoman generator 生成的脚手架项目不

2014-04-29 17:43:28 2398

原创 css伪类before after 实现立体效果

div { width:200px; height:200px; border:1px solid #ccc; position: relative; background-color:#fff; float: left; text-align: center; margin: 30px;}.div1::after { z-index: -15; positio

2014-04-11 17:59:33 1757

转载 关于颜色的

文字的强调1.行首的强调将正文的第一个字或字母放大并作装饰性处理,嵌入段落的开头,这在传统媒体版式设计中称之为“下坠式”。此技巧的发明溯源于欧洲中世纪的文稿抄写员。 由于它有吸引视线、装饰和活跃版面的作用,所以被应用于网页的文字编排中。其下坠幅度应跨越一个完整字行的上下幅度。至于放大多少,则依据所处网页环境而 定。2.引文的强调在进行网页文字编排时,常常会碰到提纲挈领性的文

2014-04-11 14:02:47 688

原创 HTML5 Canvas 涂鸦墙

http://jsfiddle.net/46Gy4/想要练习一下canvas,没事写个玩玩,可惜电脑上没装photoshop,要不然能更好看些。Insert title here#a { display: block; margin: 0 auto; border:3px solid; cursor:url('pencil.png'),a

2014-04-10 14:39:00 1980

原创 Yeoman Grunt Bower配置相关

声明,以下相关全是前端的东西。Yeoman 一个自动化工作流,说白了就是把一些你需要手动操作的东西,自动给你做好。我的理解就是给你创建一个项目,然后里面该有的东西都有了。官网:http://www.yeoman.io/Grunt 什么?大G?,其实不是的。一个类似maven的东西(不知道maven?,那总知道ant吧),能够对前端的文件进

2014-04-08 10:54:04 2172

原创 数据结构温习 排序算法

js 排序算法冒泡排序:var array = [{"name" : "aa",index : 100},{"name" : "aa",index : 200},{"name" : "aa",index : 300}];var len = array.length;for (var i = 0 ; i < len - 1 ; i++) { //-1 是为了j+1不会

2014-04-03 14:08:38 874

原创 nodejs less 配置相关

less 全称 lesscss 看名字就知道跟css有关了,我的理解 less就是为了简化大量的css代码而出现的,当你用了less之后,可以把你的css代码,规范化,模块化,便于维护和重构。less分为客户端和服务器端。客户端:首先下载less.js http://lesscss.org下载完成后把他引入到你的页

2014-04-02 16:29:33 1774

原创 ss

Phaser - Getting started            body {            margin: 0;        }    var game = new Phaser.Game(500, 656, Phaser.AUTO, '', {    preload: preload,    create: cre

2014-03-21 00:56:13 740

原创 Phaser HTML5 canvas 游戏引擎 牛刀小试

首先是素材

2014-03-15 15:57:51 2754

原创 box2d 初识 强大的物理碰撞引擎 结合canvas

一个小的Demohttp://jsfiddle.net/qAjPt/Box2D是一个用于模拟2D刚体物体的C++引擎。作者为Erin Catto。Box2D使用zlib许可。zlib许可是一个自由软件授权协议,但并非copyleft。它已被用于蜡笔物理学、愤怒的小鸟、Rolando、Fantastic Contraption、Incredibots、Tiny W

2014-03-10 16:42:04 2559

原创 Canvas 刮刮卡

http://jsfiddle.net/299X4/闲来无事,做了个小demo,顺便练习一下用元素js实现拖动效果。document.getElementById("can3").addEventListener("mousedown",function(e){ var rect = e.currentTarget.getBoundingClientRect();

2014-03-07 16:30:13 1334

原创 Canvas制作 撞球游戏 简单易学

http://jsfiddle.net/DkNb4/首先基本的canvas api 要掌握var canvas = document.getElementById('canvas');var x = 50;var y = 50;var dx = 2;var dy = 4;var WIDTH;var HEIGHT;var ctx;var paddlex;va

2014-03-06 19:39:11 1409

原创 canvas summary

fill 填充颜色(实心);stroke 填充线的颜色(空心);fillStyle 实心的颜色;stroke 空心,线的颜色;rect 画矩形,fillRect画实心矩形,context.fillRect(x,y,width,height) context.strokeRect(x,y,width,height) 用来画边框;arc 画圆形(也可以画扇型),(x

2014-03-06 18:36:04 798

转载 Photoshop快捷键大全

一、工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取) 矩形、椭圆选框工具 【M】 移动工具 【V】 套索、多边形套索、磁性套索 【L】 魔棒工具 【W】 裁剪工具 【C】 切片工具、切片选择工具 【K】 喷枪工具 【J】 画笔工具、铅笔工具 【B】 像皮图章、图案图章 【S】 历史画笔工具、艺术历史画笔 【Y】 像皮擦、背景擦除、魔

2014-03-05 10:09:20 678

原创 css3实现立方体,并且自转效果

http://jsfiddle.net/8Tb6x/先是HTML 一个父div包含四个绝对定位的div 1 2 3 4 首先,一个静态的立方体.face:nth-child(1) { -webkit-transform: /*rotateY(0deg)*/ translateZ(2.5em /* half the side l

2014-02-27 11:23:46 1703

原创 css3实现反转flip效果

http://jsfiddle.net/ACNzD/先是html代码,很简单 1 2 css代码#card { width: 300px; height: 300px; position: relative;}figure { display: block; height: 100%; width:

2014-02-25 18:11:55 1591 1

原创 javascript使用toString方法判断对象类型

function getType(o) { var _t; return ((_t = typeof(o)) == "object" ? o==null && "null" || Object.prototype.toString.call(o).slice(8,-1):_t).toLowerCase();}执行结果:getType("abc"); //stringgetType

2014-02-17 15:57:21 927

转载 css3 自定义滚动条

::-webkit-scrollbar { width: 14px; height: 14px;}::-webkit-scrollbar-track,::-webkit-scrollbar-thumb { border-radius: 999px; border: 5px solid transparent;}::-webkit-scrollbar-track {

2014-02-13 19:08:40 608

原创 用css 给tbody加垂直滚动条

思路就是1,把tbody设置成display:block,然后就对其高度设置一个固定值,overflow设置成auto。2,把thead的tr设置成display:block。3,因为都设置成block所以要给td手动添加宽度 width:200px代码如下:

2014-02-08 17:05:53 25611

原创 canvas学习2(click事件)

这次实现了canvas内部组件的click事件因为绑定事件只能给canvas本身绑定,所以在判断是那个组件触发click要根据鼠标的坐标来判断。代码如下Insert title here#myCanvas { border:1px solid #000;} var canvas = document.getElementById(

2014-01-26 16:25:53 2176

原创 canvas学习1

Insert title here#myCanvas { border:1px solid #000;} var canvas = document.getElementById("myCanvas"); var y = 250; var x = 150; var flag = "right"; var ctx = canvas.getContext("2d")

2014-01-26 15:41:51 913

原创 css3 给页面加个半圆形导航条

主要是利用了css3的 rolate(旋转) 和 skew (倾斜)样式先上代码:html 很简单+ 这里的i标签 用了一个第三方库 http://fortawesome.github.io/Font-Awesome/icons/接下来是css先来个半圆

2014-01-06 17:21:00 2074

原创 css3让div随鼠标移动而抖动起来

最近发现一个网站,感觉用户体验不错,特别是一些背景图片随着鼠标的移动的反向的移动,感觉跟不错,于是就试着写了个小demo模仿一下http://www.kennedyandoswald.com/#!/failure-intro-a-poemInsert title here.layer { width:400px; height:400px; bac

2014-01-04 15:46:33 3844

原创 几个观点4

遇到问题 多思考,不要想当然!

2014-01-02 17:14:19 556

原创 初识heX,利用javascript开发桌面应用程序

最近看了一个开源的新技术,就是利用js和html开发桌面应用,就像写web页面一样,它就是heX,一个利用Node,js和HTML5来实现开发的技术。而且维护这个开源技术的竟然是网易有道的一个团队,真是不错,这说明国内的技术真是提升了啊,不过目前好像只支持windows。官网:http://hex.youdao.com/下面就来写个HelloWorld来试试,究

2013-12-18 16:08:56 4095

原创 几个观点3

爱搭讪  如何定位两个移动设备的精确距离

2013-12-18 08:54:15 513

原创 几个观点2

美女 主播 (受众太窄)游戏相关(受众太窄)

2013-12-16 10:16:22 482

原创 Node.js,Express,Mysql小结1

今天看了下Node.js,感觉还挺容易接受的,下面分享一下我的心得。首先,Node.js提供了一个能让后台代码,比如链接数据库,页面跳转等功能变成完全由JS来写的环境。。先下载下来吧  http://nodejs.org/完了直接安装,步骤很简单,不详细介绍了。先写一个Hello World:创建一个文件 HELLO.js

2013-12-10 17:26:28 4207

转载 网页常用的12中颜色

前不久,ColourLovers.com公布了一项调查结果。                                                                                                                他们发现,美国前100大网站的Logo,主要使用12种颜色。其中,采用蓝色的网站最多,红

2013-12-09 15:14:27 1647

原创 jquery个性滚动条插件jquery.mCustomScrollbar.js的使用

jquery.mCustomScrollbar.js是一款非常漂亮的滚动条样式插件,同过它你可以自由的定制自己喜欢的滚动条。而且兼容IE6 和IE7等的浏览器 jQuery custom scrollbar demo body{margin:0; padding:0; color:#eee; background:#222; font-family:Verdana

2013-12-03 16:12:08 15704

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