- 博客(143)
- 收藏
- 关注
原创 bootstrap 标签集整理
Bootstrap是快速开发Web应用程序的前端工具包。具体了解请点这里:bootstrap 在学习bootstrap的过程中需要记忆其中不少的className和html结构。为了方便记忆和快速查看,整理一个列表出来。所有内容使用zen coding格式书写。bootstrap 标签集============================##
2012-10-20 10:16:34
8692
原创 <<Git Community Book中文版>>学习笔记
>Git对象模型 SHA: 表示项目历史信息的文件,通过一个40个字符的"对象名"来索引。 对象: 三个部分:类型、大小和内容 分四个类型: blob, tree, commit, tag blob: 存储文件数据 tree: 管理tree和blob commit: 指向一个tree,标记项目某
2012-09-02 16:21:49
1184
原创 脚本_导出凤凰网一本书的内容到html页面
凤凰网上看书很不方便,不允许复制粘贴,而且每章节都是通过ajax请求超慢。就写个脚本,直接导出整本书到html页面上。每个页面都有书的id和章节id,根据这些请求同一个url得到章节内容。function getBookContent(bookId, fromChapterId, toChapterId ) { var str = ''; funct
2012-08-04 22:10:50
1188
原创 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
1015
原创 20120215
最近的Flash学习笔记:* 碰撞检测:AS3中有MoveClip.hitTestObject()方法。优点是方便,缺点是这是个矩形碰撞检测,你懂的。这个方法也可以检测一个对象是否碰到一个点。* 从数组尾端进行遍历:是游戏程序中一个非常有用的技巧,尤其是你要移除数组中的元素时,如果你从数组的前面开始遍历,那么循环很可能出现错误,因为数组的长度会随着你移除它的元素而改变。 -
2012-02-15 18:20:47
693
原创 一段在网页上播放mp3语音的代码
在网页上直接播放语音,只要安装了flash播放器就可以用:var VoicePlayer = { player: null, player_id : 'voice_player', voice_box_id : 'voice_box', //准备dom结构 ready: function() {
2011-10-14 11:11:16
3583
原创 一个Web IM的UI练习
一个Demo。只完成了html+css部分,还没来及添加交互的js以及更多想法是用websocket做个后台 html - 云起
2011-07-08 14:30:24
2875
原创 JS_faceicon
一个依照新浪微博的表情窗口。 用到Template函数:http://blog.youkuaiyun.com/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
848
原创 20110617
CSS实现兼容性的渐变背景效果实例页面: http://t.cn/heTuQR ,好像Opera不支持。。。另外那个-ms-filter是给ie8的。但要记得ie通过滤镜实现,对页面的性能影响比较大。使用时要想好如何取舍。 理解并解决JavaScript内存泄漏 - http://t.cn/hesYFw 讲的很全面。一般分为:循环引用,内部函数引用,页面交叉泄漏和貌似泄漏。。。
2011-06-17 15:18:00
676
原创 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
574
原创 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
2313
原创 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
708
原创 20110429
<br />[UE]未读信息的太多,会给用户很大的压力,可能导致用户再也不去查看信息。所以。。。。达到一定数量,就不要显示精确的数值了~~~ 99+<br /> <br />[UE]有一个好的Web用户体验原则是:那些可修改的数据,在哪里输出,最好就能够在哪里输入~~~这是对那些即时编辑功能的最好说明~~~<br /> <br />[modernizr]大概看下代码,有1030行,全部都写在一个立即执行的函数中。测试内容写在一个数组中如:tests['webgl'] = function(){return
2011-04-29 16:51:00
539
原创 20110422
<br /> <br />[HTML5]div,section,article,语义是从无到有,逐渐增强的。div 无任何语义,仅仅用作样式化或者脚本化的钩子(hook),对于一段主题性的内容,则就适用 section,而假如这段内容可以脱离上下文,作为完整的独立存在的一段内容,则就适用 article。<br /> <br />[全双工传输]Full-Duplex Transmissions,是指交换机在发送数据的同时也能够接收数据,两者同步进行,这好像我们平时打电话一样,说话的同时也能够听到对方的声音。
2011-04-22 14:55:00
907
原创 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
45978
1
原创 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
1786
原创 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
1117
原创 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
566
原创 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
868
原创 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
728
原创 《Pro_HTML5_programming》阅读笔记
看的是英文电子版的。没有细看,先做个阅读作为索引 ###################### new sectioning element#################### * header * footer * section * article * aside * nav ###################### document.querySelector#################### * querySelector() - return th
2011-01-27 11:37:00
686
转载 [转]阅读优秀代码是提高开发人员修为的一种捷径
如何阅读代码?像某些人一样……我已经记不清有多少次看到程序员(用鼠标)滚上滚下地看着不熟悉的代码,几分钟过后,他们的脸上浮现出不悦的表情。 他们不久后会宣告说,那代码不值一读,为什么要浪费时间呢?我们只能用其他方法解决问题。 我不确定(他们)在期待什么,是通过潜移默化来吸收代码的含义,还是集中精神盯着代码来得到启发? 你不能只靠长时间盯着代码来阅读代码,你要理解它并化为己用。 这里有一些我喜欢用的技巧,虽然这不是一份详尽的列表,但我发现其中有些特别有用。
2011-01-26 10:18:00
563
原创 谈工作方法和思路
最简单的工作方法和思路是PDCA循环,展开来就是凡事有记录,凡事有计划,凡事有执行,凡事有结果,凡事有改进,在这个过程中时刻体现目标驱动和用数据 说话。这个看起来很简单,做起来却不容易,而真正做的时候可以从最简单的记录和日志开始,然后过渡到GTD和目标管理,然后过渡到数据分析。
2010-12-07 14:33:00
582
原创 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
804
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人