1. 基本操作 git init {代码...} 执行初始化操作会生成一个 .git 目录(该目录存储着管理当前目录内容所需的仓库数据); 文件的编辑等操作在工作树中进行，然后记录到仓库中，以此管理文件的历史快照； 如果想将文件恢复到原先的状态，可以从仓库中调取之前的快照，在工作树中打开。 git status {代码...} git add {代码.....

1. GitHub 是什么？ 为开发者提供 Git 仓库的托管服务； 一个让开发者与朋友、同事、同学以及陌生人共享代码的完美场所。 2. 被改编成各种造型的 octocat 们 这里可以看到网友们上传的各种造型的 octocat（可以拿来当头像）：[链接] 3. Pull Request 是什么？ 指开发者在本地对源代码进行更改后，向 GitHub 中托管的 Git...

一、取得设备授权 认识SSH 在 Mac 上生成 SSH Key：ssh-keygen -t rsa 在 GitHub 上添加 SSH Key 并粘贴从 Mac 拿到的 id_rsa.pub 公钥 在 Mac 上验证：ssh -T git@github.com 二、提交代码 git clone get@github.com:xxx/xxx.git git status git add [your files] git commit -m [your comment] git push origin master...

一、Open in browser 无反应 问题描述：RT，用快捷键 Ctrl + ~ 调出 Sublime Text 的控制台，可以看出如下报错信息： 这是因为『当前 py 脚本位于包含中文字符串的路径下』。 解决方法： 检查文件是否放在含有中文名称的文件夹里面，将文件夹名称改为无中文名称即可。

一、如何查看某端口被占用进程并将其杀死 终端输入以下命令，将会出现占用端口的进程信息： {代码...} 找到进程的 PID，使用 kill 命令杀死对应进程： {代码...} 二、修改配置刷新页面即查看修改内容 Java Web 项目，如果修改了 jsp 、js、css 等文件内容想立即刷新页面查看，可修改服务器配置为如下所示： 三、用 Gradl...

由于在添加 Gradle 环境变量时，发现 JAVA_HOME 的路径有错，想了一下，发现是因为之前粗暴地替换 JDK 时导致的问题。之前我是这样替换 Mac 自带的JDK的：直接删除原来的 JDK，然后安装最新版的 JDK。这样是成功了，但环境变量配置文件忘了修改了。所以现在其实要做的是配置好 JDK 1.8 的环境变量。

如果了解过 JavaScript 变量提升相关语法的话，答案是显而易见的。本文作为《你不知道的 JavaScript》第一部分的阅读笔记，顺便来总结一下对作用域与闭包的理解。

Sprite（精灵），在国内也叫雪碧（音译），是一种 CSS 图像合并技术，该方法是将图标和背景图像合并到一张图片上，然后利用 CSS 的背景定位来显示需要显示的图片部分。

本文主要对 Sass 的基本语法进行了小结，方便日后快速查阅使用。 一、变量（$） 1. 变量标识符 Sass 使用 $ 符号来标识变量。 {代码...} 2. 重复引用 在声明变量时，变量值也可以引用其它变量。 {代码...} 二、嵌套 1. 基本嵌套 在一个规则块中，既可以像普通的 CSS 那样包含属性，又可以嵌套其它规则块。 {代码...} 2. ...

一、需安装的东西 ruby（mac自带） gem（sources可能被墙） sass compass 查看安装情况： {代码...} 查看 gem 的 sources： {代码...} 可参考资料 如何安装 Ruby、Sass、Compass（Windows，使用 Ruby China 镜像） 二、实操 使用终端进入选定的目录 compass 初始化 sass 编写 针对1： mac可能用到的命令： {代码...} win...

前言 CSS代码难维护众所皆知。 为一个元素设置样式的方式可以通过定义的class、定义的id、元素的标签名、元素的属性等选择器以及这些选择器的组合来实现； 作用于某个元素上的样式又可能来自单个样式规则，也可能来自多个样式的组合，还可能来自父元素； CSS样式可以定义在元素的style属性里面，也可以定义在页面head部...

Sass 是 Syntactically Awesome Style Sheets 的缩写，它是CSS的 一个开发工具，提供了很多便利和简单的语法，让CSS看起来更像是一门语言，这种特性也被称为“CSS预编译” 。它的主要涉及思想是让我们可以按照编程的思路编写自己的样式，然后通过“编译器”生成我们所需要的CSS文件。

对网站资源进行优化，并使用不同浏览器测试并不是网站设计过程中最有意思的部分，但是这个过程中的很多重复的任务能够使用正确的工具自动完成，从而使效率大大提高，这是让很多开发者觉得有趣的地方。

来源：js中图片点击区域的实现 - javascript - SegmentFault map标签 定义一个客户端图像映射。图像映射（image-map）指带有可点击区域的一幅图像。 area元素永远嵌套在map元素内部。area元素可定义图像映射中的区域。 img标签中的usemap属性可引用的map标签中的id或name属性（取决于浏览器），所以我们应同时向map标签...

一般设计师给前端的只有psd，没有其它多余的东西，连基本的文档都懒得给。前端期望中的设计能给予的除了psd之外， 还有设计上游岗位传递下来的东西。 比如： 产品原型， 需求文档， 交互文档等等。

对于小前端来说，PHP 集成环境 是个非常不错的选择。在 window 上这类软件有很多，一搜就知道。 我选择了WAMP5。体积较小，启动速度快，菜单较人性化，小图标有状态显示。

引言：最近想将这几个月做过的东西组件化，然后首先想到的是 编码规范化！本文只涉及 CSS 命名规范，搬来了Alloyteam 造好的轮子。可能并不完全适用，在以后开发过程中再根据需要进行修改。╮(╯_╰)╭

1.会伸缩的搜索表单 常在 sf.gg 混的人都知道，它的顶部导航栏是这样的： 当输入框获得焦点就会变成这样的： 利用 CSS3 的 Transition 属性，我们可以简单做出一个类似的搜索表单出来： HTML 标记： {代码...} CSS 样式： {代码...} 效果图： 默认： 获得焦点： 对于那些可以输入的控件，大家又俗称其为 字段。每个表单...

form 元素有两个必要的属性：action 和 method。action 属性用于指定服务器上用来处理表单数据的文件的URL。method (值为 post 或 get)用于指定怎么把数据发送到服务器。

菜单由一组链接组成。用 HTML 中的列表元素（ul 或 ol）来分组链接不仅符合逻辑，而且即使没有额外的 CSS 也能适当显示链接的层次。默认情况下，由于列表（li）是块级元素，因此它们会上下堆叠。

1.布局前的认知 1.1 三种基本方案 多栏布局有三种基本的实现方案：固定宽度、流动、弹性。 固定宽度。布局的大小不会随用户调整浏览器窗口大小而变化，一般是 900 到 1100 像素宽（最常见的是 960 像素）。 流动。布局的大小会随用户调整浏览器窗口大小而变化。（结合 CSS 媒体查询，能够适应最大和最小的屏幕，业界称之...

背景层：用实色填充（使用 background-color 属性），也可以包含任意多个背景图片（使用 background-image 属性），背景图片叠加在背景颜色之上。

这些盒子们都要按照 可见版式模型（visual formatting model）在页面上排布。可见的页面版式主要由三个属性控制： position 属性、 display 属性和 float 属性。其中，position 属性控制页面上元素间的位置关系， display 属性控制元素是堆叠、并排，还是根本不在页面上出现， float 属性提供控制的方式，以便把元素组成...

CSS 规则由 选择器 和 声明 两部分组成，本文将要说的是第二部分：声明。 一个声明包含两部分：属性 和 值。 属性 指出要影响元素的哪个方面（颜色、高度，等等），而 值 表示属性设定为什么（绿色、15px，等等）。 CSS属性值主要分以下三类： 文本值 数字值 颜色值 1.文本值 文本值也叫关键字。所有 CSS 属性都有文本值...

CSS 中的祖先元素会向后代传递一样东西：CSS属性的值。可以继承的属性相当一部分都个文本有关，比如颜色、字体、字号。然而，也有很多 CSS 属性不能继承，因为继承这些属性没有意义。这些不能继承的属性主要涉及元素盒子的定位和显示方式，比如边框、外边距、内边距。

链接样式 在创建包含多个页面的网站时，需要把样式集中在一个单独的文件里，这个文件就叫 样式表。样式表其实就是一个扩展名为 .css 的文本文件。可以在任意多个 HTMl 页面中链接同一个样式表文件，每个页面中只需加入类似下面的一行代码即可：<link href="styles.css" rel="stylesheet" type="text/css" />

用HTML标记内容的目的是为了赋予网页语义（semantic）。换句话说，就是要给你的网页内容赋予某些用户代理（user agent）能够理解的含义。

理解字体和文本属性，对于创造出专业水准的网页排版非常重要。一个网站的品质如何，有时候只要看看它用的字体就能一目了然。 1.网页中字体的来源 用户机器中安装的字体 保存在第三方网站上的字体（可以用link标签把它们链接到你的页面上） 保存在你的Web服务器上的字体（可以使用@font-face规则随网页一起发送给浏览器）...

JavaScript的基本对象也是作为其它对象的基础，但是从基本层面上来看，JavaScript的Object对象与其它大部分的OO语言所定义的基本对象很不同。

Document对象：每个载入浏览器的HTML文档都会成为Document对象。Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问。