- 博客(53)
- 收藏
- 关注
RSS订阅转载 Android 开源框架Universal-Image-Loader完全解析（一）--- 基本介绍及使用
转载请注明本文出自xiaanming的博客（http://blog.csdn.net/xiaanming/article/details/26810303），请尊重他人的辛勤劳动成果，谢谢！大家好！差不多两个来月没有写文章了，前段时间也是在忙换工作的事，准备笔试面试什么的事情，现在新工作找好了，新工作自己也比较满意，唯一遗憾的就是自己要去一个新的城市，新的环境新的开始，希望自己能尽快的
2014-05-29 09:17:47
773
原创 css3仿天猫侧边栏
演示：http://jsfiddle.net/Adce2/主要思路： 1， 首先画出侧边栏的html。 2， 利用css3属性分别为close sidebar-content添加显示和隐藏的动画。 3， 利用css3的keyframes来定义动画的样式。
2014-05-28 18:42:16
2825
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
3143
转载 css 有用代码
CSS3 规范让前端开发人员能够创建出各种复杂的视觉效果，使网站更好看，更能够吸引用户访问。这篇文章中，我收集了一组实用的 CSS3 技巧，能够帮助你美化您的网站，并给它一个更专业的外观和感觉。黑白图像下面的 CSS 代码能够把彩色图像转变成黑白风格：1234567img.desat
2014-05-09 11:41:14
983
转载 Javascript原型和继承
请在此暂时忘记之前学到的面向对象的一切知识。这里只需要考虑赛车的情况。是的，就是赛车。最近我正在观看 24 Hours of Le Mans ，这是法国流行的一项赛事。最快的车被称为 Le Mans 原型车。这些车虽然是由“奥迪”或“标致”这些厂商制造的，可它们并不是你在街上或速公路上所见到的那类汽车。它们是专为参加高速耐力赛事而制造出来的。厂家投入巨额资金，用于研发、设计、制造这
2014-05-04 13:39:36
680
转载 BFC是什么？
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？ 在解释 BFC 是什么之前，需要
2014-05-04 11:24:32
1330
原创 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
1971
转载 关于颜色的
文字的强调1．行首的强调将正文的第一个字或字母放大并作装饰性处理，嵌入段落的开头，这在传统媒体版式设计中称之为“下坠式”。此技巧的发明溯源于欧洲中世纪的文稿抄写员。 由于它有吸引视线、装饰和活跃版面的作用，所以被应用于网页的文字编排中。其下坠幅度应跨越一个完整字行的上下幅度。至于放大多少，则依据所处网页环境而 定。2．引文的强调在进行网页文字编排时，常常会碰到提纲挈领性的文
2014-04-11 14:02:47
907
原创 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
2167
原创 Yeoman Grunt Bower配置相关
声明，以下相关全是前端的东西。Yeoman 一个自动化工作流，说白了就是把一些你需要手动操作的东西，自动给你做好。我的理解就是给你创建一个项目，然后里面该有的东西都有了。官网：http://www.yeoman.io/Grunt 什么？大G？，其实不是的。一个类似maven的东西（不知道maven？，那总知道ant吧），能够对前端的文件进
2014-04-08 10:54:04
2315
原创 数据结构温习 排序算法
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
952
原创 nodejs less 配置相关
less 全称 lesscss 看名字就知道跟css有关了，我的理解 less就是为了简化大量的css代码而出现的，当你用了less之后，可以把你的css代码，规范化，模块化，便于维护和重构。less分为客户端和服务器端。客户端：首先下载less.js http://lesscss.org下载完成后把他引入到你的页
2014-04-02 16:29:33
2147
原创 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
833
原创 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
2910
原创 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
1404
原创 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
1544
原创 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
865
转载 Photoshop快捷键大全
一、工具箱(多种工具共用一个快捷键的可同时按【Shift】加此快捷键选取) 矩形、椭圆选框工具 【M】 移动工具 【V】 套索、多边形套索、磁性套索 【L】 魔棒工具 【W】 裁剪工具 【C】 切片工具、切片选择工具 【K】 喷枪工具 【J】 画笔工具、铅笔工具 【B】 像皮图章、图案图章 【S】 历史画笔工具、艺术历史画笔 【Y】 像皮擦、背景擦除、魔
2014-03-05 10:09:20
738
原创 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
1867
原创 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
1742
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
1239
转载 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
671
原创 用css 给tbody加垂直滚动条
思路就是1，把tbody设置成display:block，然后就对其高度设置一个固定值，overflow设置成auto。2，把thead的tr设置成display:block。3，因为都设置成block所以要给td手动添加宽度 width:200px代码如下：
2014-02-08 17:05:53
28684
原创 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
3493
原创 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
964
原创 css3 给页面加个半圆形导航条
主要是利用了css3的 rolate(旋转) 和 skew (倾斜)样式先上代码:html 很简单+ 这里的i标签 用了一个第三方库 http://fortawesome.github.io/Font-Awesome/icons/接下来是css先来个半圆
2014-01-06 17:21:00
2822
原创 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
4538
原创 初识heX，利用javascript开发桌面应用程序
最近看了一个开源的新技术，就是利用js和html开发桌面应用，就像写web页面一样，它就是heX，一个利用Node,js和HTML5来实现开发的技术。而且维护这个开源技术的竟然是网易有道的一个团队，真是不错，这说明国内的技术真是提升了啊，不过目前好像只支持windows。官网：http://hex.youdao.com/下面就来写个HelloWorld来试试，究
2013-12-18 16:08:56
4433
原创 Node.js,Express,Mysql小结1
今天看了下Node.js，感觉还挺容易接受的，下面分享一下我的心得。首先，Node.js提供了一个能让后台代码，比如链接数据库，页面跳转等功能变成完全由JS来写的环境。。先下载下来吧 http://nodejs.org/完了直接安装，步骤很简单，不详细介绍了。先写一个Hello World：创建一个文件 HELLO.js
2013-12-10 17:26:28
4300
转载 网页常用的12中颜色
前不久，ColourLovers.com公布了一项调查结果。 他们发现，美国前100大网站的Logo，主要使用12种颜色。其中，采用蓝色的网站最多，红
2013-12-09 15:14:27
2230
原创 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
17352
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人