2016年05月_FishBear_move_on

转载应不应该使用inline-block代替float

本文由99根据Steven Bradley的《Should You Use Inline-Blocks As A Substitute For Floats?》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://www.vanseodesign.com/css/inline-blocks/，以及作者相关信息作者：St

2016-05-31 14:18:37 783

转载 background-position 用法详细介绍

http://www.cnblogs.com/huazaizai/archive/2010/11/03/1867907.html语法： background-position : length || length background-position : position || position 取值： length : 百分数 | 由浮点数字和单位标识符组成的长度值

2016-05-24 12:53:46 338

转载 css display table-cell

display 属性规定元素应该生成的框的类型,用的最多的就是display:block;显示 display:none;隐藏。下面是所有值的用法描述。display本身意思是“显示、阵列”的意思值描述none 此元素不会被显示。 block 此元素将显示为块级元素，此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素，元素前后没有换行符。 inline-b

2016-05-22 09:55:26 1840

转载 CSS中height:100%和height:inherit的异同

2. 大多数情况作用是一样的除去兼容性，大多数情况下，两者作用是一样的，甚至都很难想出不一样的理由。① 父容器height: auto，无论height:100%或者height:inherit表现都是auto.② 父容器定高height: 100px，无论height:100%或者height:inherit表现都是100px高.难道没有差异吗？难道没有使用height:inhe

2016-05-21 19:08:47 576

转载关于伪类元素:before和:after

:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素，最基本的用法如下：#example:before { content: "#"; color: red;}#example:after { content: "$"; color: red;}这段代码会在#examp

2016-05-21 18:29:28 748

转载 CSS float浮动的深入研究、详解及拓展(二)

by zhangxinxu from http://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=594接上回…五、浮动的非本职工作浮动的本职工作是让匿名inline boxes性质的文字环绕图片显示，而其他所有用浮动实现的效果都不是浮动应该做的事情，我称之为“非本职工作”。或许我们并没有

2016-05-21 15:57:33 350

转载 CSS float浮动的深入研究、详解及拓展一一一一一一一一

我们使用float浮动做了很多其本职工作以外的事情，于是我们会混淆，我们会回看不清float真正的面目。浮动真正的意义在哪里呢？要知道这个问题的答案很简单，假设现在CSS中没有浮动(float)属性，那么会变成一个什么样子。我们会发现，目前流行采用浮动方法实现的无论是分栏布局，还是列表排列我们都可以用其他一些CSS属性（不考虑table）代替实现，唯一一个实现不了的就是“文字环绕图片”，我是想不出

2016-05-21 15:40:34 521

转载 overflow:hidden属性

overflow:hidden这个CSS样式是大家常用到的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很了解。一提到清除浮动，我们就会想到另外一个CSS样式：clear:both，我相信对于这个属性的理解大家都不成问题的。但是对于“浮动”这个词到底包含什么样的含义呢？我们下面来详细的阐述一下。这是一个常用的div写法，下面我们来书写样

2016-05-20 16:23:57 13959

转载 css选择器中:first-child与:first-of-type的区别

http://www.cnblogs.com/2050/p/3569509.html:first-child选择器是css2中定义的选择器，从字面意思上来看也很好理解，就是第一个子元素。比如有段代码：p:first-child 匹配到的是p元素,因为p元素是div的第一个子元素；h1:first-child 匹配不到任何元素，因为在这里h1是div的第二个子元素，而不是

2016-05-19 16:12:45 1107

转载 DIV+CSS中标签dl dt dd常用的用法

转自：http://smallpig301.blog.163.com/blog/static/9986093201010262499229/ 用来创建一个普通的列表,用来创建列表中的上层项目，用来创建列表中最下层项目，和都必须放在标志对之间。实例一：效果: 源码：[html] view plain copy > htm

2016-05-18 18:38:31 889

转载 html 学习(css class选择器)

http://www.jianshu.com/p/802afaab545b一般情况下，css 根据class修改标签，js根据id修改标签。.A.B.C 与 .A .B .C 与 .A,.B,.C的区别(ABC分别为标签的class name).A.B.C 指同时包含三个class的标签.A .B .C 指在class 为A 的标签下的class 为B的标签下的class为C的

2016-05-17 21:00:43 974

转载 Emmet使用手册

介绍Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具:基本上，大多数的文本编辑器都会允许你存储和重用一些代码块，我们称之为“片段”。虽然片段能很好地推动你得生产力，但大多数的实现都有这样一个缺点：你必须先定义你得代码片段，并且不能再运行时进行拓展。Emmet把片段这个概念提高到了一个新的层次：你可以设置CSS形式的能够动态被解析的表达式，然后根

2016-05-17 10:41:10 436

转载 sourceTree安装与使用

sourceTree安装与使用1，下载并安装 sourceTree http://downloads.atlassian.com/software/sourcetree/windows/SourceTreeSetup_1.6.14.exe 双击安装，安装前要确认安装了git或是Mercurial。这里选择git,也可以不选择，等安装完成后也可以再选。或者直接百度搜索，sour

2016-05-17 09:04:10 5602 1

转载 CSS基础-引入方法，选择器，继承

一.CSS引入方法：行内式、嵌入式、导入式、链接式。 1、行内式。即：在标签的style属性中设定CSS样式。例子：行内式 2、嵌入式即：将页面各种元素的设置集中写在标签里。例子： div{ background-color:blue; } 3、

2016-05-16 22:03:55 323

转载 Github上线Trending功能，帮你轻松找到有潜力的开源项目

Github已经成为全球最大的开源项目托管平台，目前该平台上已经有780万个项目库，平均每天有超过80000个版本库更新，7000名用户建立第一个GitHub软件库。各种各样的项目都已经托管在Github上，甚至包括白宫开放数据政策、芝加哥自行车路线之类的项目。今天Github开发团队上线了一个新的Trending（趋势）页面，使得开发者可以很容易地找到一些有潜力的开源项目。

2016-05-16 18:37:44 2284

转载 HTML/CSS基础知识学习笔记

http://www.cnblogs.com/scue/p/4276339.html4. 认识body标签：段落文本有三段就放三个标题文本 h1-h6共6个标题分级斜体文本（强调）斜体文本内容粗体文本粗体显示文本内容单独样式文本没有语义的，它的应用就是为

2016-05-16 18:26:15 522

转载 nodejs npm常用命令

npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。1、npm install moduleNames：安装Node模块安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。node的安装分为全局模式和本地模式。一般情况下会以本地模式运

2016-05-16 12:44:53 336

转载修改npm全局安装模式的路径

原文出处在正式写此文章之前，我得说一点血泪史。刚学nodeJS不久，很纳闷为什么全局安装的模块在 'node安装目录/node_modules‘ 中没找到！后来仔细看了下安装成功后的信息，才发现原来是自动安装在C盘了，天啊，C盘肯定不能来放这些东西的啦，于是呢就上网百度了一下。方法一：（百度到的，不过对我无效....）打开 ’nodejs安装目录/node_m

2016-05-16 12:19:09 9881 2

转载跟我一起学习VIM - The Life Changing Editor

前两天同事让我在小组内部分享一下VIM，于是我花了一点时间写了个简短的教程。虽然准备有限，但分享过程中大家大多带着一种惊叹的表情，原来编辑器可以这样强大，这算是对我多年来使用VIM的最大鼓舞吧。所以分享结束之后，将这篇简短教程整理一下作为我2014年的第一篇Blog。目录写在前面：Life Changing Editor什么是VIM为什么选VIM为什么选其它为什

2016-05-15 09:41:30 2534

原创 WIN常用快捷键

Win+E：打开“资源管理器”。 Win+R：打开“运行”对话框。 Win+N：打开新的窗口home：活动页的首部。 end：活动页的尾部。 Alt + Enter 快速查看文件属性Win+L：锁定当前用户。 Ctrl+W：关闭当前窗口。 Alt+D：定位到地址栏。Ctrl+F：定位到搜索框。 F11：最大化和最小化窗

2016-05-13 17:19:14 285

原创 WebStrom快捷键

1. ctrl + shift + n: 搜索打开工程中的文件2. ctrl + j: 输出模板(比如要输一个标签会输出tbody tr什么的)3. ctrl + b: 跳到变量申明处(html的class会跳到CSS相应的属性)4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)5. ctrl + []: 匹配

2016-05-13 17:08:15 518

转载解决stackoverflow打开慢不能注册登录

解决stackoverflow打开慢不能注册登录资源帖:Firefox离线安装扩展教程（带最新Decentraleyes下载链接，0分下载）问题原因：并不是stackoverflow被墙，而是因为stackoverflow用了google的api，而Google在天朝是用不了的，所以才导致像stackoverflow这类网站，出现样式错乱，不能注册，不能登录，打开特别慢，甚至打不开。

2016-05-13 14:52:48 1151

原创 github 每次需要输入passphrase for key id_rsa 的解决办法

http://stackoverflow.com/questions/21095054/ssh-key-still-asking-for-password-and-passphrase参考了stackoverflow删除掉之前的passphrase密码就可以了$ ssh-keygen -p当提升你输入新的密码的时候，按

2016-05-13 11:21:48 31545 2

转载 git以及github冲突相关的问题

提示：更新被拒绝，因为远程版本库包含您本地尚不存在的提交。这通常是因为另外提示：一个版本库已向该引用进行了推送。再次推送前，您可能需要先整合远程变更提示：（如 'git pull ...'）。提示：详见 'git push --help' 中的 'Note about fast-forwards' 小节。3 但是我在 push 的时候被拒绝了，经过百度，强行 push，终于成功！

2016-05-13 10:35:59 389

转载 push到github时，每次都要输入用户名和密码的问题

http://blog.csdn.net/yuquan0821/article/details/8210944在github.com上建立了一个小项目，可是在每次push 的时候，都要输入用户名和密码，很是麻烦原因是使用了https方式 push在termail里边输入 Git remote -v 可以看到形如一下的返回结果origin https://gi

2016-05-13 10:04:13 428

转载 git以及github的使用（1）

http://my.oschina.net/bxxfighting/blog/378196使用git和github托管项目代码1. 双击图标”Git Bash”2. 打开界面如下3. 配置Git,图示如下:a) 先输入ssh-keygen –t rsa –C “邮箱地址”,注意ssh-keygen之间是没有

2016-05-12 19:14:52 547

原创 notepad++ 快捷键

1. 文件相关 Ctrl-O 打开文件 Ctrl-N 新建文件 Ctrl-S 保存文件 Ctrl-Alt-S 文件另存为 Ctrl-Shift-S 保存所有打开文件按住Ctrl+tab可以选择打开当前的哪一个文件2.编辑相关 Ctrl-Shift-T 复制当前行至剪贴板 Ctrl

2016-05-12 12:44:04 618 1

转载无插件Vim编程技巧

相信大家看过《简明Vim教程》也玩了《Vim大冒险》的游戏了，相信大家对Vim都有一个好的入门了。我在这里把我日常用Vim编程的一些技巧列出来给大家看看，希望对大家有用，另外，也是一个抛砖引玉的过程，也希望大家把你们的技巧跟贴一下，我会更新到这篇文章中。另外，这篇文章里的这些技巧全都是vim原生态的，不需要你安装什么插件。我的Vim的版本是7.2。浏览代码首先，我们先从浏览代码开始。有时候

2016-05-12 10:39:39 300

转载 chrome调试工具常用功能整理

大头媛也叫奉雨发布在前端开发工具2014年10月16日view：10315在文章任何区域双击击即可给文章添加【评注】！浮到评注点上可以查看详情。隐藏标注Elementschrome devtools 中 Elements panel 是审查 dom 元素和 css 的, 可以实时修改 dom/css.windows: ctrl

2016-05-11 16:36:14 1311

转载 chrome使用技巧（看了定不让你失望，不错）

阅读目录写在前面快速切换文件在源代码中搜索在源代码中快速跳转到指定的行使用多个插入符进行选择设备模式设备传感仿真格式化凌乱的js源码颜色选择器改变颜色格式强制改变元素状态（方便查看不同状态下元素的样式）利用chrome来查看和编辑本地文件选择下一个匹配项可视化的DOM阴影回到顶部写在前面之前有看过刘哇勇写的Chrome 控制台不完全指南,让我觉得瞬间对chrome的了解实在

2016-05-11 16:30:19 1297

转载 Chrome开发者工具不完全指南：（三、性能篇）

卤煮在前面已经向大家介绍了Chrome开发者工具的一些功能面板，其中包括Elements、Network、Resources基础功能部分和Sources进阶功能部分，对于一般的网站项目来说，其实就是需要这几个面板功能就可以了（再加上console面板这个万精油）。它们的作用大多数情况下是帮助你进行功能开发的。然而在你开发应用级别的网站项目的时候，随着代码的增加，功能的增加，性能会逐渐成为你需要关注

2016-05-11 16:25:17 2861

转载 Chrome开发者工具不完全指南（二、进阶篇）

上篇向大家介绍完了基础功能篇，这次分享的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是我最常用到的Chrome功能面板，也是在我看来决解一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题，在审视一遍自己的代码而一无所获之后，我首先就会打开Sources进行js断点调试，而它也几乎能解决我80%的代码问题。Js断点这个功能让人兴奋不已，在没有js断

2016-05-11 16:23:22 1213

转载 Chrome开发者工具不完全指南（一、基础功能篇）

http://www.cnblogs.com/constantince/p/4565261.html　　就算你不是一名前端开发工程师，相信你也不会对Chrome浏览器感到陌生。根据最新的一份（2015/06）的浏览器市场占有率报告，Chrome近乎占有浏览器天下的半壁江山。简单、快捷使它成为了新时代人们的新宠。如果你是一名web开发人员，我推荐你使用Chrome。作为前端开发的"IDE"，

2016-05-11 16:19:54 565

转载知乎几条不错的想法

作者：大狐狸链接：https://www.zhihu.com/question/36426051/answer/76031743来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。本来只是分享几条看法，没想到会有这么多人喜欢。我再补充一些，希望能对进阶中的程序朋友有帮助。手机敲得，比较凌乱。作为个人意见仅供参考。1.重构是程序员的主力技能。

2016-05-11 14:48:49 1611

转载 Firebug入门指南

作者：阮一峰日期： 2008年6月 8日据说，对于网页开发人员来说，Firebug是Firefox浏览器中最好的插件之一。我最近就在学习怎么使用Firebug，网上找到一篇针对初学者的教程，感觉比较有用，就翻译了出来。=================Firebug入门指南作者：Estelle Weyl原文网址：http://www.evotech.n

2016-05-10 11:00:29 274

转载 Firebug控制台详解

作者：阮一峰日期： 2011年3月26日Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰控制台（Console）是Fire

2016-05-10 10:45:14 256

转载清除过的浮动

http://www.iyunlu.com/view/css-xhtml/55.html 浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局；恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一

2016-05-09 15:33:39 306

转载 CSS浮动 (比较详细、生动、经典)

首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图：可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。注意，以上这些理论，是指标准流中的div。无论多么复杂的布局，其基本出发点均是：“如何在一行显示多个div元素”。显然标准流已经无法满足需求，这就要

2016-05-09 15:04:27 478

转载关于Div的宽度与高度的100%设定

正像你所知道的那样，设置DIV大小的有两个属性width和height，以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑，不明确这个100%的宽度（高度）到底有多宽有多高？这个100%是从哪里得到的从哪里继承的？今天我们的话题就是有关div高度100%的问题！其实，要弄懂div宽度|width100%、div高度|height100%到底是怎么实现的，只需弄懂一个简单的问题就可

2016-05-08 16:37:19 15265

转载 display:inline、block、inline-block的区别

http://www.cnblogs.com/jdonson/archive/2011/06/10/2077932.htmldisplay:block就是将元素显示为块级元素.　　block元素的特点是：　　总是在新行上开始；　　高度，行高以及顶和底边距都可控制；　　宽度缺省是它的容器的100%，除非设定一个宽度　　, , , , 和是块元素的例子。

2016-05-07 21:54:18 308

Image Processing, Analysis, and Machine Vision, 3rd 中英文两版可以对照看

FSCaptureSetup80

linux ubuntu 64位 jsoncpp下载

空空如也