之前一直忙于项目苦于没有时间总结，今天刚好有时间特来总结一下在工作中常用到的代码版本管理器 Git。至于为什么要用 Git？Git 相比 SVN 有哪些好处？我就不多说了,前人已经总结的很好。今天主要介绍的是常用的 Git 命令。

在前端开发工作过程中曾碰到这样一问题:

<style type="text/css">
.parent{ width:400px; height:300px; border:1px solid #ccc; }
.child{ margin:10%; background-color: red; }
</style>
<div class="parent">
    <div class="child"></div>
</div>

问这类名为child元素在网页中显示的高宽？

用惯了jQuery的html()方法，突然有一天不用jQuery的时候发现自己懵逼了，只知道有innerHTML,innerText,textContent这三种属性可以改变DOM元素的内容，可是他们具体的区别及适用场合在头脑中却不够清晰。本着一查到底的精神，今天就来膜拜一下这三个属性的各自成名绝技。
本文将从以下几个方面来介绍：

1. 规范解读
2. 属性的异同
3. 各自适用场合

在javascript中我们总是会遇到各种各样的this，由于this是在代码运行期确定的，它可以是全局对象、当前对象或者任意对象，这完全取决于this的调用方式。《javascript语言精粹》一书中将this的调用方式总结为以下四种：

前端开发技术的更新速度可谓是越来越快，前段时间还在用Gulp打包工具，转眼间Webpack就要一统江湖了。为了体验一下webpack新技术带来的好处，于是就用webpack搭建了一款适合自己使用的前端脚手架，主要用于提高开发速度。在前端开发中切记不要因为某种新技术很火就盲目跟风的在实际项目中使用，而是要根据项目自身特点来选择工具。

最近在关注如何提升网站性能方面的内容，连续看了《高性能网站建设指南》和《高性能网站建设进阶指南》。看完后的觉得收获颇丰，书中提出了很多在提升网站性能方面应注意的事项和所运用的技术，尽管有些内容很老旧，但是仍有部分内容在工作中还是发挥出巨大的效果的。书中有些部分添加了自己的见解，如有错误之处还望提出。

在前端开发中如何提升网站性能是每个前端工程师必须所考虑的内容。通过阅读《高性能网站建设指南》加深了对提升网站性能的各种方法的认识，同时在今后的开发中也能更好的运用。

随着WEB应用越来越复杂，用户对WEB安全也越来越重视。再加上前端工程师的工作面已逐渐扩大，开始覆盖到各种业务逻辑，因此如何应对各种WEB安全问题就显得十分重要，今天我们就来探讨下前端开发编码工作中可能造成的WEB安全问题及防御措施

在前端开发中经常会碰到各种类型布局的网页，这要求我们对css网页布局非常熟悉。其中水平垂直居中布局，多列布局等经常会被使用到，今天就来解决一下css布局方面的问题。

要编写整洁的 CSS 代码，你必须准守以下规则，它将有助于你写出轻量的可复用的 CSS 代码：

• 避免使用全局选择器和元素选择器
• 避免使用权重过高的选择器
• 使用语义化类名
• 避免 CSS 和标签结构的紧耦合

本文将依次阐述上述规则。

前端开发过程中总是会发现有些JS片段需要被经常使用，今天就来总结一下工作中常用到的一些JS片段，如果你经常使用jQuery库有可能很多片段用不到，但是我还是提倡大家使用原生JS，毕竟这才是根本，很多库文件的源码也是这么写的

最近我收到一封来自我的博客读者的电子邮件，里面的一些问题不禁让我陷入沉思，它是这样问的：

你好菲利普，能否告诉我你是如何成长为一个优秀的前端工程师的？
有什么好的建议吗？

我不得不承认看到这个问题的时候我很惊讶，因为我从来就没有把自己看作是一位“优秀的”前端工程师。事实上在这个行业工作的头几年，我一直认为我是不能胜任我所拥有的工作。我申请这些职位是因为我没有意识到我知道的太少了，而能顺利拿下这份工作则是因为面试官不知道该问什么。

尽管现在购买的云服务器很多都有一键 web 环境安装包，但是如果是自己配置 web 环境则需要对各种安全配置十分了解，今天我们就来尝试这做好 web 服务器安全配置。这里的配置不尽完善，若有纰漏之处还望指出。

最近在工作中常常接触到PHP，自己也写过一些简单的PHP页面。我们知道PHP是在服务器端运行的脚本语言，因此我们需要配置服务器环境。之前为了省事直接使用的是wamp集成环境，但是突然某一天领导要求我们做好Apache服务器的安全配置工作，自己下来就开始查阅各种资料和教程，还好任务上线问啥大问题。今天我就来记录一下自己是如何安装并配置一个web服务器。

在前端开发中闭包是一个很重要的知识点，是面试中一定会被问到的内容。之前我对闭包的理解主要是"通过闭包可以在函数外部能访问到函数内部的变量"，对闭包运用的也很少，甚至自己写过闭包自己都不太清楚，只知道这样写可以解决问题。最近在梳理自己的js知识点，发现自己对js闭包理解的很不透彻，于是想全面的分析一下闭包，特别是闭包的形成原因和闭包的使用场景。

虽然ECMAScript5早就成为标准推出来了，但之前因为一直用的是ECMAScript3,并且工作中总是要求兼容IE的低版本，所以用的比较少。如今市场上大多数浏览器都能兼容ECMAScript5(IE8除外)，逐渐的就用的比较多了。今天主要是把ECMAScript5中新增奶的特性及方法总结一下，已备需要时方便查询。

自从接触到jQuery之后顿时就被jQuery的简洁且连续调用的方式吸引，在之后的前端开发中一直使用jQuery。用久了之后就越想弄清楚jQuery的源码，研究过源码之后才弄清楚原来他的本质还是javascript,很多常用的方法还是用js的基本方法写的。包装过后的js虽然使用方便，但是性能却打了折扣。例如用$(‘#demo’)获取id为demo的节点需要经过各种判断排除其他最终还是用document.getElementById(‘demo’)获取的节点，所以觉得还是使用原生的js靠谱，毕竟这个才是根本。

在客户端编程语言中如javascript，同源策略规定跨域之间的脚本是隔离的，一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。只有当两个域具有相同的协议，相同的主机，相同的端口时，我们就认定他们是相同的域。可是在实际开发中我们经常需要获取其他域的资源，这个时候各种不同的跨域资源方式就各显神通了，今天主要来总结一下工作中常用的几种跨域方式，以备查询。

在前端开发中我们常常需要考虑首屏加载时间，为了尽可能减少首屏加载时间我们需要弄清楚从输入网址到页面最终呈现的过程中都发生了哪些事情，然后才能具体问题具体分析，最终达到提升网页性能的目的。从输入网址到页面呈现过程中都发生了什么？据说这是一个非常经典的面试题，考察的问题面也很广，今天我就从一个前端开发工程师的角度来解答一下这个问题，文中难免有些知识点介绍的不够深，还望见谅！

面对各种各样的JavaScript代码，我们有时候难免会犯错。可当自己仔细研究一下，哦原来是这么回事。有时候怎么会想为什么Javascript程序会是这样执行的呢？为什么没有得到自己预期的答案呢？自己到底是哪一步想错了呢？这时候就想如果我是JS执行流我会怎么执行？仔细想想这些问题，原来这其中还包含着很多自己不熟悉的知识点，今天就来总结下，同时也好加深印象。