自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(143)
  • 收藏
  • 关注

原创 bootstrap 标签集整理

Bootstrap是快速开发Web应用程序的前端工具包。具体了解请点这里:bootstrap    在学习bootstrap的过程中需要记忆其中不少的className和html结构。为了方便记忆和快速查看,整理一个列表出来。所有内容使用zen coding格式书写。bootstrap 标签集============================##

2012-10-20 10:16:34 8629 1

原创 <<Git Community Book中文版>>学习笔记

>Git对象模型  SHA: 表示项目历史信息的文件,通过一个40个字符的"对象名"来索引。  对象:     三个部分:类型、大小和内容    分四个类型: blob, tree, commit, tag      blob: 存储文件数据      tree: 管理tree和blob      commit: 指向一个tree,标记项目某

2012-09-02 16:21:49 1141

原创 脚本_导出凤凰网一本书的内容到html页面

凤凰网上看书很不方便,不允许复制粘贴,而且每章节都是通过ajax请求超慢。就写个脚本,直接导出整本书到html页面上。每个页面都有书的id和章节id,根据这些请求同一个url得到章节内容。function getBookContent(bookId, fromChapterId, toChapterId ) { var str = ''; funct

2012-08-04 22:10:50 1114

原创 bootstrap的学习笔记

轻量级前端开发工具Bootstrap http://t.cn/anW06J   Bootstrap 使用LESS来写CSS。http://t.cn/SbVIm7 LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承, 运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。

2012-07-26 15:51:51 987

原创 20120215

最近的Flash学习笔记:* 碰撞检测:AS3中有MoveClip.hitTestObject()方法。优点是方便,缺点是这是个矩形碰撞检测,你懂的。这个方法也可以检测一个对象是否碰到一个点。* 从数组尾端进行遍历:是游戏程序中一个非常有用的技巧,尤其是你要移除数组中的元素时,如果你从数组的前面开始遍历,那么循环很可能出现错误,因为数组的长度会随着你移除它的元素而改变。 -

2012-02-15 18:20:47 665

原创 一段在网页上播放mp3语音的代码

在网页上直接播放语音,只要安装了flash播放器就可以用:var VoicePlayer = { player: null, player_id : 'voice_player', voice_box_id : 'voice_box', //准备dom结构 ready: function() {

2011-10-14 11:11:16 3536

原创 一个Web IM的UI练习

一个Demo。只完成了html+css部分,还没来及添加交互的js以及更多想法是用websocket做个后台  html - 云起

2011-07-08 14:30:24 2835 1

原创 JS_faceicon

  一个依照新浪微博的表情窗口。  用到Template函数:http://blog.csdn.net/trace332/article/details/5635173 function getPagePos(el) { var x = y = 0; while (el) {x+=el.offsetLeft; y+=el.offsetTop; el=el.offsetParent;} ret

2011-06-29 15:35:00 823

原创 20110617

 CSS实现兼容性的渐变背景效果实例页面: http://t.cn/heTuQR ,好像Opera不支持。。。另外那个-ms-filter是给ie8的。但要记得ie通过滤镜实现,对页面的性能影响比较大。使用时要想好如何取舍。 理解并解决JavaScript内存泄漏 - http://t.cn/hesYFw 讲的很全面。一般分为:循环引用,内部函数引用,页面交叉泄漏和貌似泄漏。。。 

2011-06-17 15:18:00 641

原创 20110520

<br />Masonry is a layout plugin for jQuery. 看这里:http://t.cn/hlWZU<br /> <br />textarea实现高度自适应的原理:http://t.cn/hevUqo,关键在于:如果一个textarea的高度很小, 那么scrollHeight不就一直都表示内容的高度了么!!<br /> <br />[实用的字符]http://t.cn/hebKwp  空格; 半个空格; 1个中文宽 - 这些用于对齐文字

2011-05-20 14:25:00 541

原创 JS_placeholder

<br />本想写个脚本让不支持placeholder的浏览器也能使用此标签,仔细一试才发现placeholder和我们之前实现的效果不太一样:一是用户的输入内容可以和默认内容是一样的,再次focus后输入内容不会设空;二是可以输入空格,blur后不会再显示默认内容。<br /> <br />required jQuery<br /> <br />function supports_input_placeholder(){ var i = document.createElement("input");

2011-05-16 15:11:00 2269

原创 20110516

[PHP]CodeIgniter最新版本不再支持PHP4,所以构造函数中只能用parent::__construct()。还有一些其它的写法的改变,如:class Blog extends CI_Controller,前面都加了一个CI_。[PHP]CodeIgniter的目录结构如图。如果你了解MVC的基本内容,就很容易看懂。application存放你自己的项目文件;system中都是CI的代码。还有很多有趣的目录:helpers, language, libraries。。。[PHP]读取config

2011-05-16 15:06:00 675

原创 20110429

<br />[UE]未读信息的太多,会给用户很大的压力,可能导致用户再也不去查看信息。所以。。。。达到一定数量,就不要显示精确的数值了~~~ 99+<br /> <br />[UE]有一个好的Web用户体验原则是:那些可修改的数据,在哪里输出,最好就能够在哪里输入~~~这是对那些即时编辑功能的最好说明~~~<br /> <br />[modernizr]大概看下代码,有1030行,全部都写在一个立即执行的函数中。测试内容写在一个数组中如:tests['webgl'] = function(){return

2011-04-29 16:51:00 490

原创 20110422

<br /> <br />[HTML5]div,section,article,语义是从无到有,逐渐增强的。div 无任何语义,仅仅用作样式化或者脚本化的钩子(hook),对于一段主题性的内容,则就适用 section,而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article。<br /> <br />[全双工传输]Full-Duplex Transmissions,是指交换机在发送数据的同时也能够接收数据,两者同步进行,这好像我们平时打电话一样,说话的同时也能够听到对方的声音。

2011-04-22 14:55:00 874

原创 Websocket和PHP Socket编程

本来是搜一些html5 websocket资料看的,结果被引去看了php的socket编程。下面是一些简单的例子,在命令行运行php脚本就行[命令行运行PHP]PHP中有一个php.exe文件,可以用命令执行PHP脚本。如:D:/php.exe -f F:/test.php ; 可以使用php.exe -h查看更多参数:server端:

2011-04-15 16:14:00 45888 6

原创 HTMLCSS_《HTML5 Up and Running》

英文版的《HTML5 Up and Running》*目录索引:2。检测HTML5属性;3。新的语义标签;4。Canvas;5。Video;6。地理位置;7。本地存贮;8。离线应用;9。Form;-属性检测可以使用modernizr脚本库进行,很方便。当然也可使用特征检测法,如:return !!document.createElement('canvas').getContext; 或者return typeof context.fillText == 'function'; 或者return 'loca

2011-04-12 13:11:00 1744

原创 PHP_Yii学习笔记

先练习使用Yii的demo blog。*  修改数据库连接  -改为mysql连接,这个比较简单,就是改config/main.php里,代码都有的,取消掉注释就好。*  使用Gii  -先在main.php里添加下列代码:        'modules'=>array(                'gii'=>array(                        'class'=>'system.gii.GiiModule',                        'p

2011-04-11 12:03:00 1084

原创 JS_jQuery插件_autoGrowing

<br />源自《jQuery 1.4 Plugin Development Beginner's Guide》。<br /> <br />// 插件代码/* jQuery.autoGrowing * require: jQuery 1.4+ */;(function($) { $.fn.extend({ "autoGrowing": function(opt) { var defaults = { minHeight: 0, maxHei

2011-03-30 10:11:00 541

原创 jQuery 插件模板

  此模板是在《jQuery 1.4 Plugin Development Beginner's Guide》中看到的,注意一定要加上return this.each(function(){...}),否则操作只会作用于找到的第一个元素。// 插件代码/* jQuery.PLUGINNAME * require: jQuery * HTML : * eg : * author : * date : 20110225 */;(function($) {

2011-03-29 17:36:00 826

原创 HTMLCSS_form表单

最常用的表单结构:用户名请输入用户名密码性别 男

2011-03-28 17:30:00 1739 1

原创 HTMLCSS_CSS3

一些常用的CSS代码。。。IE6-8全不支持,不用想了。。。.rad{ -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}.rad-bl{ -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px;}.rad-br{

2011-03-22 17:47:00 698

原创 JS_jQuery插件_date_select

JS_jQuery插件_date_select

2011-02-23 14:11:00 2522

原创 《Pro_HTML5_programming》阅读笔记

看的是英文电子版的。没有细看,先做个阅读作为索引 ###################### new sectioning element####################   * header   * footer   * section   * article   * aside   * nav ###################### document.querySelector####################   * querySelector()     - return th

2011-01-27 11:37:00 640

转载 [转]阅读优秀代码是提高开发人员修为的一种捷径

如何阅读代码?像某些人一样……我已经记不清有多少次看到程序员(用鼠标)滚上滚下地看着不熟悉的代码,几分钟过后,他们的脸上浮现出不悦的表情。 他们不久后会宣告说,那代码不值一读,为什么要浪费时间呢?我们只能用其他方法解决问题。 我不确定(他们)在期待什么,是通过潜移默化来吸收代码的含义,还是集中精神盯着代码来得到启发? 你不能只靠长时间盯着代码来阅读代码,你要理解它并化为己用。 这里有一些我喜欢用的技巧,虽然这不是一份详尽的列表,但我发现其中有些特别有用。

2011-01-26 10:18:00 530

原创 JS_小游戏_扫雷

JS_小游戏_扫雷

2011-01-21 16:04:00 818

转载 [转]facebook是如何管理代码的

facebook是如何管理代码的

2011-01-20 09:54:00 550

原创 异或交换与数组交换

异或交换与数组交换

2011-01-13 15:59:00 749

原创 CSS Sprites切图方法

CSS Sprites切图方法,经验

2010-12-18 15:19:00 678

原创 [HTML5资料]Canvas教程

HTML5 Canvas的学习笔记整理

2010-12-09 17:01:00 658

原创 PHP_数据库处理的类

mysql的操作相关类,检查并使用了mysqli

2010-12-08 13:59:00 705

原创 PHP_面向对象

PHP5支持面向对象

2010-12-08 13:57:00 502

原创 PHP_会话

关于cookie和session的测试代码

2010-12-08 13:56:00 532

原创 PHP_字符串

PHP的字符串处理函数

2010-12-08 13:52:00 428

原创 PHP_数组

PHP的数组是很重要的一部分。。。

2010-12-08 13:48:00 499

原创 PHP_文件目录

PHP_文件目录

2010-12-08 13:46:00 525

原创 PHP_文件操作及文件下载

文件操作及文件下载

2010-12-08 09:58:00 538

原创 PHP_学习笔记索引

这是一个目录索引,请忽略~~ ^_^

2010-12-08 09:55:00 390

原创 谈工作方法和思路

最简单的工作方法和思路是PDCA循环,展开来就是凡事有记录,凡事有计划,凡事有执行,凡事有结果,凡事有改进,在这个过程中时刻体现目标驱动和用数据 说话。这个看起来很简单,做起来却不容易,而真正做的时候可以从最简单的记录和日志开始,然后过渡到GTD和目标管理,然后过渡到数据分析。

2010-12-07 14:33:00 549

原创 编写高质量代码--Web前端开发修炼之道 读书笔记

看的虽然只是>的源代码,但是却能从中一窥原书的思想端倪~~~

2010-12-07 14:31:00 596

原创 CSS_一个常用分页样式

<br /><br /> <br />直接上代码:<br /> <br /> <br /> <br /> <ul class="pager"> <li class="page prev"> <a href="#" mce_href="#"> < </a> </li> <li class="page cur"> <a href="#" mce_href="#">1</a> </li> <li class="page"> <a href="#" mce_hr

2010-09-19 11:53:00 768

空空如也

空空如也

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

TA关注的人

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