2013年03月_hsany330

转载 JS的构造函数

/构造函数 //使自己的对象多次复制，同时实例根据设置的访问等级可以访问其内部的属性和方法 //当对象被实例化后，构造函数会立即执行它所包含的任何代码 function myObject(msg){ //特权属性(公有属性) this.myMsg = msg; //只在被实例化后的实例中可调用; this指的不是函数本身，而是实例化后的对象 this

2013-03-26 14:28:07 474

转载 JS var self =this

var self = this //指代本作用域的对象我们给出一个私有的 self 参数。这个可以令对象对私有方法可见。这种做法是因为私有方法无法被公共方法调用。要令私有方法有用它们被附加到了对象上，但它们无法从外部访问，同时它们也无法被这个对象的公共方法(prototype方法都是公有的)所访问。他们只对私有成员可见。私有方法则是构造器内部的函数。ECMAScript Languag

2013-03-26 13:51:57 971

转载 Git 常用命令

Git 常用命令显示工作目录的状态git status将工作目录的未跟踪或有修改但未暂存的文件添加到暂存区，以待提交。file可以是文件路径也可以是目录路径git add file将暂存区的内容提交到本地版本库git commit先将那些有修改的已跟踪文件暂存后再提交（未跟踪文件不会被提

2013-03-21 14:05:20 642

转载 Git fetch和git pull的区别

原文： http://www.tech126.com/git-fetch-pull/ Git中从远程的分支获取最新的版本到本地有这样2个命令：1. git fetch：相当于是从远程获取最新版本到本地，不会自动merge git fetch origin mastergit log -p master..origin/mastergit merge origin/master

2013-03-13 15:54:41 503

转载 Git三区（工作区，缓存区，仓库）的互操作

工作区：我们会想当然的认为，当前仓库所在目录就是我们的工作区，其实这是不完全正确的。在当前仓库中，新增，更改，删除文件这些动作，都发生在工作区里面。暂存区：英文叫stage, 或index。在版本库.git）目录下，有一个index文件。它实际上就是一个包含文件索引的目录树，像是一个虚拟的工作区。在这个虚拟工作区的目录树中，记录了文件名、文件的状态信息（时间戳、文件长度等），文件的内容并不

2013-03-13 15:34:27 5308

转载 URL传值符号转换

有些符号在URL中是不能直接传递的，如果要在URL中传递这些特殊符号，那么就要使用他们的编码了。下表中列出了一些URL特殊符号及编码十六进制值1+URL 中+号表示空格%2B2空格URL中的空格可以用+号或者编码%203/分隔目录和子目录%2F4?分隔实际的 URL 和参数%3F5%

2013-03-12 17:09:16 1065

转载 CSS3属性教程与案例分享

学习CSS3已有一年半之久了，虽然说不上很懂，但对于一些基本的属性使用还是有一定的了解。时常在群里有很多同学在索取有没有好的CSS3书，CSS3教程。其实如今学习CSS3还是相当的方便，最起码比起一年前来说是好很多很多。今天我把w3cplus的一些有关于CSS3的基本教程整理了一下，希望对同学们学习有所帮助。CSS3选择器选择器对于玩CSS的人来说，并不陌生，但对于CS

2013-03-07 17:27:23 608

转载 Transform的perspective属性设置

style="-webkit-transform: rotateY(40deg) perspective(400px);">如果大家不清楚，请听我娓娓道来。CCS3中的Transform是设置界面样式和动画的一大利器。而且在Chrome和FF中还支持3D变换。IE9不支持，IE10支持。只要是3D场景都会涉及视角问题和透视的问题。在Transform中的设置方法比较简单：

2013-03-07 17:03:41 1130

转载简单3D立体效果

Paul Hayes: Experiment: 3D CSS cube, use arrow keys to rotate .demo_box{ background:none;width:700px;height:200px;border:none; } .perspective{ position

2013-03-07 15:41:33 706

转载 Web 3D即将到来

最近apple官网的html5演示中增加了3D效果的相册，这代表着safari5 成为了第一个用css3实现3D效果的浏览器，由此可见web3D时代已指日可待。 CSS3 3D Gallery 　　本文主要介绍 safari5（截至2010-08-07所有其他webkit内核浏览器均还不能支持3D效果）中实现3D效果的CSS3样式　　1、-webki

2013-03-07 15:12:15 703

转载用CSS3制作50个超棒动画效果

1.CSS3实现钟表效果(基于jQuery)　　使用CSS3的基本变形特性:rotate，并结合了jQuery这类javaScript框架制作的CSS3时钟效果。2.模拟时钟　　模拟时钟基于过渡webkit和CSS3变形，javascript用于将其按当前时间转动。3.可使用箭头键旋转的3D立方体　　你可以使用上、下、左、右方向键控制这个3D立方体，

2013-03-06 17:47:54 1706

转载 2013年响应式网页设计将兴起

本文转载自Socialbeta，作者puting。国外一些知名的科技媒体如Mashable, theNextWeb最近都改版了，满满的填满整个屏幕，开始看还很不习惯，直到Mashable创始人撰文说他们采用了可适应网页设计（Responsive Web Design）（注：国内也译作“响应式网页设计”），而文章中也指出2013年将成为自适应网页设计之年。所谓自适应网页设计，是由Ethan Ma

2013-03-05 17:22:53 755

转载通过CSS3 Media Query实现响应式Web设计

在之前一篇译文中，我们了解了响应式Web设计的概念、组成要素以及基本的实现思路。今天继续相关话题，我们将从前文介绍过的"弹性布局结构"这方面出发，通过一个具体的实例来深入学习。如今的屏幕分辨率，小至320px（iPhone），大到2560px甚至更高（大显示器），变化范围极大。除了使用传统的台式机，用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下，固定宽度的设计方

2013-03-05 16:40:52 795

转载 A Simple Scene Animated with CSS3

A Simple Scene Animated with CSS3 (requires Chrome, Safari, Firefox 5+, or IE10 PP3)Use the button above to start and reset the animation.Use the tabs at top right to view the code for each elemen

2013-03-05 11:44:33 539

转载当inline-block和text-indent遇到IE6,IE7

在实际应用中，考虑到seo，很多button，icon都要用到inline-block和text-indent来处理，例如：Buttoncss我习惯写成这样.btn{display:inline-block; width:100px; height:23px; text-indent:-9999px;background-image:url(img.jpg)

2013-03-05 11:39:34 575

转载 css width:100% 和width:auto的区别

width:100%------------如果设置了margin那新的 width值是容器的宽度加上margin的值。（细心观察）就会发现加了 margin相对应的边就会多出设置的空白。而且会多出横向滚动条因为宽度已经超出了屏幕的范围。(这条相对于父容器是body) width：auto------------这其中margin的值已经包含其中了（也就是一整行）如果要设置margin

2013-03-05 10:24:00 584

转载 16个帮助你高效测试响应式设计界面的工具

响应式的设计现在越来越受设计师推崇，面对这越来越多的响应式设计页面，我们需要找到高效的测试工具来验证设计的合理和正确，在今天这篇文章中，我们将介绍16款帮助你在线测试响应式页面设计的工具，希望大家喜欢！ResponsinatorResponsinator提供了大家在不同设备viewport下查看网站效果的特性，提供了iphone，android，ipad，kindle及其多种设备上的预览效

2013-03-04 20:02:08 668

转载响应式布局这件小事

讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3 Media Query实现响应布局）。一、什么是响应式布局？响应式

2013-03-04 19:42:11 317

转载 25个漂亮的响应式布局的web设计

响应的web设计的做法是提高用户的浏览质量，并在不同设备上能够完美的浏览使用，就像大前端推出的D7主题。看看下面美丽的响应的网站布局，通过本文你会在以后的设计中找到响应的web设计的灵感。1.Maryland Craft Beer Festival2.Daniel Vane3.Inspire Conference4.Formfett

2013-03-04 19:18:09 1154

转载【变换思维】纯CSS如何管理多行内容的省略号

切断多行文本是一个令人惊讶的很难的事情做好。overflow: 隐藏不提供任何提示的文本切断。text-overflow: 省略号只适用于单行的内容。各种JavaScript的解决方案是脆弱的，因为他们需要明确的重新布局时，框的宽度或内容的变化。上面的图片是GIF动画，显示了我们的CSS省略号方法的成品。请注意如何的省略号出现和消失时，窗口窄或宽。这里没有JavaScrip

2013-03-04 19:15:48 566

转载如何高效利用 GitHub

正是 Github，让社会化编程成为现实。本文尝试谈谈 GitHub 的文化、技巧与影响。Q1：GitHub 是什么Q2：GitHub 风格Q3: 在 GitHub，如何跟牛人学习Q4: 享受纯粹的写作与演讲Q5: 代码帮你找工作Q6: GitHub 还在影响一些什么Q7: 除了 GitHub，还可以选择什么？Q1：GitHub 是什么A1：一家公司位于旧金

2013-03-03 20:47:53 637

转载推荐：7个有用的HTML5学习资源

虽然HTML5还是很新，没有被所有主要浏览器支持，但现在还是有许多设计师和开发人员使用。毫无疑问，几年下来，HTML5将对web开发起着很重要的作用。我注意到很多人都在使用它，但也有许多人还没有接触过HTML5。为了帮助学习这个任务，我们收集了7个有用的HTML5学习资源。一、HTML5开发者指南这个文档举例说明了如何编写HTML5文档，为初学者提供了简单和可实践的应用程序

2013-03-03 20:38:29 478

转载用Margin还是用Padding

本文地址: http://www.hicss.net/use-margin-or-padding/用margin还是用padding这个问题是每个学习CSS进阶时的必经之路。CSS边距属性定义元素周围的空间。通过使用单独的属性，可以对上、右、下、左的外边距进行设置。也可以使用简写的外边距属性同时改变所有的外边距。——W3School边界(margin)：元素周围生成额外的空白区

2013-03-03 20:36:54 279

转载我知道你不知道的负Margin

现如今，负margin技术的应用可谓越来越广，任一个大型站点惊鸿一瞥之下都会有其身影所在。个人认为负margin技术是学习css路上必不可缺少的课题之一，许多高级应用及疑难杂症修复都可以使用负margin技术进行实现。负margin理论：在说明什么是负margin之前，你得清楚margin是个啥么玩意，如果还不清楚可以先阅读本人的前一篇文章《不要告诉我你懂margin》，预补下知识

2013-03-03 20:35:37 363

转载 [转]不要告诉我你懂margin(标题好嚣张啊)

你真的了解margin吗？你知道margin有什么特性吗？你知道什么是垂直外边距合并？margin在块元素、内联元素中的区别？什么时候该用padding而不是margin？你知道负margin吗？你知道负margin在实际工作中的用途吗？常见的浏览器下margin出现的bug有哪些？……写css，你少不了与margin打交道，而对于这个平时我们最常用的css属性我们并非十分了解。介于此我打

2013-03-03 20:28:20 325

转载 Yahoo UI Library里的reset.css

2013-03-03 20:27:05 596

转载避免常见的6种HTML5错误用法

一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的等价于——具体地说，就是直接用作替代品(用于样式)。在XHTML或者HTML4中，我们常看到这样的代码： My super duper page Header content Page content Secondary content

2013-03-03 20:24:32 236

转载详细解说：简单CSS3实现炫酷读者墙

如题，给大家介绍和讲解几个常用的CSS3属性，并用到实处。先看demo（请使用Chrome或者Firefox浏览，IE的靠边）：点此查看实例觉得爽的可以继续阅读下面的知识点，感觉不爽的可绕行。使用基础的Html和CSS写出雏形需要一提的是头像（img）的排版。给外面a标签padding-left:;，img自身float:left;margin-left:;

2013-03-03 20:16:29 397

转载 CSS创建三角形（小三角）的几种方法

你可以在很多地方看到三角形（小三角）：tooltips提示框、下拉菜单、甚至在loading载入动画里。不管你喜欢还是不喜欢，这些小元素对各UI元素之间的联系关系式很重要的。有一些不同的方法来设计并制作一个三角形，在本文中，我将介绍：点此查看实例展示编码图片假如你已经有了三角形的图片，并且减少HTTP请求，那么将这个图片转换成一个BASE64字符串

2013-03-03 20:09:30 650

转载 Sublime Text 使用介绍、全套快捷键及插件推荐

开篇：如果说Notepad++是一款不错Code神器，那么Sublime Text应当称得上是神器滴哥。Sublime Text最大的优点就是跨平台，Mac和Windows均可完美使用；其次是强大的插件支持，几乎无所不能。开始使用Sublime Text：Sublime Text有Dev版本，推荐使用，下载地址，一般推荐下载便携版本（Portable version），这样

2013-03-03 19:59:22 537

转载 17款响应式布局框架

响应式页面设计的运用越来越广泛，做为一名WEB前端开发人员，我们有必要了解更多相关的响应式布局的工具和资源，从而使我们更容易地创建具有响应式布局特性的网站，今天就为大家分享几款响应式布局框架吧。1、Titan Framework2、Responsive Grid System3、Gumby4、Susy: Responsiv

2013-03-03 19:50:58 968

转载 HTML5的新特性的探讨

技术人员、设计者、互联网爱好者们都在热议关于HTML5的消息。那么哦一下它究竟能给我们带来什么呢？我们就来对HTML5的新特性探讨一下在探讨HTML5的新特性之前，先说HTML5究竟离我们还有多远?用一张时间轴来说明两个关键点。如图，在2012年，将会由W3C发布候选推荐版，这个版本的发布就代表着HTML5的规范编写已经完成了。而2022年推出的计划推荐版，则意味

2013-03-03 19:45:53 324

转载响应式布局入门

目前已经越来越多的站点以及wap站点使用响应式设计，因为大屏幕的移动设备越来越普及。而自适应布局已经无法胜任各种浏览需求。响应式设计的目的是尽可能以最好的布局显示您的数据，以实现用户友好的 Web 页面。css2的时期有一个不是很常用的media type，他拥有比如aural（声音）braille（触摸）print（打印）handheld（移动设备）等等十种媒体类型，（附加媒体类型详细h

2013-03-03 19:31:03 439

转载 Dom 事件处理函数

Dom Event Handlers/Dom 事件处理函数事件浏览器支持解说一般事件

2013-03-03 19:18:56 341

转载 Chrome浏览器超强调试工具

在Google Chrome浏览器出来之前，我一直使用FireFox，因为FireFox的插件非常丰富，更因为FireFox有强大的Firebug，对于前端开发可谓神器。在Chrome出来的时候，我就喜欢上它的简洁、快速，无论是启动速度还是页面解析速度还是Javascript执行速度（现在的FireFox4 也比之前的FireFox3有很大的进步）。不过当时由于Chrome的开发者工具还不是很

2013-03-01 11:36:37 429

hsany330的专栏